varnita 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE +22 -0
  3. data/README.md +123 -0
  4. data/Rakefile +6 -0
  5. data/app/assets/javascripts/froala_editor.min.js +7 -0
  6. data/app/assets/javascripts/froala_editor.pkgd.min.js +7 -0
  7. data/app/assets/javascripts/languages/ar.js +291 -0
  8. data/app/assets/javascripts/languages/bs.js +278 -0
  9. data/app/assets/javascripts/languages/cs.js +284 -0
  10. data/app/assets/javascripts/languages/da.js +276 -0
  11. data/app/assets/javascripts/languages/de.js +278 -0
  12. data/app/assets/javascripts/languages/el.js +284 -0
  13. data/app/assets/javascripts/languages/en_ca.js +222 -0
  14. data/app/assets/javascripts/languages/en_gb.js +222 -0
  15. data/app/assets/javascripts/languages/es.js +269 -0
  16. data/app/assets/javascripts/languages/et.js +278 -0
  17. data/app/assets/javascripts/languages/fa.js +278 -0
  18. data/app/assets/javascripts/languages/fi.js +278 -0
  19. data/app/assets/javascripts/languages/fr.js +278 -0
  20. data/app/assets/javascripts/languages/he.js +278 -0
  21. data/app/assets/javascripts/languages/hr.js +278 -0
  22. data/app/assets/javascripts/languages/hu.js +284 -0
  23. data/app/assets/javascripts/languages/id.js +278 -0
  24. data/app/assets/javascripts/languages/it.js +278 -0
  25. data/app/assets/javascripts/languages/ja.js +278 -0
  26. data/app/assets/javascripts/languages/ko.js +278 -0
  27. data/app/assets/javascripts/languages/ku.js +271 -0
  28. data/app/assets/javascripts/languages/me.js +278 -0
  29. data/app/assets/javascripts/languages/nb.js +278 -0
  30. data/app/assets/javascripts/languages/nl.js +278 -0
  31. data/app/assets/javascripts/languages/pl.js +278 -0
  32. data/app/assets/javascripts/languages/pt_br.js +278 -0
  33. data/app/assets/javascripts/languages/pt_pt.js +278 -0
  34. data/app/assets/javascripts/languages/ro.js +278 -0
  35. data/app/assets/javascripts/languages/ru.js +291 -0
  36. data/app/assets/javascripts/languages/sk.js +284 -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 +278 -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 +7 -0
  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 +7 -0
  50. data/app/assets/javascripts/plugins/draggable.min.js +7 -0
  51. data/app/assets/javascripts/plugins/edit_in_popup.min.js +7 -0
  52. data/app/assets/javascripts/plugins/emoticons.min.js +7 -0
  53. data/app/assets/javascripts/plugins/entities.min.js +7 -0
  54. data/app/assets/javascripts/plugins/file.min.js +7 -0
  55. data/app/assets/javascripts/plugins/font_family.min.js +7 -0
  56. data/app/assets/javascripts/plugins/font_size.min.js +7 -0
  57. data/app/assets/javascripts/plugins/forms.min.js +7 -0
  58. data/app/assets/javascripts/plugins/fullscreen.min.js +7 -0
  59. data/app/assets/javascripts/plugins/help.min.js +7 -0
  60. data/app/assets/javascripts/plugins/image.min.js +7 -0
  61. data/app/assets/javascripts/plugins/image_manager.min.js +7 -0
  62. data/app/assets/javascripts/plugins/inline_class.min.js +7 -0
  63. data/app/assets/javascripts/plugins/inline_style.min.js +7 -0
  64. data/app/assets/javascripts/plugins/line_breaker.min.js +7 -0
  65. data/app/assets/javascripts/plugins/line_height.min.js +7 -0
  66. data/app/assets/javascripts/plugins/link.min.js +7 -0
  67. data/app/assets/javascripts/plugins/lists.min.js +7 -0
  68. data/app/assets/javascripts/plugins/paragraph_format.min.js +7 -0
  69. data/app/assets/javascripts/plugins/paragraph_style.min.js +7 -0
  70. data/app/assets/javascripts/plugins/print.min.js +7 -0
  71. data/app/assets/javascripts/plugins/quick_insert.min.js +7 -0
  72. data/app/assets/javascripts/plugins/quote.min.js +7 -0
  73. data/app/assets/javascripts/plugins/save.min.js +7 -0
  74. data/app/assets/javascripts/plugins/special_characters.min.js +7 -0
  75. data/app/assets/javascripts/plugins/table.min.js +7 -0
  76. data/app/assets/javascripts/plugins/url.min.js +7 -0
  77. data/app/assets/javascripts/plugins/video.min.js +7 -0
  78. data/app/assets/javascripts/plugins/word_paste.min.js +7 -0
  79. data/app/assets/javascripts/plugins.pkgd.min.js +7 -0
  80. data/app/assets/javascripts/third_party/embedly.min.js +7 -0
  81. data/app/assets/javascripts/third_party/font_awesome.min.js +7 -0
  82. data/app/assets/javascripts/third_party/image_tui.min.js +7 -0
  83. data/app/assets/javascripts/third_party/spell_checker.min.js +7 -0
  84. data/app/assets/stylesheets/froala_editor.css +1356 -0
  85. data/app/assets/stylesheets/froala_editor.min.css +7 -0
  86. data/app/assets/stylesheets/froala_editor.pkgd.css +3095 -0
  87. data/app/assets/stylesheets/froala_editor.pkgd.min.css +7 -0
  88. data/app/assets/stylesheets/froala_style.css +353 -0
  89. data/app/assets/stylesheets/froala_style.min.css +7 -0
  90. data/app/assets/stylesheets/plugins/char_counter.css +49 -0
  91. data/app/assets/stylesheets/plugins/char_counter.min.css +7 -0
  92. data/app/assets/stylesheets/plugins/code_view.css +97 -0
  93. data/app/assets/stylesheets/plugins/code_view.min.css +7 -0
  94. data/app/assets/stylesheets/plugins/colors.css +98 -0
  95. data/app/assets/stylesheets/plugins/colors.min.css +7 -0
  96. data/app/assets/stylesheets/plugins/draggable.css +41 -0
  97. data/app/assets/stylesheets/plugins/draggable.min.css +7 -0
  98. data/app/assets/stylesheets/plugins/emoticons.css +34 -0
  99. data/app/assets/stylesheets/plugins/emoticons.min.css +7 -0
  100. data/app/assets/stylesheets/plugins/file.css +128 -0
  101. data/app/assets/stylesheets/plugins/file.min.css +7 -0
  102. data/app/assets/stylesheets/plugins/fullscreen.css +77 -0
  103. data/app/assets/stylesheets/plugins/fullscreen.min.css +7 -0
  104. data/app/assets/stylesheets/plugins/help.css +45 -0
  105. data/app/assets/stylesheets/plugins/help.min.css +7 -0
  106. data/app/assets/stylesheets/plugins/image.css +211 -0
  107. data/app/assets/stylesheets/plugins/image.min.css +7 -0
  108. data/app/assets/stylesheets/plugins/image_manager.css +236 -0
  109. data/app/assets/stylesheets/plugins/image_manager.min.css +7 -0
  110. data/app/assets/stylesheets/plugins/line_breaker.css +38 -0
  111. data/app/assets/stylesheets/plugins/line_breaker.min.css +7 -0
  112. data/app/assets/stylesheets/plugins/quick_insert.css +72 -0
  113. data/app/assets/stylesheets/plugins/quick_insert.min.css +7 -0
  114. data/app/assets/stylesheets/plugins/special_characters.css +33 -0
  115. data/app/assets/stylesheets/plugins/special_characters.min.css +7 -0
  116. data/app/assets/stylesheets/plugins/table.css +111 -0
  117. data/app/assets/stylesheets/plugins/table.min.css +7 -0
  118. data/app/assets/stylesheets/plugins/video.css +198 -0
  119. data/app/assets/stylesheets/plugins/video.min.css +7 -0
  120. data/app/assets/stylesheets/plugins.pkgd.css +1396 -0
  121. data/app/assets/stylesheets/plugins.pkgd.min.css +7 -0
  122. data/app/assets/stylesheets/themes/dark.css +1914 -0
  123. data/app/assets/stylesheets/themes/dark.min.css +7 -0
  124. data/app/assets/stylesheets/themes/gray.css +1914 -0
  125. data/app/assets/stylesheets/themes/gray.min.css +7 -0
  126. data/app/assets/stylesheets/themes/royal.css +1914 -0
  127. data/app/assets/stylesheets/themes/royal.min.css +7 -0
  128. data/app/assets/stylesheets/third_party/embedly.css +61 -0
  129. data/app/assets/stylesheets/third_party/embedly.min.css +7 -0
  130. data/app/assets/stylesheets/third_party/font_awesome.css +33 -0
  131. data/app/assets/stylesheets/third_party/font_awesome.min.css +7 -0
  132. data/app/assets/stylesheets/third_party/image_tui.css +41 -0
  133. data/app/assets/stylesheets/third_party/image_tui.min.css +7 -0
  134. data/app/assets/stylesheets/third_party/spell_checker.css +64 -0
  135. data/app/assets/stylesheets/third_party/spell_checker.min.css +7 -0
  136. data/lib/wysiwyg-rails/engine.rb +17 -0
  137. data/lib/wysiwyg-rails/version.rb +5 -0
  138. data/lib/wysiwyg-rails.rb +2 -0
  139. metadata +201 -0
@@ -0,0 +1,3095 @@
1
+ /*!
2
+ * froala_editor v3.0.6 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2019 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0; }
12
+
13
+ .hide-by-clipping {
14
+ position: absolute;
15
+ width: 1px;
16
+ height: 1px;
17
+ padding: 0;
18
+ margin: -1px;
19
+ overflow: hidden;
20
+ clip: rect(0, 0, 0, 0);
21
+ border: 0; }
22
+
23
+ .fr-element, .fr-element:focus {
24
+ outline: 0 solid transparent; }
25
+
26
+ .fr-box.fr-basic {
27
+ border-radius: 10px;
28
+ -moz-border-radius: 10px;
29
+ -webkit-border-radius: 10px;
30
+ -moz-background-clip: padding;
31
+ -webkit-background-clip: padding-box;
32
+ background-clip: padding-box; }
33
+ .fr-box.fr-basic .fr-element {
34
+ font-family: sans-serif;
35
+ color: #414141;
36
+ font-size: 14px;
37
+ line-height: 1.6;
38
+ padding: 20px;
39
+ -webkit-box-sizing: border-box;
40
+ -moz-box-sizing: border-box;
41
+ box-sizing: border-box;
42
+ overflow-x: auto;
43
+ min-height: 60px;
44
+ text-align: left; }
45
+ .fr-box.fr-basic.fr-rtl .fr-element {
46
+ text-align: right; }
47
+
48
+ .fr-element {
49
+ background: transparent;
50
+ position: relative;
51
+ z-index: 2;
52
+ -webkit-user-select: auto; }
53
+ .fr-element a {
54
+ user-select: auto;
55
+ -o-user-select: auto;
56
+ -moz-user-select: auto;
57
+ -khtml-user-select: auto;
58
+ -webkit-user-select: auto;
59
+ -ms-user-select: auto; }
60
+ .fr-element.fr-disabled {
61
+ user-select: none;
62
+ -o-user-select: none;
63
+ -moz-user-select: none;
64
+ -khtml-user-select: none;
65
+ -webkit-user-select: none;
66
+ -ms-user-select: none; }
67
+ .fr-element [contenteditable="true"] {
68
+ outline: 0 solid transparent; }
69
+
70
+ .fr-box a.fr-floating-btn {
71
+ -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
72
+ -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
73
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
74
+ border-radius: 100%;
75
+ -moz-border-radius: 100%;
76
+ -webkit-border-radius: 100%;
77
+ -moz-background-clip: padding;
78
+ -webkit-background-clip: padding-box;
79
+ background-clip: padding-box;
80
+ height: 40px;
81
+ width: 40px;
82
+ text-align: center;
83
+ background: #FFF;
84
+ color: #333333;
85
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
86
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
87
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
88
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
89
+ outline: none;
90
+ left: 0;
91
+ top: 0;
92
+ line-height: 40px;
93
+ -webkit-transform: scale(0);
94
+ -moz-transform: scale(0);
95
+ -ms-transform: scale(0);
96
+ -o-transform: scale(0);
97
+ text-align: center;
98
+ display: block;
99
+ -webkit-box-sizing: border-box;
100
+ -moz-box-sizing: border-box;
101
+ box-sizing: border-box;
102
+ border: none; }
103
+ .fr-box a.fr-floating-btn svg {
104
+ -webkit-transition: transform 0.2s ease 0s;
105
+ -moz-transition: transform 0.2s ease 0s;
106
+ -ms-transition: transform 0.2s ease 0s;
107
+ -o-transition: transform 0.2s ease 0s;
108
+ fill: #333333; }
109
+ .fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
110
+ font-size: 14px;
111
+ line-height: 40px; }
112
+ .fr-box a.fr-floating-btn.fr-btn + .fr-btn {
113
+ margin-left: 10px; }
114
+ .fr-box a.fr-floating-btn:hover {
115
+ background: #ebebeb;
116
+ cursor: pointer; }
117
+ .fr-box a.fr-floating-btn:hover svg {
118
+ fill: #333333; }
119
+ .fr-box .fr-visible a.fr-floating-btn {
120
+ -webkit-transform: scale(1);
121
+ -moz-transform: scale(1);
122
+ -ms-transform: scale(1);
123
+ -o-transform: scale(1); }
124
+
125
+ iframe.fr-iframe {
126
+ width: 100%;
127
+ border: none;
128
+ position: relative;
129
+ display: block;
130
+ z-index: 2;
131
+ -webkit-box-sizing: border-box;
132
+ -moz-box-sizing: border-box;
133
+ box-sizing: border-box; }
134
+
135
+ .fr-wrapper {
136
+ position: relative;
137
+ z-index: 1; }
138
+ .fr-wrapper::after {
139
+ clear: both;
140
+ display: block;
141
+ content: "";
142
+ height: 0; }
143
+ .fr-wrapper .fr-placeholder {
144
+ position: absolute;
145
+ font-size: 14px;
146
+ color: #AAA;
147
+ font-family: sans-serif;
148
+ z-index: 1;
149
+ display: none;
150
+ top: 0;
151
+ left: 0;
152
+ right: 0;
153
+ overflow: hidden; }
154
+ .fr-wrapper.show-placeholder .fr-placeholder {
155
+ display: block;
156
+ white-space: nowrap;
157
+ text-overflow: ellipsis; }
158
+ .fr-wrapper ::-moz-selection {
159
+ background: #b5d6fd;
160
+ color: #000; }
161
+ .fr-wrapper ::selection {
162
+ background: #b5d6fd;
163
+ color: #000; }
164
+
165
+ .fr-box.fr-basic .fr-wrapper {
166
+ background: #FFF;
167
+ border: 1px solid #CCCCCC;
168
+ border-bottom-color: #efefef;
169
+ top: 0;
170
+ left: 0; }
171
+
172
+ .fr-box.fr-basic.fr-top .fr-wrapper {
173
+ border-top: 0; }
174
+ .fr-box.fr-basic.fr-bottom .fr-wrapper {
175
+ border-bottom: 0;
176
+ border-radius: 10px 10px 0 0;
177
+ -moz-border-radius: 10px 10px 0 0;
178
+ -webkit-border-radius: 10px 10px 0 0;
179
+ -moz-background-clip: padding;
180
+ -webkit-background-clip: padding-box;
181
+ background-clip: padding-box; }
182
+
183
+ @media (min-width: 992px) {
184
+ .fr-box.fr-document {
185
+ min-width: 21cm; }
186
+ .fr-box.fr-document .fr-wrapper {
187
+ text-align: left;
188
+ padding: 30px;
189
+ min-width: 21cm;
190
+ background: #efefef; }
191
+ .fr-box.fr-document .fr-wrapper .fr-element {
192
+ text-align: left;
193
+ background: #FFF;
194
+ width: 21cm;
195
+ margin: auto;
196
+ min-height: 26cm !important;
197
+ padding: 1cm 2cm;
198
+ overflow: visible;
199
+ z-index: auto; }
200
+ .fr-box.fr-document .fr-wrapper .fr-element hr {
201
+ margin-left: -2cm;
202
+ margin-right: -2cm;
203
+ background: #efefef;
204
+ height: 1cm;
205
+ outline: none;
206
+ border: none; }
207
+ .fr-box.fr-document .fr-wrapper .fr-element img {
208
+ z-index: 1; } }
209
+ .fr-tooltip {
210
+ position: absolute;
211
+ top: 0;
212
+ left: 0;
213
+ padding: 0 8px;
214
+ border-radius: 2px;
215
+ -moz-border-radius: 2px;
216
+ -webkit-border-radius: 2px;
217
+ -moz-background-clip: padding;
218
+ -webkit-background-clip: padding-box;
219
+ background-clip: padding-box;
220
+ background: #222222;
221
+ color: #FFF;
222
+ font-size: 11px;
223
+ line-height: 22px;
224
+ font-family: Arial, Helvetica, sans-serif;
225
+ -webkit-transition: opacity 0.2s ease 0s;
226
+ -moz-transition: opacity 0.2s ease 0s;
227
+ -ms-transition: opacity 0.2s ease 0s;
228
+ -o-transition: opacity 0.2s ease 0s;
229
+ -webkit-opacity: 0;
230
+ -moz-opacity: 0;
231
+ opacity: 0;
232
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
233
+ left: -3000px;
234
+ user-select: none;
235
+ -o-user-select: none;
236
+ -moz-user-select: none;
237
+ -khtml-user-select: none;
238
+ -webkit-user-select: none;
239
+ -ms-user-select: none;
240
+ z-index: 2147483647;
241
+ text-rendering: optimizelegibility;
242
+ -webkit-font-smoothing: antialiased;
243
+ -moz-osx-font-smoothing: grayscale; }
244
+ .fr-tooltip.fr-visible {
245
+ -webkit-opacity: 1;
246
+ -moz-opacity: 1;
247
+ opacity: 1;
248
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
249
+
250
+ .fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
251
+ float: left;
252
+ white-space: nowrap;
253
+ position: relative; }
254
+ .fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
255
+ display: none; }
256
+ .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
257
+ background: transparent;
258
+ color: #333333;
259
+ -moz-outline: 0;
260
+ outline: none;
261
+ border: 0;
262
+ line-height: 1;
263
+ cursor: pointer;
264
+ text-align: left;
265
+ margin: 4px 2px;
266
+ padding: 0;
267
+ -webkit-transition: all 0.5s;
268
+ -moz-transition: all 0.5s;
269
+ -ms-transition: all 0.5s;
270
+ -o-transition: all 0.5s;
271
+ border-radius: 4px;
272
+ -moz-border-radius: 4px;
273
+ -webkit-border-radius: 4px;
274
+ -moz-background-clip: padding;
275
+ -webkit-background-clip: padding-box;
276
+ background-clip: padding-box;
277
+ z-index: 2;
278
+ position: relative;
279
+ -webkit-box-sizing: border-box;
280
+ -moz-box-sizing: border-box;
281
+ box-sizing: border-box;
282
+ text-decoration: none;
283
+ user-select: none;
284
+ -o-user-select: none;
285
+ -moz-user-select: none;
286
+ -khtml-user-select: none;
287
+ -webkit-user-select: none;
288
+ -ms-user-select: none;
289
+ float: left;
290
+ height: 40px; }
291
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
292
+ border-radius: 0 4px 4px 0;
293
+ -moz-border-radius: 0 4px 4px 0;
294
+ -webkit-border-radius: 0 4px 4px 0;
295
+ -moz-background-clip: padding;
296
+ -webkit-background-clip: padding-box;
297
+ background-clip: padding-box; }
298
+ .fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
299
+ border-radius: 4px 0 0 4px;
300
+ -moz-border-radius: 4px 0 0 4px;
301
+ -webkit-border-radius: 4px 0 0 4px;
302
+ -moz-background-clip: padding;
303
+ -webkit-background-clip: padding-box;
304
+ background-clip: padding-box; }
305
+ .fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
306
+ border: 0;
307
+ padding: 0; }
308
+ .fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
309
+ width: auto; }
310
+ .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
311
+ display: block;
312
+ text-align: center;
313
+ float: none;
314
+ margin: 8px 7px;
315
+ width: 24px; }
316
+ .fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
317
+ height: 24px; }
318
+ .fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
319
+ -webkit-transition: all 0.5s;
320
+ -moz-transition: all 0.5s;
321
+ -ms-transition: all 0.5s;
322
+ -o-transition: all 0.5s;
323
+ fill: #333333; }
324
+ .fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
325
+ position: absolute;
326
+ width: 1px;
327
+ height: 1px;
328
+ padding: 0;
329
+ margin: -1px;
330
+ overflow: hidden;
331
+ clip: rect(0, 0, 0, 0);
332
+ border: 0; }
333
+ .fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
334
+ font-size: 14px;
335
+ display: block;
336
+ line-height: 17px;
337
+ min-width: 30px;
338
+ float: left;
339
+ text-overflow: ellipsis;
340
+ overflow: hidden;
341
+ white-space: nowrap;
342
+ height: 17px;
343
+ font-weight: bold;
344
+ padding: 0 4px; }
345
+ .fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
346
+ margin: 8px 7px;
347
+ width: 24px; }
348
+ .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
349
+ background: #d6d6d6; }
350
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
351
+ font-weight: normal; }
352
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
353
+ margin-left: 3px;
354
+ margin-right: 11px; }
355
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
356
+ position: absolute;
357
+ width: 0;
358
+ height: 0;
359
+ border-left: 4px solid transparent;
360
+ border-right: 4px solid transparent;
361
+ border-top: 4px solid #333333;
362
+ right: 2px;
363
+ top: 18px;
364
+ -webkit-transition: all 0.3s;
365
+ -moz-transition: all 0.3s;
366
+ -ms-transition: all 0.3s;
367
+ -o-transition: all 0.3s;
368
+ content: ""; }
369
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
370
+ fill: #333333;
371
+ background: #d6d6d6;
372
+ -webkit-transition: 0.5s ease;
373
+ -moz-transition: 0.5s ease;
374
+ -ms-transition: 0.5s ease;
375
+ -o-transition: 0.5s ease; }
376
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
377
+ background: #ebebeb;
378
+ fill: #333333; }
379
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
380
+ border-top-color: #333333; }
381
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
382
+ border-top: 0;
383
+ border-bottom: 4px solid #222222; }
384
+ .fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
385
+ color: #bdbdbd;
386
+ cursor: default;
387
+ -webkit-opacity: 0.3;
388
+ -moz-opacity: 0.3;
389
+ opacity: 0.3;
390
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
391
+ .fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
392
+ border-top-color: #bdbdbd; }
393
+ .fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
394
+ display: none; }
395
+ .fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
396
+ margin: 0;
397
+ width: 46px;
398
+ height: 40px;
399
+ border-radius: 0;
400
+ -moz-border-radius: 0;
401
+ -webkit-border-radius: 0;
402
+ -moz-background-clip: padding;
403
+ -webkit-background-clip: padding-box;
404
+ background-clip: padding-box; }
405
+ .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
406
+ background: #FFF; }
407
+ .fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
408
+ height: 27px; }
409
+ .fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
410
+ margin: 8px 11px;
411
+ width: 24px;
412
+ height: 24px; }
413
+ .fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
414
+ fill: #0098f7; }
415
+ .fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
416
+ color: #bdbdbd;
417
+ -webkit-opacity: 0.3;
418
+ -moz-opacity: 0.3;
419
+ opacity: 0.3;
420
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
421
+ .fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
422
+ border-top-color: #bdbdbd; }
423
+ .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
424
+ float: right; }
425
+ .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
426
+ float: left; }
427
+ .fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
428
+ float: right; }
429
+ .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
430
+ border-radius: 4px 0 0 4px;
431
+ -moz-border-radius: 4px 0 0 4px;
432
+ -webkit-border-radius: 4px 0 0 4px;
433
+ -moz-background-clip: padding;
434
+ -webkit-background-clip: padding-box;
435
+ background-clip: padding-box; }
436
+ .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
437
+ border-radius: 0 4px 4px 0;
438
+ -moz-border-radius: 0 4px 4px 0;
439
+ -webkit-border-radius: 0 4px 4px 0;
440
+ -moz-background-clip: padding;
441
+ -webkit-background-clip: padding-box;
442
+ background-clip: padding-box; }
443
+
444
+ .fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
445
+ display: -webkit-inline-flex;
446
+ display: -ms-inline-flexbox;
447
+ display: inline-flex;
448
+ float: none; }
449
+
450
+ .fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
451
+ outline: 0;
452
+ color: #333333; }
453
+ .fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
454
+ background: #ebebeb; }
455
+ .fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
456
+ border-top-color: #333333; }
457
+ .fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
458
+ color: #333333;
459
+ background: #d6d6d6; }
460
+ .fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
461
+ background: #ebebeb; }
462
+ .fr-desktop .fr-command.fr-active:active {
463
+ background: #d6d6d6; }
464
+ .fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
465
+ background: transparent; }
466
+ .fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
467
+ background: transparent; }
468
+
469
+ .fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
470
+ background: #d6d6d6; }
471
+
472
+ .fr-command.fr-btn.fr-options {
473
+ width: 16px;
474
+ margin-left: -5px; }
475
+ .fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
476
+ border-left: solid 1px #FAFAFA;
477
+ -webkit-transition: border-left 0s, background-color 0.5s;
478
+ -moz-transition: border-left 0s, background-color 0.5s;
479
+ -ms-transition: border-left 0s, background-color 0.5s;
480
+ -o-transition: border-left 0s, background-color 0.5s; }
481
+ .fr-command.fr-btn + .fr-dropdown-menu {
482
+ background: #FFF;
483
+ display: inline-block;
484
+ position: absolute;
485
+ right: auto;
486
+ bottom: auto;
487
+ height: auto;
488
+ z-index: 4;
489
+ border-radius: 4px;
490
+ -moz-border-radius: 4px;
491
+ -webkit-border-radius: 4px;
492
+ -moz-background-clip: padding;
493
+ -webkit-background-clip: padding-box;
494
+ background-clip: padding-box;
495
+ -webkit-overflow-scrolling: touch;
496
+ overflow: hidden;
497
+ zoom: 1;
498
+ -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
499
+ -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
500
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
501
+ .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
502
+ -webkit-transition: none;
503
+ -moz-transition: none;
504
+ -ms-transition: none;
505
+ -o-transition: none;
506
+ height: auto;
507
+ max-height: 275px; }
508
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
509
+ padding: 0;
510
+ margin: auto;
511
+ display: inline-block;
512
+ text-align: left;
513
+ position: relative;
514
+ -webkit-box-sizing: border-box;
515
+ -moz-box-sizing: border-box;
516
+ box-sizing: border-box;
517
+ -webkit-transition: height 0.3s;
518
+ -moz-transition: height 0.3s;
519
+ -ms-transition: height 0.3s;
520
+ -o-transition: height 0.3s;
521
+ margin-top: 0;
522
+ float: left;
523
+ height: 0;
524
+ margin-top: 0 !important; }
525
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
526
+ position: relative; }
527
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
528
+ list-style-type: none;
529
+ margin: 0;
530
+ padding: 8px 0;
531
+ min-width: 72px; }
532
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
533
+ padding: 0;
534
+ margin: 0;
535
+ font-size: 15px; }
536
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
537
+ padding: 0 20px;
538
+ line-height: 200%;
539
+ display: flex;
540
+ cursor: pointer;
541
+ white-space: nowrap;
542
+ color: inherit;
543
+ text-decoration: none;
544
+ border-radius: 0;
545
+ -moz-border-radius: 0;
546
+ -webkit-border-radius: 0;
547
+ -moz-background-clip: padding;
548
+ -webkit-background-clip: padding-box;
549
+ background-clip: padding-box; }
550
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
551
+ width: 24px;
552
+ height: 24px;
553
+ margin: 3px 4px; }
554
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
555
+ fill: #333333; }
556
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
557
+ background: #d6d6d6; }
558
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
559
+ color: #bdbdbd;
560
+ cursor: default; }
561
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
562
+ margin-left: 20px;
563
+ font-weight: bold;
564
+ -webkit-opacity: 0.75;
565
+ -moz-opacity: 0.75;
566
+ opacity: 0.75; }
567
+ .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
568
+ display: inline-block;
569
+ -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
570
+ -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
571
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
572
+
573
+ .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
574
+ border-radius: 2px 2px 0 0;
575
+ -moz-border-radius: 2px 2px 0 0;
576
+ -webkit-border-radius: 2px 2px 0 0;
577
+ -moz-background-clip: padding;
578
+ -webkit-background-clip: padding-box;
579
+ background-clip: padding-box; }
580
+
581
+ .fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
582
+ text-align: right !important; }
583
+
584
+ body.prevent-scroll {
585
+ overflow: hidden; }
586
+ body.prevent-scroll.fr-mobile {
587
+ position: fixed;
588
+ -webkit-overflow-scrolling: touch; }
589
+
590
+ .fr-modal {
591
+ color: #222222;
592
+ font-family: Arial, Helvetica, sans-serif;
593
+ position: fixed;
594
+ overflow-x: auto;
595
+ overflow-y: scroll;
596
+ top: 0;
597
+ left: 0;
598
+ bottom: 0;
599
+ right: 0;
600
+ width: 100%;
601
+ z-index: 2147483640;
602
+ text-rendering: optimizelegibility;
603
+ -webkit-font-smoothing: antialiased;
604
+ -moz-osx-font-smoothing: grayscale;
605
+ text-align: center;
606
+ line-height: 1.2; }
607
+ .fr-modal.fr-middle .fr-modal-wrapper {
608
+ margin-top: 0;
609
+ margin-bottom: 0;
610
+ margin-left: auto;
611
+ margin-right: auto;
612
+ top: 50%;
613
+ left: 50%;
614
+ -webkit-transform: translate(-50%, -50%);
615
+ -moz-transform: translate(-50%, -50%);
616
+ -ms-transform: translate(-50%, -50%);
617
+ -o-transform: translate(-50%, -50%);
618
+ position: absolute; }
619
+ .fr-modal .fr-modal-wrapper {
620
+ border-radius: 10px;
621
+ -moz-border-radius: 10px;
622
+ -webkit-border-radius: 10px;
623
+ -moz-background-clip: padding;
624
+ -webkit-background-clip: padding-box;
625
+ background-clip: padding-box;
626
+ background-clip: padding-box;
627
+ margin: 20px auto;
628
+ display: inline-block;
629
+ background: #FFF;
630
+ min-width: 300px;
631
+ -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
632
+ -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
633
+ box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
634
+ border: 0;
635
+ overflow: hidden;
636
+ width: 90%;
637
+ position: relative; }
638
+ @media (min-width: 768px) and (max-width: 991px) {
639
+ .fr-modal .fr-modal-wrapper {
640
+ margin: 30px auto;
641
+ width: 70%; } }
642
+ @media (min-width: 992px) {
643
+ .fr-modal .fr-modal-wrapper {
644
+ margin: 50px auto;
645
+ width: 960px; } }
646
+ .fr-modal .fr-modal-wrapper .fr-modal-head {
647
+ background: #FFF;
648
+ overflow: hidden;
649
+ position: absolute;
650
+ width: 100%;
651
+ min-height: 42px;
652
+ z-index: 3;
653
+ border-bottom: solid #efefef 1px;
654
+ -webkit-transition: all 0.2s ease 0s;
655
+ -moz-transition: all 0.2s ease 0s;
656
+ -ms-transition: all 0.2s ease 0s;
657
+ -o-transition: all 0.2s ease 0s; }
658
+ .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
659
+ height: 56px;
660
+ padding: 0 10px; }
661
+ .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
662
+ margin: 10px;
663
+ position: absolute;
664
+ top: 0;
665
+ right: 0; }
666
+ .fr-modal .fr-modal-wrapper .fr-modal-head h4 {
667
+ font-size: 20px;
668
+ padding: 19px 10px;
669
+ margin: 0;
670
+ font-weight: 400;
671
+ line-height: 18px;
672
+ display: inline-block;
673
+ float: left; }
674
+ .fr-modal .fr-modal-wrapper div.fr-modal-body {
675
+ height: 100%;
676
+ min-height: 150px;
677
+ overflow-y: auto;
678
+ padding-bottom: 20px; }
679
+ .fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
680
+ outline: 0; }
681
+ .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
682
+ height: 36px;
683
+ line-height: 1;
684
+ color: #0098f7;
685
+ padding: 10px;
686
+ cursor: pointer;
687
+ text-decoration: none;
688
+ border: none;
689
+ background: none;
690
+ font-size: 16px;
691
+ outline: none;
692
+ -webkit-transition: background 0.2s ease 0s;
693
+ -moz-transition: background 0.2s ease 0s;
694
+ -ms-transition: background 0.2s ease 0s;
695
+ -o-transition: background 0.2s ease 0s;
696
+ border-radius: 2px;
697
+ -moz-border-radius: 2px;
698
+ -webkit-border-radius: 2px;
699
+ -moz-background-clip: padding;
700
+ -webkit-background-clip: padding-box;
701
+ background-clip: padding-box; }
702
+ .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
703
+ margin-left: 24px; }
704
+ .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
705
+ background: #ebebeb;
706
+ color: #0098f7; }
707
+ .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
708
+ background: #d6d6d6;
709
+ color: #0098f7; }
710
+ .fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
711
+ border: 0; }
712
+
713
+ .fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
714
+ background: #ebebeb; }
715
+
716
+ .fr-overlay {
717
+ position: fixed;
718
+ top: 0;
719
+ bottom: 0;
720
+ left: 0;
721
+ right: 0;
722
+ background: #000;
723
+ -webkit-opacity: 0.5;
724
+ -moz-opacity: 0.5;
725
+ opacity: 0.5;
726
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
727
+ z-index: 2147483639; }
728
+
729
+ .fr-popup {
730
+ position: absolute;
731
+ display: none;
732
+ color: #222222;
733
+ background: #FFF;
734
+ -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
735
+ -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
736
+ box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
737
+ font-family: Arial, Helvetica, sans-serif;
738
+ -webkit-box-sizing: border-box;
739
+ -moz-box-sizing: border-box;
740
+ box-sizing: border-box;
741
+ user-select: none;
742
+ -o-user-select: none;
743
+ -moz-user-select: none;
744
+ -khtml-user-select: none;
745
+ -webkit-user-select: none;
746
+ -ms-user-select: none;
747
+ margin-top: 10px;
748
+ z-index: 2147483635;
749
+ text-align: left;
750
+ border-radius: 6px;
751
+ -moz-border-radius: 6px;
752
+ -webkit-border-radius: 6px;
753
+ -moz-background-clip: padding;
754
+ -webkit-background-clip: padding-box;
755
+ background-clip: padding-box;
756
+ text-rendering: optimizelegibility;
757
+ -webkit-font-smoothing: antialiased;
758
+ -moz-osx-font-smoothing: grayscale;
759
+ line-height: 1.2; }
760
+ .fr-popup .fr-icon {
761
+ text-align: center;
762
+ vertical-align: middle;
763
+ font-size: 20px;
764
+ line-height: 1;
765
+ cursor: pointer;
766
+ font-weight: 400;
767
+ box-sizing: content-box;
768
+ padding: 6px; }
769
+ .fr-popup .fr-icon-container {
770
+ padding: 20px;
771
+ max-height: 200px;
772
+ overflow: auto;
773
+ -webkit-box-sizing: border-box;
774
+ -moz-box-sizing: border-box;
775
+ box-sizing: border-box; }
776
+ @supports not (-ms-high-contrast: none) {
777
+ .fr-popup .fr-icon-container {
778
+ grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
779
+ display: grid; } }
780
+ @media (min-width: 768px) {
781
+ .fr-popup .fr-icon-container {
782
+ min-width: 276px; } }
783
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
784
+ .fr-popup .fr-icon-container {
785
+ display: inline-flex;
786
+ -ms-flex-flow: row wrap; } }
787
+ @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
788
+ .fr-popup .fr-icon-container {
789
+ width: 236px; } }
790
+ .fr-popup .fr-input-focus {
791
+ background: whitesmoke; }
792
+ .fr-popup.fr-above {
793
+ margin-top: -10px;
794
+ border-top: 0; }
795
+ .fr-popup.fr-active {
796
+ display: block; }
797
+ .fr-popup.fr-hidden {
798
+ -webkit-opacity: 0;
799
+ -moz-opacity: 0;
800
+ opacity: 0;
801
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
802
+ .fr-popup.fr-empty {
803
+ display: none !important; }
804
+ .fr-popup .fr-hs {
805
+ display: block !important; }
806
+ .fr-popup .fr-hs.fr-hidden {
807
+ display: none !important; }
808
+ .fr-popup .fr-input-line {
809
+ position: relative;
810
+ padding: 15px 0; }
811
+ .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea {
812
+ width: 100%;
813
+ margin-bottom: 1px;
814
+ border-radius: 2px;
815
+ -moz-border-radius: 2px;
816
+ -webkit-border-radius: 2px;
817
+ -moz-background-clip: padding;
818
+ -webkit-background-clip: padding-box;
819
+ background-clip: padding-box;
820
+ border: solid 1px #999999;
821
+ color: #222222;
822
+ font-size: 14px;
823
+ background: #FFF;
824
+ position: relative;
825
+ z-index: 2;
826
+ padding: 4px 12px;
827
+ -webkit-box-sizing: border-box;
828
+ -moz-box-sizing: border-box;
829
+ box-sizing: border-box;
830
+ -webkit-transition: border 0.5s, padding 0.5s;
831
+ -moz-transition: border 0.5s, padding 0.5s;
832
+ -ms-transition: border 0.5s, padding 0.5s;
833
+ -o-transition: border 0.5s, padding 0.5s; }
834
+ .fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line textarea:hover {
835
+ border: solid 1px #515151; }
836
+ .fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus {
837
+ border: solid 2px #0098f7;
838
+ padding: 3px 11px; }
839
+ .fr-popup .fr-input-line input[type="text"] {
840
+ height: 46px; }
841
+ .fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
842
+ position: absolute;
843
+ top: 29px;
844
+ left: 12px;
845
+ font-size: 14px;
846
+ color: grey;
847
+ -webkit-transition: all 0.5s ease;
848
+ -moz-transition: all 0.5s ease;
849
+ -ms-transition: all 0.5s ease;
850
+ -o-transition: all 0.5s ease;
851
+ z-index: 3;
852
+ display: block;
853
+ background: #FFF;
854
+ padding: 0;
855
+ cursor: text; }
856
+ .fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
857
+ color: gray;
858
+ width: auto;
859
+ left: 4px;
860
+ padding: 0 4px;
861
+ font-size: 11px;
862
+ top: 9px; }
863
+ .fr-popup input, .fr-popup textarea {
864
+ user-select: text;
865
+ -o-user-select: text;
866
+ -moz-user-select: text;
867
+ -khtml-user-select: text;
868
+ -webkit-user-select: text;
869
+ -ms-user-select: text;
870
+ border-radius: 0;
871
+ -moz-border-radius: 0;
872
+ -webkit-border-radius: 0;
873
+ -moz-background-clip: padding;
874
+ -webkit-background-clip: padding-box;
875
+ background-clip: padding-box;
876
+ outline: none; }
877
+ .fr-popup textarea {
878
+ resize: none; }
879
+ .fr-popup .fr-buttons {
880
+ white-space: nowrap;
881
+ line-height: 0; }
882
+ .fr-popup .fr-buttons .fr-btn {
883
+ margin-left: 4px;
884
+ margin-right: 4px;
885
+ display: inline-block;
886
+ float: none; }
887
+ .fr-popup .fr-buttons .fr-btn i {
888
+ float: left; }
889
+ .fr-popup .fr-buttons .fr-separator {
890
+ display: inline-block;
891
+ float: none; }
892
+ .fr-popup .fr-buttons.fr-tabs {
893
+ border-radius: 6px 6px 0 0;
894
+ -moz-border-radius: 6px 6px 0 0;
895
+ -webkit-border-radius: 6px 6px 0 0;
896
+ -moz-background-clip: padding;
897
+ -webkit-background-clip: padding-box;
898
+ background-clip: padding-box;
899
+ background-color: #f5f5f5;
900
+ overflow: hidden; }
901
+ @media (max-width: 768px) {
902
+ .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
903
+ overflow: scroll;
904
+ overflow-y: hidden;
905
+ width: 276px; } }
906
+ .fr-popup .fr-buttons:not(.fr-tabs) {
907
+ padding: 5px; }
908
+ .fr-popup .fr-layer {
909
+ border-radius: 6px;
910
+ -moz-border-radius: 6px;
911
+ -webkit-border-radius: 6px;
912
+ -moz-background-clip: padding;
913
+ -webkit-background-clip: padding-box;
914
+ background-clip: padding-box;
915
+ width: 195px;
916
+ -webkit-box-sizing: border-box;
917
+ -moz-box-sizing: border-box;
918
+ box-sizing: border-box;
919
+ margin: 20px;
920
+ display: none; }
921
+ @media (min-width: 768px) {
922
+ .fr-popup .fr-layer {
923
+ width: 260px; } }
924
+ .fr-popup .fr-layer.fr-active {
925
+ display: inline-block; }
926
+ .fr-popup .fr-action-buttons {
927
+ z-index: 7;
928
+ height: 36px;
929
+ text-align: right; }
930
+ .fr-popup .fr-action-buttons button.fr-command {
931
+ height: 36px;
932
+ line-height: 1;
933
+ color: #0098f7;
934
+ padding: 10px;
935
+ cursor: pointer;
936
+ text-decoration: none;
937
+ border: none;
938
+ background: none;
939
+ font-size: 16px;
940
+ outline: none;
941
+ -webkit-transition: background 0.2s ease 0s;
942
+ -moz-transition: background 0.2s ease 0s;
943
+ -ms-transition: background 0.2s ease 0s;
944
+ -o-transition: background 0.2s ease 0s;
945
+ border-radius: 2px;
946
+ -moz-border-radius: 2px;
947
+ -webkit-border-radius: 2px;
948
+ -moz-background-clip: padding;
949
+ -webkit-background-clip: padding-box;
950
+ background-clip: padding-box; }
951
+ .fr-popup .fr-action-buttons button.fr-command + button {
952
+ margin-left: 24px; }
953
+ .fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
954
+ background: #ebebeb;
955
+ color: #0098f7; }
956
+ .fr-popup .fr-action-buttons button.fr-command:active {
957
+ background: #d6d6d6;
958
+ color: #0098f7; }
959
+ .fr-popup .fr-action-buttons button::-moz-focus-inner {
960
+ border: 0; }
961
+ .fr-popup .fr-checkbox {
962
+ position: relative;
963
+ display: inline-block;
964
+ width: 18px;
965
+ height: 18px;
966
+ padding: 10px;
967
+ border-radius: 100%;
968
+ line-height: 1;
969
+ -webkit-box-sizing: content-box;
970
+ -moz-box-sizing: content-box;
971
+ box-sizing: content-box;
972
+ vertical-align: middle; }
973
+ .fr-popup .fr-checkbox svg {
974
+ margin-left: 2px;
975
+ margin-top: 2px;
976
+ display: none;
977
+ width: 10px;
978
+ height: 10px; }
979
+ .fr-popup .fr-checkbox span {
980
+ border-radius: 2px;
981
+ -moz-border-radius: 2px;
982
+ -webkit-border-radius: 2px;
983
+ -moz-background-clip: padding;
984
+ -webkit-background-clip: padding-box;
985
+ background-clip: padding-box;
986
+ width: 18px;
987
+ height: 18px;
988
+ display: inline-block;
989
+ position: relative;
990
+ z-index: 1;
991
+ -webkit-box-sizing: border-box;
992
+ -moz-box-sizing: border-box;
993
+ box-sizing: border-box;
994
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
995
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
996
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
997
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
998
+ .fr-popup .fr-checkbox input {
999
+ position: absolute;
1000
+ z-index: 2;
1001
+ -webkit-opacity: 0;
1002
+ -moz-opacity: 0;
1003
+ opacity: 0;
1004
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1005
+ border: 0 none;
1006
+ cursor: pointer;
1007
+ height: 18px;
1008
+ margin: 0;
1009
+ padding: 0;
1010
+ width: 18px;
1011
+ top: 7px;
1012
+ left: 7px; }
1013
+ .fr-popup .fr-checkbox input:not(:checked) + span {
1014
+ border: solid 2px #999999; }
1015
+ .fr-popup .fr-checkbox input:not(:checked):active + span {
1016
+ background-color: #f5f5f5; }
1017
+ .fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
1018
+ border-color: #515151; }
1019
+ .fr-popup .fr-checkbox input:checked + span {
1020
+ background: #0098f7;
1021
+ border: solid 2px #0098f7; }
1022
+ .fr-popup .fr-checkbox input:checked + span svg {
1023
+ display: block; }
1024
+ .fr-popup .fr-checkbox input:checked:active + span {
1025
+ background-color: #EcF5Ff; }
1026
+ .fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
1027
+ -webkit-opacity: 0.8;
1028
+ -moz-opacity: 0.8;
1029
+ opacity: 0.8;
1030
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1031
+ .fr-popup .fr-checkbox-line {
1032
+ font-size: 14px;
1033
+ line-height: 1.4px;
1034
+ margin-top: 10px; }
1035
+ .fr-popup .fr-checkbox-line label {
1036
+ cursor: pointer;
1037
+ margin: 0 5px;
1038
+ vertical-align: middle; }
1039
+ .fr-popup.fr-rtl {
1040
+ direction: rtl;
1041
+ text-align: right; }
1042
+ .fr-popup.fr-rtl .fr-action-buttons {
1043
+ text-align: left; }
1044
+ .fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
1045
+ left: auto;
1046
+ right: 0; }
1047
+ .fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
1048
+ float: right; }
1049
+
1050
+ .fr-text-edit-layer {
1051
+ width: 250px;
1052
+ -webkit-box-sizing: border-box;
1053
+ -moz-box-sizing: border-box;
1054
+ box-sizing: border-box;
1055
+ display: block !important; }
1056
+
1057
+ .fr-toolbar {
1058
+ color: #222222;
1059
+ background: #FFF;
1060
+ position: relative;
1061
+ font-family: Arial, Helvetica, sans-serif;
1062
+ -webkit-box-sizing: border-box;
1063
+ -moz-box-sizing: border-box;
1064
+ box-sizing: border-box;
1065
+ user-select: none;
1066
+ -o-user-select: none;
1067
+ -moz-user-select: none;
1068
+ -khtml-user-select: none;
1069
+ -webkit-user-select: none;
1070
+ -ms-user-select: none;
1071
+ border-radius: 2px;
1072
+ -moz-border-radius: 2px;
1073
+ -webkit-border-radius: 2px;
1074
+ -moz-background-clip: padding;
1075
+ -webkit-background-clip: padding-box;
1076
+ background-clip: padding-box;
1077
+ text-align: left;
1078
+ border: 1px solid #CCCCCC;
1079
+ text-rendering: optimizelegibility;
1080
+ -webkit-font-smoothing: antialiased;
1081
+ -moz-osx-font-smoothing: grayscale;
1082
+ line-height: 1.2;
1083
+ padding-bottom: 0;
1084
+ -webkit-transition: padding-bottom 0.5s;
1085
+ -moz-transition: padding-bottom 0.5s;
1086
+ -ms-transition: padding-bottom 0.5s;
1087
+ -o-transition: padding-bottom 0.5s; }
1088
+ .fr-toolbar::after {
1089
+ clear: both;
1090
+ display: block;
1091
+ content: "";
1092
+ height: 0; }
1093
+ .fr-toolbar::after {
1094
+ height: 0; }
1095
+ .fr-toolbar .fr-newline {
1096
+ clear: both;
1097
+ display: block;
1098
+ content: "";
1099
+ margin-left: 9px;
1100
+ margin-right: 9px;
1101
+ background: #efefef;
1102
+ height: 1px;
1103
+ -webkit-transition: height 0.5s;
1104
+ -moz-transition: height 0.5s;
1105
+ -ms-transition: height 0.5s;
1106
+ -o-transition: height 0.5s; }
1107
+ .fr-toolbar.fr-toolbar-open {
1108
+ padding-bottom: 48px; }
1109
+ .fr-toolbar.fr-toolbar-open .fr-newline {
1110
+ height: 0; }
1111
+ .fr-toolbar .fr-float-right {
1112
+ float: right; }
1113
+ .fr-toolbar .fr-float-left {
1114
+ float: left; }
1115
+ .fr-toolbar .fr-more-toolbar {
1116
+ float: left;
1117
+ border-radius: 0;
1118
+ -moz-border-radius: 0;
1119
+ -webkit-border-radius: 0;
1120
+ -moz-background-clip: padding;
1121
+ -webkit-background-clip: padding-box;
1122
+ background-clip: padding-box;
1123
+ background-color: #f5f5f5;
1124
+ -webkit-transition: height 0.5s;
1125
+ -moz-transition: height 0.5s;
1126
+ -ms-transition: height 0.5s;
1127
+ -o-transition: height 0.5s;
1128
+ height: 0;
1129
+ z-index: 2;
1130
+ overflow: hidden;
1131
+ position: absolute;
1132
+ -webkit-box-sizing: border-box;
1133
+ -moz-box-sizing: border-box;
1134
+ box-sizing: border-box;
1135
+ width: 100%; }
1136
+ .fr-toolbar .fr-more-toolbar.fr-expanded {
1137
+ height: 48px; }
1138
+ .fr-toolbar .fr-more-toolbar.fr-overflow-visible {
1139
+ overflow: visible; }
1140
+ .fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
1141
+ margin-left: 4px;
1142
+ margin-right: 4px; }
1143
+ .fr-toolbar .fr-btn-grp {
1144
+ display: inline-block;
1145
+ margin: 0 17px 0 12px; }
1146
+ @media (max-width: 768px) {
1147
+ .fr-toolbar .fr-btn-grp {
1148
+ margin: 0 7px 0 6px; } }
1149
+ .fr-toolbar .fr-command.fr-btn.fr-open {
1150
+ margin-top: 10px;
1151
+ margin-bottom: -1px;
1152
+ border-radius: 4px 4px 0 0;
1153
+ -moz-border-radius: 4px 4px 0 0;
1154
+ -webkit-border-radius: 4px 4px 0 0;
1155
+ -moz-background-clip: padding;
1156
+ -webkit-background-clip: padding-box;
1157
+ background-clip: padding-box; }
1158
+ .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
1159
+ background: #f5f5f5; }
1160
+ .fr-toolbar.fr-rtl {
1161
+ text-align: right; }
1162
+ .fr-toolbar.fr-inline {
1163
+ display: none;
1164
+ -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1165
+ -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1166
+ box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1167
+ border: 0;
1168
+ white-space: nowrap;
1169
+ position: absolute;
1170
+ margin-top: 5px;
1171
+ z-index: 2147483630; }
1172
+ .fr-toolbar.fr-inline.fr-above {
1173
+ margin-top: -10px;
1174
+ border-top: 0; }
1175
+ .fr-toolbar.fr-inline .fr-newline {
1176
+ height: 0; }
1177
+ .fr-toolbar.fr-top {
1178
+ top: 0;
1179
+ border-bottom: 0;
1180
+ border-radius: 10px 10px 0 0;
1181
+ -moz-border-radius: 10px 10px 0 0;
1182
+ -webkit-border-radius: 10px 10px 0 0;
1183
+ -moz-background-clip: padding;
1184
+ -webkit-background-clip: padding-box;
1185
+ background-clip: padding-box; }
1186
+ .fr-toolbar.fr-bottom {
1187
+ bottom: 0;
1188
+ border-top: 0;
1189
+ padding-bottom: 0;
1190
+ border-radius: 0 0 10px 10px;
1191
+ -moz-border-radius: 0 0 10px 10px;
1192
+ -webkit-border-radius: 0 0 10px 10px;
1193
+ -moz-background-clip: padding;
1194
+ -webkit-background-clip: padding-box;
1195
+ background-clip: padding-box; }
1196
+ .fr-toolbar.fr-bottom .fr-newline {
1197
+ padding-top: 0;
1198
+ -webkit-transition: padding-top 0.5s;
1199
+ -moz-transition: padding-top 0.5s;
1200
+ -ms-transition: padding-top 0.5s;
1201
+ -o-transition: padding-top 0.5s; }
1202
+ .fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
1203
+ padding-top: 48px;
1204
+ background: #FFF; }
1205
+ .fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
1206
+ margin-top: -1px;
1207
+ margin-bottom: 10px;
1208
+ border-radius: 0 0 4px 4px;
1209
+ -moz-border-radius: 0 0 4px 4px;
1210
+ -webkit-border-radius: 0 0 4px 4px;
1211
+ -moz-background-clip: padding;
1212
+ -webkit-background-clip: padding-box;
1213
+ background-clip: padding-box; }
1214
+ .fr-toolbar.fr-sticky-on {
1215
+ border-radius: 0;
1216
+ -moz-border-radius: 0;
1217
+ -webkit-border-radius: 0;
1218
+ -moz-background-clip: padding;
1219
+ -webkit-background-clip: padding-box;
1220
+ background-clip: padding-box; }
1221
+
1222
+ .fr-separator {
1223
+ background: #ebebeb;
1224
+ display: block;
1225
+ vertical-align: top;
1226
+ float: left; }
1227
+ .fr-separator + .fr-separator {
1228
+ display: none; }
1229
+ .fr-separator.fr-vs {
1230
+ height: 32px;
1231
+ width: 1px;
1232
+ margin: 8px 4px; }
1233
+ .fr-separator.fr-hs {
1234
+ clear: both;
1235
+ width: calc(100% - (2 * 4px));
1236
+ margin: 0 4px;
1237
+ height: 1px; }
1238
+ .fr-separator.fr-hidden {
1239
+ display: none !important; }
1240
+
1241
+ .fr-rtl .fr-separator {
1242
+ float: right; }
1243
+
1244
+ .fr-toolbar.fr-inline .fr-separator.fr-hs {
1245
+ float: none; }
1246
+
1247
+ .fr-toolbar.fr-inline .fr-separator.fr-vs {
1248
+ float: none;
1249
+ display: inline-block; }
1250
+
1251
+ .second-toolbar {
1252
+ border: 1px solid #CCCCCC;
1253
+ border-top: 0;
1254
+ background: #FFF;
1255
+ line-height: 1.4;
1256
+ border-radius: 0 0 10px 10px;
1257
+ -moz-border-radius: 0 0 10px 10px;
1258
+ -webkit-border-radius: 0 0 10px 10px;
1259
+ -moz-background-clip: padding;
1260
+ -webkit-background-clip: padding-box;
1261
+ background-clip: padding-box; }
1262
+ .second-toolbar::after {
1263
+ clear: both;
1264
+ display: block;
1265
+ content: "";
1266
+ height: 0; }
1267
+
1268
+ #logo {
1269
+ float: left;
1270
+ outline: none; }
1271
+ #logo > span {
1272
+ display: inline-block;
1273
+ float: left;
1274
+ font-family: sans-serif;
1275
+ padding: 11px 5px 10px 15px;
1276
+ font-size: 12px;
1277
+ font-weight: 500;
1278
+ color: #b1b2b7;
1279
+ -webkit-transition: color 0.3s;
1280
+ -moz-transition: color 0.3s;
1281
+ -ms-transition: color 0.3s;
1282
+ -o-transition: color 0.3s; }
1283
+ #logo > svg {
1284
+ height: 20px;
1285
+ width: 47px;
1286
+ margin: 7px 0;
1287
+ cursor: pointer; }
1288
+ #logo > svg * {
1289
+ -webkit-transition: fill 0.3s;
1290
+ -moz-transition: fill 0.3s;
1291
+ -ms-transition: fill 0.3s;
1292
+ -o-transition: fill 0.3s; }
1293
+ #logo:hover > span, #logo:focus > span {
1294
+ color: #0098f7; }
1295
+ #logo:hover > svg .fr-logo, #logo:focus > svg .fr-logo {
1296
+ fill: #0098f7; }
1297
+
1298
+ .fr-visibility-helper {
1299
+ display: none;
1300
+ margin-left: 0 !important; }
1301
+ @media (min-width: 768px) {
1302
+ .fr-visibility-helper {
1303
+ margin-left: 1px !important; } }
1304
+ @media (min-width: 992px) {
1305
+ .fr-visibility-helper {
1306
+ margin-left: 2px !important; } }
1307
+ @media (min-width: 1200px) {
1308
+ .fr-visibility-helper {
1309
+ margin-left: 3px !important; } }
1310
+
1311
+ .fr-opacity-0 {
1312
+ -webkit-opacity: 0;
1313
+ -moz-opacity: 0;
1314
+ opacity: 0;
1315
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1316
+
1317
+ .fr-box {
1318
+ position: relative; }
1319
+
1320
+ /**
1321
+ * Postion sticky hacks.
1322
+ */
1323
+ .fr-sticky {
1324
+ position: -webkit-sticky;
1325
+ position: -moz-sticky;
1326
+ position: -ms-sticky;
1327
+ position: -o-sticky;
1328
+ position: sticky; }
1329
+
1330
+ .fr-sticky-off {
1331
+ position: relative; }
1332
+
1333
+ .fr-sticky-on {
1334
+ position: fixed;
1335
+ z-index: 10; }
1336
+ .fr-sticky-on.fr-sticky-ios {
1337
+ position: absolute;
1338
+ left: 0;
1339
+ right: 0;
1340
+ width: auto !important; }
1341
+
1342
+ .fr-sticky-dummy {
1343
+ display: none; }
1344
+
1345
+ .fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
1346
+ display: block; }
1347
+
1348
+ span.fr-sr-only {
1349
+ position: absolute;
1350
+ width: 1px;
1351
+ height: 1px;
1352
+ padding: 0;
1353
+ margin: -1px;
1354
+ overflow: hidden;
1355
+ clip: rect(0, 0, 0, 0);
1356
+ border: 0; }
1357
+
1358
+ .clearfix::after {
1359
+ clear: both;
1360
+ display: block;
1361
+ content: "";
1362
+ height: 0; }
1363
+
1364
+ .hide-by-clipping {
1365
+ position: absolute;
1366
+ width: 1px;
1367
+ height: 1px;
1368
+ padding: 0;
1369
+ margin: -1px;
1370
+ overflow: hidden;
1371
+ clip: rect(0, 0, 0, 0);
1372
+ border: 0; }
1373
+
1374
+ .fr-box .fr-counter {
1375
+ padding: 10px;
1376
+ float: right;
1377
+ color: #999999;
1378
+ content: attr(data-chars);
1379
+ font-size: 14px;
1380
+ font-family: sans-serif;
1381
+ z-index: 1;
1382
+ border-radius: 2px 0 0 0;
1383
+ -moz-border-radius: 2px 0 0 0;
1384
+ -webkit-border-radius: 2px 0 0 0;
1385
+ -moz-background-clip: padding;
1386
+ -webkit-background-clip: padding-box;
1387
+ background-clip: padding-box; }
1388
+ .fr-box.fr-rtl .fr-counter {
1389
+ left: 0;
1390
+ right: auto;
1391
+ border-left: none;
1392
+ border-radius: 0 2px 0 0;
1393
+ -moz-border-radius: 0 2px 0 0;
1394
+ -webkit-border-radius: 0 2px 0 0;
1395
+ -moz-background-clip: padding;
1396
+ -webkit-background-clip: padding-box;
1397
+ background-clip: padding-box; }
1398
+
1399
+ .fr-box.fr-code-view .fr-counter {
1400
+ display: none; }
1401
+
1402
+ .clearfix::after {
1403
+ clear: both;
1404
+ display: block;
1405
+ content: "";
1406
+ height: 0; }
1407
+
1408
+ .hide-by-clipping {
1409
+ position: absolute;
1410
+ width: 1px;
1411
+ height: 1px;
1412
+ padding: 0;
1413
+ margin: -1px;
1414
+ overflow: hidden;
1415
+ clip: rect(0, 0, 0, 0);
1416
+ border: 0; }
1417
+
1418
+ textarea.fr-code {
1419
+ display: none;
1420
+ width: 100%;
1421
+ resize: none;
1422
+ -moz-resize: none;
1423
+ -webkit-resize: none;
1424
+ -webkit-box-sizing: border-box;
1425
+ -moz-box-sizing: border-box;
1426
+ box-sizing: border-box;
1427
+ border: none;
1428
+ padding: 10px;
1429
+ margin: 0;
1430
+ font-family: "Courier New",monospace;
1431
+ font-size: 14px;
1432
+ background: #FFF;
1433
+ color: #000;
1434
+ outline: none; }
1435
+
1436
+ .fr-box.fr-rtl textarea.fr-code {
1437
+ direction: rtl; }
1438
+
1439
+ .fr-box .CodeMirror {
1440
+ display: none; }
1441
+
1442
+ .fr-box.fr-code-view textarea.fr-code {
1443
+ display: block; }
1444
+ .fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
1445
+ display: none; }
1446
+ .fr-box.fr-code-view .CodeMirror {
1447
+ display: block; }
1448
+
1449
+ .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
1450
+ display: block; }
1451
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch {
1452
+ display: none;
1453
+ position: absolute;
1454
+ top: 0;
1455
+ right: 0;
1456
+ display: none;
1457
+ background: #FFF;
1458
+ color: #333333;
1459
+ -moz-outline: 0;
1460
+ outline: 0;
1461
+ border: 0;
1462
+ line-height: 1;
1463
+ cursor: pointer;
1464
+ text-align: left;
1465
+ padding: 8px 7px;
1466
+ -webkit-transition: background 0.2s ease 0s;
1467
+ -moz-transition: background 0.2s ease 0s;
1468
+ -ms-transition: background 0.2s ease 0s;
1469
+ -o-transition: background 0.2s ease 0s;
1470
+ border-radius: 0;
1471
+ -moz-border-radius: 0;
1472
+ -webkit-border-radius: 0;
1473
+ -moz-background-clip: padding;
1474
+ -webkit-background-clip: padding-box;
1475
+ background-clip: padding-box;
1476
+ z-index: 2;
1477
+ -webkit-box-sizing: border-box;
1478
+ -moz-box-sizing: border-box;
1479
+ box-sizing: border-box;
1480
+ text-decoration: none;
1481
+ user-select: none;
1482
+ -o-user-select: none;
1483
+ -moz-user-select: none;
1484
+ -khtml-user-select: none;
1485
+ -webkit-user-select: none;
1486
+ -ms-user-select: none; }
1487
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch i {
1488
+ font-size: 24px;
1489
+ width: 24px;
1490
+ text-align: center; }
1491
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
1492
+ background: #ebebeb; }
1493
+
1494
+ .clearfix::after {
1495
+ clear: both;
1496
+ display: block;
1497
+ content: "";
1498
+ height: 0; }
1499
+
1500
+ .hide-by-clipping {
1501
+ position: absolute;
1502
+ width: 1px;
1503
+ height: 1px;
1504
+ padding: 0;
1505
+ margin: -1px;
1506
+ overflow: hidden;
1507
+ clip: rect(0, 0, 0, 0);
1508
+ border: 0; }
1509
+
1510
+ .fr-popup .fr-layer.fr-color-hex-layer {
1511
+ margin: 0;
1512
+ padding: 20px;
1513
+ padding-top: 0;
1514
+ float: left; }
1515
+ .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
1516
+ float: left;
1517
+ width: calc(100% - 50px);
1518
+ padding: 15px 0 0; }
1519
+ .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
1520
+ float: right;
1521
+ width: 38px;
1522
+ height: 40px;
1523
+ padding: 17px 0 0;
1524
+ margin: 0; }
1525
+ .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
1526
+ border-radius: 2px;
1527
+ -moz-border-radius: 2px;
1528
+ -webkit-border-radius: 2px;
1529
+ -moz-background-clip: padding;
1530
+ -webkit-background-clip: padding-box;
1531
+ background-clip: padding-box;
1532
+ font-size: 13px;
1533
+ height: 40px;
1534
+ width: 38px; }
1535
+ .fr-popup .fr-separator + .fr-colors-tabs {
1536
+ margin-left: 2px;
1537
+ margin-right: 2px; }
1538
+ .fr-popup .fr-color-set {
1539
+ line-height: 0;
1540
+ display: none; }
1541
+ .fr-popup .fr-color-set.fr-selected-set {
1542
+ display: block;
1543
+ padding: 20px;
1544
+ padding-bottom: 0; }
1545
+ .fr-popup .fr-color-set > span {
1546
+ display: inline-block;
1547
+ width: 32px;
1548
+ height: 32px;
1549
+ position: relative;
1550
+ z-index: 1; }
1551
+ .fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
1552
+ text-align: center;
1553
+ line-height: 32px;
1554
+ height: 24px;
1555
+ width: 24px;
1556
+ margin: 4px;
1557
+ font-size: 13px;
1558
+ position: absolute;
1559
+ bottom: 0;
1560
+ cursor: default;
1561
+ left: 0; }
1562
+ .fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
1563
+ fill: #222222; }
1564
+ .fr-popup .fr-color-set > span .fr-selected-color {
1565
+ color: #FFF;
1566
+ font-family: FontAwesome;
1567
+ font-size: 13px;
1568
+ font-weight: 400;
1569
+ line-height: 32px;
1570
+ position: absolute;
1571
+ top: 0;
1572
+ bottom: 0;
1573
+ right: 0;
1574
+ left: 0;
1575
+ text-align: center;
1576
+ cursor: default; }
1577
+ .fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
1578
+ outline: 1px solid #222222;
1579
+ z-index: 2; }
1580
+
1581
+ .fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
1582
+ -webkit-transform: translate3d(100%, 0, 0);
1583
+ -moz-transform: translate3d(100%, 0, 0);
1584
+ -ms-transform: translate3d(100%, 0, 0);
1585
+ -o-transform: translate3d(100%, 0, 0); }
1586
+
1587
+ .clearfix::after {
1588
+ clear: both;
1589
+ display: block;
1590
+ content: "";
1591
+ height: 0; }
1592
+
1593
+ .hide-by-clipping {
1594
+ position: absolute;
1595
+ width: 1px;
1596
+ height: 1px;
1597
+ padding: 0;
1598
+ margin: -1px;
1599
+ overflow: hidden;
1600
+ clip: rect(0, 0, 0, 0);
1601
+ border: 0; }
1602
+
1603
+ .fr-drag-helper {
1604
+ background: #0098f7;
1605
+ height: 2px;
1606
+ margin-top: -1px;
1607
+ -webkit-opacity: 0.2;
1608
+ -moz-opacity: 0.2;
1609
+ opacity: 0.2;
1610
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1611
+ position: absolute;
1612
+ z-index: 2147483640;
1613
+ display: none; }
1614
+ .fr-drag-helper.fr-visible {
1615
+ display: block; }
1616
+
1617
+ .fr-dragging {
1618
+ -webkit-opacity: 0.4;
1619
+ -moz-opacity: 0.4;
1620
+ opacity: 0.4;
1621
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1622
+
1623
+ .clearfix::after {
1624
+ clear: both;
1625
+ display: block;
1626
+ content: "";
1627
+ height: 0; }
1628
+
1629
+ .hide-by-clipping {
1630
+ position: absolute;
1631
+ width: 1px;
1632
+ height: 1px;
1633
+ padding: 0;
1634
+ margin: -1px;
1635
+ overflow: hidden;
1636
+ clip: rect(0, 0, 0, 0);
1637
+ border: 0; }
1638
+
1639
+ .fr-popup .fr-emoticon {
1640
+ width: 24px;
1641
+ height: 24px;
1642
+ font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; }
1643
+ .fr-popup .fr-emoticon img {
1644
+ height: 24px;
1645
+ width: 24px; }
1646
+ .fr-popup .fr-command.fr-btn.fr-tabs-unicode {
1647
+ padding: 0 0 0 14px; }
1648
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
1649
+ .fr-popup .fr-icon-container.fr-emoticon-container {
1650
+ width: 368px; } }
1651
+
1652
+ .clearfix::after {
1653
+ clear: both;
1654
+ display: block;
1655
+ content: "";
1656
+ height: 0; }
1657
+
1658
+ .hide-by-clipping {
1659
+ position: absolute;
1660
+ width: 1px;
1661
+ height: 1px;
1662
+ padding: 0;
1663
+ margin: -1px;
1664
+ overflow: hidden;
1665
+ clip: rect(0, 0, 0, 0);
1666
+ border: 0; }
1667
+
1668
+ .fr-popup .fr-file-upload-layer {
1669
+ border: dashed 2px #bdbdbd;
1670
+ padding: 25px 0;
1671
+ margin: 20px;
1672
+ position: relative;
1673
+ font-size: 14px;
1674
+ letter-spacing: 1px;
1675
+ line-height: 140%;
1676
+ -webkit-box-sizing: border-box;
1677
+ -moz-box-sizing: border-box;
1678
+ box-sizing: border-box;
1679
+ text-align: center; }
1680
+ .fr-popup .fr-file-upload-layer:hover {
1681
+ background: #ebebeb; }
1682
+ .fr-popup .fr-file-upload-layer.fr-drop {
1683
+ background: #ebebeb;
1684
+ border-color: #0098f7; }
1685
+ .fr-popup .fr-file-upload-layer .fr-form {
1686
+ -webkit-opacity: 0;
1687
+ -moz-opacity: 0;
1688
+ opacity: 0;
1689
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1690
+ position: absolute;
1691
+ top: 0;
1692
+ bottom: 0;
1693
+ left: 0;
1694
+ right: 0;
1695
+ z-index: 2147483640;
1696
+ overflow: hidden;
1697
+ margin: 0 !important;
1698
+ padding: 0 !important;
1699
+ width: 100% !important; }
1700
+ .fr-popup .fr-file-upload-layer .fr-form input {
1701
+ cursor: pointer;
1702
+ position: absolute;
1703
+ right: 0;
1704
+ top: 0;
1705
+ bottom: 0;
1706
+ width: 500%;
1707
+ height: 100%;
1708
+ margin: 0;
1709
+ font-size: 400px; }
1710
+ .fr-popup .fr-file-progress-bar-layer {
1711
+ -webkit-box-sizing: border-box;
1712
+ -moz-box-sizing: border-box;
1713
+ box-sizing: border-box; }
1714
+ .fr-popup .fr-file-progress-bar-layer > h3 {
1715
+ font-size: 16px;
1716
+ margin: 10px 0;
1717
+ font-weight: normal; }
1718
+ .fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
1719
+ display: none; }
1720
+ .fr-popup .fr-file-progress-bar-layer > div.fr-loader {
1721
+ background: #b3e0fd;
1722
+ height: 10px;
1723
+ width: 100%;
1724
+ margin-top: 20px;
1725
+ overflow: hidden;
1726
+ position: relative; }
1727
+ .fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
1728
+ display: block;
1729
+ height: 100%;
1730
+ width: 0%;
1731
+ background: #0098f7;
1732
+ -webkit-transition: width 0.2s ease 0s;
1733
+ -moz-transition: width 0.2s ease 0s;
1734
+ -ms-transition: width 0.2s ease 0s;
1735
+ -o-transition: width 0.2s ease 0s; }
1736
+ .fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
1737
+ width: 30% !important;
1738
+ position: absolute;
1739
+ top: 0;
1740
+ -webkit-animation: loading 2s linear infinite;
1741
+ -moz-animation: loading 2s linear infinite;
1742
+ -o-animation: loading 2s linear infinite;
1743
+ animation: loading 2s linear infinite; }
1744
+ .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
1745
+ display: none; }
1746
+ .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
1747
+ display: block; }
1748
+
1749
+ @keyframes loading {
1750
+ from {
1751
+ left: -25%; }
1752
+ to {
1753
+ left: 100%; } }
1754
+ @-webkit-keyframes loading {
1755
+ from {
1756
+ left: -25%; }
1757
+ to {
1758
+ left: 100%; } }
1759
+ @-moz-keyframes loading {
1760
+ from {
1761
+ left: -25%; }
1762
+ to {
1763
+ left: 100%; } }
1764
+ @-o-keyframes loading {
1765
+ from {
1766
+ left: -25%; }
1767
+ to {
1768
+ left: 100%; } }
1769
+ @keyframes loading {
1770
+ from {
1771
+ left: -25%; }
1772
+ to {
1773
+ left: 100%; } }
1774
+ .clearfix::after {
1775
+ clear: both;
1776
+ display: block;
1777
+ content: "";
1778
+ height: 0; }
1779
+
1780
+ .hide-by-clipping {
1781
+ position: absolute;
1782
+ width: 1px;
1783
+ height: 1px;
1784
+ padding: 0;
1785
+ margin: -1px;
1786
+ overflow: hidden;
1787
+ clip: rect(0, 0, 0, 0);
1788
+ border: 0; }
1789
+
1790
+ body.fr-fullscreen {
1791
+ overflow: hidden;
1792
+ height: 100%;
1793
+ width: 100%;
1794
+ position: fixed; }
1795
+
1796
+ .fr-box.fr-fullscreen {
1797
+ margin: 0 !important;
1798
+ position: fixed;
1799
+ top: 0;
1800
+ left: 0;
1801
+ bottom: 0;
1802
+ right: 0;
1803
+ z-index: 2147483630 !important;
1804
+ width: auto !important; }
1805
+ .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
1806
+ border-radius: 0;
1807
+ -moz-border-radius: 0;
1808
+ -webkit-border-radius: 0;
1809
+ -moz-background-clip: padding;
1810
+ -webkit-background-clip: padding-box;
1811
+ background-clip: padding-box; }
1812
+ .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
1813
+ border-radius: 0;
1814
+ -moz-border-radius: 0;
1815
+ -webkit-border-radius: 0;
1816
+ -moz-background-clip: padding;
1817
+ -webkit-background-clip: padding-box;
1818
+ background-clip: padding-box; }
1819
+ .fr-box.fr-fullscreen .fr-toolbar {
1820
+ border-radius: 0;
1821
+ -moz-border-radius: 0;
1822
+ -webkit-border-radius: 0;
1823
+ -moz-background-clip: padding;
1824
+ -webkit-background-clip: padding-box;
1825
+ background-clip: padding-box; }
1826
+ .fr-box.fr-fullscreen .fr-toolbar.fr-top {
1827
+ top: 0 !important; }
1828
+ .fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
1829
+ bottom: 0 !important; }
1830
+ .fr-box.fr-fullscreen .second-toolbar {
1831
+ margin-top: 0;
1832
+ border-radius: 0;
1833
+ -moz-border-radius: 0;
1834
+ -webkit-border-radius: 0;
1835
+ -moz-background-clip: padding;
1836
+ -webkit-background-clip: padding-box;
1837
+ background-clip: padding-box; }
1838
+
1839
+ .fr-fullscreen-wrapper {
1840
+ z-index: 2147483640 !important;
1841
+ width: 100% !important;
1842
+ margin: 0 !important;
1843
+ padding: 0 !important;
1844
+ overflow: visible !important; }
1845
+
1846
+ .clearfix::after {
1847
+ clear: both;
1848
+ display: block;
1849
+ content: "";
1850
+ height: 0; }
1851
+
1852
+ .hide-by-clipping {
1853
+ position: absolute;
1854
+ width: 1px;
1855
+ height: 1px;
1856
+ padding: 0;
1857
+ margin: -1px;
1858
+ overflow: hidden;
1859
+ clip: rect(0, 0, 0, 0);
1860
+ border: 0; }
1861
+
1862
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
1863
+ text-align: left;
1864
+ padding: 20px 20px 10px; }
1865
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
1866
+ border-collapse: collapse;
1867
+ font-size: 14px;
1868
+ line-height: 1.5;
1869
+ width: 100%; }
1870
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
1871
+ margin-top: 20px; }
1872
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
1873
+ border: 0; }
1874
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
1875
+ text-align: left; }
1876
+ .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 {
1877
+ padding: 6px 0 4px; }
1878
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
1879
+ border-bottom: solid 1px #ebebeb; }
1880
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
1881
+ width: 60%;
1882
+ color: #646464; }
1883
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
1884
+ letter-spacing: 0.5px; }
1885
+
1886
+ .clearfix::after {
1887
+ clear: both;
1888
+ display: block;
1889
+ content: "";
1890
+ height: 0; }
1891
+
1892
+ .hide-by-clipping {
1893
+ position: absolute;
1894
+ width: 1px;
1895
+ height: 1px;
1896
+ padding: 0;
1897
+ margin: -1px;
1898
+ overflow: hidden;
1899
+ clip: rect(0, 0, 0, 0);
1900
+ border: 0; }
1901
+
1902
+ .fr-element img {
1903
+ cursor: pointer;
1904
+ padding: 0 1px; }
1905
+
1906
+ .fr-image-resizer {
1907
+ position: absolute;
1908
+ border: solid 1px #0098f7;
1909
+ display: none;
1910
+ user-select: none;
1911
+ -o-user-select: none;
1912
+ -moz-user-select: none;
1913
+ -khtml-user-select: none;
1914
+ -webkit-user-select: none;
1915
+ -ms-user-select: none;
1916
+ -webkit-box-sizing: content-box;
1917
+ -moz-box-sizing: content-box;
1918
+ box-sizing: content-box; }
1919
+ .fr-image-resizer.fr-active {
1920
+ display: block; }
1921
+ .fr-image-resizer .fr-handler {
1922
+ display: block;
1923
+ position: absolute;
1924
+ background: #0098f7;
1925
+ border: solid 1px #FFF;
1926
+ border-radius: 2px;
1927
+ -moz-border-radius: 2px;
1928
+ -webkit-border-radius: 2px;
1929
+ -moz-background-clip: padding;
1930
+ -webkit-background-clip: padding-box;
1931
+ background-clip: padding-box;
1932
+ z-index: 4;
1933
+ -webkit-box-sizing: border-box;
1934
+ -moz-box-sizing: border-box;
1935
+ box-sizing: border-box; }
1936
+ .fr-image-resizer .fr-handler.fr-hnw {
1937
+ cursor: nw-resize; }
1938
+ .fr-image-resizer .fr-handler.fr-hne {
1939
+ cursor: ne-resize; }
1940
+ .fr-image-resizer .fr-handler.fr-hsw {
1941
+ cursor: sw-resize; }
1942
+ .fr-image-resizer .fr-handler.fr-hse {
1943
+ cursor: se-resize; }
1944
+ .fr-image-resizer .fr-handler {
1945
+ width: 12px;
1946
+ height: 12px; }
1947
+ .fr-image-resizer .fr-handler.fr-hnw {
1948
+ left: -6px;
1949
+ top: -6px; }
1950
+ .fr-image-resizer .fr-handler.fr-hne {
1951
+ right: -6px;
1952
+ top: -6px; }
1953
+ .fr-image-resizer .fr-handler.fr-hsw {
1954
+ left: -6px;
1955
+ bottom: -6px; }
1956
+ .fr-image-resizer .fr-handler.fr-hse {
1957
+ right: -6px;
1958
+ bottom: -6px; }
1959
+ @media (min-width: 1200px) {
1960
+ .fr-image-resizer .fr-handler {
1961
+ width: 10px;
1962
+ height: 10px; }
1963
+ .fr-image-resizer .fr-handler.fr-hnw {
1964
+ left: -5px;
1965
+ top: -5px; }
1966
+ .fr-image-resizer .fr-handler.fr-hne {
1967
+ right: -5px;
1968
+ top: -5px; }
1969
+ .fr-image-resizer .fr-handler.fr-hsw {
1970
+ left: -5px;
1971
+ bottom: -5px; }
1972
+ .fr-image-resizer .fr-handler.fr-hse {
1973
+ right: -5px;
1974
+ bottom: -5px; } }
1975
+
1976
+ .fr-image-overlay {
1977
+ position: fixed;
1978
+ top: 0;
1979
+ left: 0;
1980
+ bottom: 0;
1981
+ right: 0;
1982
+ z-index: 2147483640;
1983
+ display: none; }
1984
+
1985
+ .fr-popup .fr-image-upload-layer {
1986
+ border: dashed 2px #bdbdbd;
1987
+ padding: 25px 0;
1988
+ margin: 20px;
1989
+ position: relative;
1990
+ font-size: 14px;
1991
+ letter-spacing: 1px;
1992
+ line-height: 140%;
1993
+ text-align: center; }
1994
+ .fr-popup .fr-image-upload-layer:hover {
1995
+ background: #ebebeb; }
1996
+ .fr-popup .fr-image-upload-layer.fr-drop {
1997
+ background: #ebebeb;
1998
+ border-color: #0098f7; }
1999
+ .fr-popup .fr-image-upload-layer .fr-form {
2000
+ -webkit-opacity: 0;
2001
+ -moz-opacity: 0;
2002
+ opacity: 0;
2003
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2004
+ position: absolute;
2005
+ top: 0;
2006
+ bottom: 0;
2007
+ left: 0;
2008
+ right: 0;
2009
+ z-index: 2147483640;
2010
+ overflow: hidden;
2011
+ margin: 0 !important;
2012
+ padding: 0 !important;
2013
+ width: 100% !important; }
2014
+ .fr-popup .fr-image-upload-layer .fr-form input {
2015
+ cursor: pointer;
2016
+ position: absolute;
2017
+ right: 0;
2018
+ top: 0;
2019
+ bottom: 0;
2020
+ width: 500%;
2021
+ height: 100%;
2022
+ margin: 0;
2023
+ font-size: 400px; }
2024
+ .fr-popup .fr-image-progress-bar-layer > h3 {
2025
+ font-size: 16px;
2026
+ margin: 10px 0;
2027
+ font-weight: normal; }
2028
+ .fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
2029
+ display: none; }
2030
+ .fr-popup .fr-image-progress-bar-layer > div.fr-loader {
2031
+ background: #b3e0fd;
2032
+ height: 10px;
2033
+ width: 100%;
2034
+ margin-top: 20px;
2035
+ overflow: hidden;
2036
+ position: relative; }
2037
+ .fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
2038
+ display: block;
2039
+ height: 100%;
2040
+ width: 0%;
2041
+ background: #0098f7;
2042
+ -webkit-transition: width 0.2s ease 0s;
2043
+ -moz-transition: width 0.2s ease 0s;
2044
+ -ms-transition: width 0.2s ease 0s;
2045
+ -o-transition: width 0.2s ease 0s; }
2046
+ .fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
2047
+ width: 30% !important;
2048
+ position: absolute;
2049
+ top: 0;
2050
+ -webkit-animation: loading 2s linear infinite;
2051
+ -moz-animation: loading 2s linear infinite;
2052
+ -o-animation: loading 2s linear infinite;
2053
+ animation: loading 2s linear infinite; }
2054
+ .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
2055
+ display: none; }
2056
+ .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
2057
+ display: block; }
2058
+
2059
+ .fr-image-size-layer .fr-image-group .fr-input-line {
2060
+ width: calc(50% - 5px);
2061
+ display: inline-block; }
2062
+ .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
2063
+ margin-left: 10px; }
2064
+
2065
+ .fr-uploading {
2066
+ -webkit-opacity: 0.4;
2067
+ -moz-opacity: 0.4;
2068
+ opacity: 0.4;
2069
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
2070
+
2071
+ @-webkit-keyframes loading {
2072
+ from {
2073
+ left: -25%; }
2074
+ to {
2075
+ left: 100%; } }
2076
+ @-moz-keyframes loading {
2077
+ from {
2078
+ left: -25%; }
2079
+ to {
2080
+ left: 100%; } }
2081
+ @-o-keyframes loading {
2082
+ from {
2083
+ left: -25%; }
2084
+ to {
2085
+ left: 100%; } }
2086
+ @keyframes loading {
2087
+ from {
2088
+ left: -25%; }
2089
+ to {
2090
+ left: 100%; } }
2091
+ .clearfix::after {
2092
+ clear: both;
2093
+ display: block;
2094
+ content: "";
2095
+ height: 0; }
2096
+
2097
+ .hide-by-clipping {
2098
+ position: absolute;
2099
+ width: 1px;
2100
+ height: 1px;
2101
+ padding: 0;
2102
+ margin: -1px;
2103
+ overflow: hidden;
2104
+ clip: rect(0, 0, 0, 0);
2105
+ border: 0; }
2106
+
2107
+ .fr-modal .fr-modal-head .fr-modal-head-line::after {
2108
+ clear: both;
2109
+ display: block;
2110
+ content: "";
2111
+ height: 0; }
2112
+ .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
2113
+ margin-top: 10px; }
2114
+ .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
2115
+ opacity: 0;
2116
+ width: 0;
2117
+ padding: 12px 0; }
2118
+ .fr-modal .fr-modal-head .fr-modal-tags {
2119
+ padding: 0 20px;
2120
+ display: none;
2121
+ text-align: left; }
2122
+ .fr-modal .fr-modal-head .fr-modal-tags a {
2123
+ display: inline-block;
2124
+ opacity: 0;
2125
+ padding: 6px 12px;
2126
+ margin: 8px 0 8px 8px;
2127
+ text-decoration: none;
2128
+ border-radius: 32px;
2129
+ -moz-border-radius: 32px;
2130
+ -webkit-border-radius: 32px;
2131
+ -moz-background-clip: padding;
2132
+ -webkit-background-clip: padding-box;
2133
+ background-clip: padding-box;
2134
+ -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2135
+ -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2136
+ -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2137
+ -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
2138
+ cursor: pointer;
2139
+ background-color: #f5f5f5; }
2140
+ .fr-modal .fr-modal-head .fr-modal-tags a:focus {
2141
+ outline: none;
2142
+ background-color: #ebebeb; }
2143
+ .fr-modal .fr-modal-head .fr-modal-tags a:hover {
2144
+ background-color: #ebebeb; }
2145
+ .fr-modal .fr-modal-head .fr-modal-tags a:active {
2146
+ background-color: #d6d6d6; }
2147
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
2148
+ background-color: #EcF5Ff;
2149
+ color: #0098f7; }
2150
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
2151
+ outline: none;
2152
+ background-color: #ebebeb; }
2153
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
2154
+ background-color: #ebebeb; }
2155
+ .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
2156
+ background-color: #d6d6d6; }
2157
+
2158
+ .fr-show-tags .fr-modal-more svg path {
2159
+ fill: #0098f7; }
2160
+
2161
+ div.fr-modal-body {
2162
+ -webkit-transition: background 0.2s ease 0s;
2163
+ -moz-transition: background 0.2s ease 0s;
2164
+ -ms-transition: background 0.2s ease 0s;
2165
+ -o-transition: background 0.2s ease 0s; }
2166
+ div.fr-modal-body .fr-preloader {
2167
+ display: block;
2168
+ margin: 50px auto; }
2169
+ div.fr-modal-body div.fr-image-list {
2170
+ text-align: center;
2171
+ margin: 0 20px;
2172
+ padding: 0; }
2173
+ div.fr-modal-body div.fr-image-list .fr-list-column {
2174
+ float: left;
2175
+ width: calc((100% - 20px) / 2); }
2176
+ @media (min-width: 768px) and (max-width: 1199px) {
2177
+ div.fr-modal-body div.fr-image-list .fr-list-column {
2178
+ width: calc((100% - 40px) / 3); } }
2179
+ @media (min-width: 1200px) {
2180
+ div.fr-modal-body div.fr-image-list .fr-list-column {
2181
+ width: calc((100% - 60px) / 4); } }
2182
+ div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
2183
+ margin-left: 20px; }
2184
+ div.fr-modal-body div.fr-image-list div.fr-image-container {
2185
+ position: relative;
2186
+ width: 100%;
2187
+ display: block;
2188
+ border-radius: 2px;
2189
+ -moz-border-radius: 2px;
2190
+ -webkit-border-radius: 2px;
2191
+ -moz-background-clip: padding;
2192
+ -webkit-background-clip: padding-box;
2193
+ background-clip: padding-box;
2194
+ overflow: hidden; }
2195
+ div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
2196
+ margin-top: 20px; }
2197
+ div.fr-modal-body div.fr-image-list div.fr-image-container + div {
2198
+ margin-top: 20px; }
2199
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
2200
+ position: absolute;
2201
+ -webkit-opacity: 0.5;
2202
+ -moz-opacity: 0.5;
2203
+ opacity: 0.5;
2204
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2205
+ -webkit-transition: opacity 0.2s ease 0s;
2206
+ -moz-transition: opacity 0.2s ease 0s;
2207
+ -ms-transition: opacity 0.2s ease 0s;
2208
+ -o-transition: opacity 0.2s ease 0s;
2209
+ background: #000;
2210
+ content: "";
2211
+ top: 0;
2212
+ left: 0;
2213
+ bottom: 0;
2214
+ right: 0;
2215
+ z-index: 2; }
2216
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
2217
+ content: attr(data-deleting);
2218
+ color: #FFF;
2219
+ top: 0;
2220
+ left: 0;
2221
+ bottom: 0;
2222
+ right: 0;
2223
+ margin: auto;
2224
+ position: absolute;
2225
+ z-index: 3;
2226
+ font-size: 15px;
2227
+ height: 20px; }
2228
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
2229
+ height: 95px;
2230
+ background: #CCCCCC;
2231
+ z-index: 1; }
2232
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
2233
+ position: absolute;
2234
+ margin: auto;
2235
+ top: 0;
2236
+ bottom: 0;
2237
+ left: 0;
2238
+ right: 0;
2239
+ content: attr(data-loading);
2240
+ display: inline-block;
2241
+ height: 20px; }
2242
+ div.fr-modal-body div.fr-image-list div.fr-image-container img {
2243
+ width: 100%;
2244
+ vertical-align: middle;
2245
+ position: relative;
2246
+ z-index: 2;
2247
+ -webkit-opacity: 1;
2248
+ -moz-opacity: 1;
2249
+ opacity: 1;
2250
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2251
+ -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2252
+ -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2253
+ -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2254
+ -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
2255
+ -webkit-transform: translateZ(0);
2256
+ -moz-transform: translateZ(0);
2257
+ -ms-transform: translateZ(0);
2258
+ -o-transform: translateZ(0); }
2259
+ div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
2260
+ -webkit-opacity: 0.75;
2261
+ -moz-opacity: 0.75;
2262
+ opacity: 0.75;
2263
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
2264
+ 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 {
2265
+ display: inline-block; }
2266
+ 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 {
2267
+ display: none;
2268
+ top: 50%;
2269
+ border-radius: 100%;
2270
+ -moz-border-radius: 100%;
2271
+ -webkit-border-radius: 100%;
2272
+ -moz-background-clip: padding;
2273
+ -webkit-background-clip: padding-box;
2274
+ background-clip: padding-box;
2275
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2276
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2277
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2278
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
2279
+ -webkit-box-sizing: border-box;
2280
+ -moz-box-sizing: border-box;
2281
+ box-sizing: border-box;
2282
+ position: absolute;
2283
+ cursor: pointer;
2284
+ margin: 0;
2285
+ line-height: 40px;
2286
+ text-decoration: none;
2287
+ z-index: 3; }
2288
+ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
2289
+ background: #B8312F;
2290
+ fill: #FFF;
2291
+ padding: 8px;
2292
+ left: 50%;
2293
+ -webkit-transform: translateY(-50%) translateX(25%);
2294
+ -moz-transform: translateY(-50%) translateX(25%);
2295
+ -ms-transform: translateY(-50%) translateX(25%);
2296
+ -o-transform: translateY(-50%) translateX(25%); }
2297
+ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
2298
+ background: #FFF;
2299
+ fill: #0098f7;
2300
+ padding: 8px;
2301
+ left: 50%;
2302
+ -webkit-transform: translateY(-50%) translateX(-125%);
2303
+ -moz-transform: translateY(-50%) translateX(-125%);
2304
+ -ms-transform: translateY(-50%) translateX(-125%);
2305
+ -o-transform: translateY(-50%) translateX(-125%); }
2306
+
2307
+ .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
2308
+ -webkit-opacity: 0.75;
2309
+ -moz-opacity: 0.75;
2310
+ opacity: 0.75;
2311
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
2312
+ .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 {
2313
+ display: inline-block;
2314
+ width: 40px;
2315
+ height: 40px; }
2316
+ .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
2317
+ background: #bf4644;
2318
+ color: #FFF; }
2319
+ .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
2320
+ background: #ebebeb; }
2321
+
2322
+ .clearfix::after {
2323
+ clear: both;
2324
+ display: block;
2325
+ content: "";
2326
+ height: 0; }
2327
+
2328
+ .hide-by-clipping {
2329
+ position: absolute;
2330
+ width: 1px;
2331
+ height: 1px;
2332
+ padding: 0;
2333
+ margin: -1px;
2334
+ overflow: hidden;
2335
+ clip: rect(0, 0, 0, 0);
2336
+ border: 0; }
2337
+
2338
+ .fr-line-breaker {
2339
+ cursor: text;
2340
+ border-top: 1px solid #0098f7;
2341
+ position: fixed;
2342
+ z-index: 2;
2343
+ display: none; }
2344
+ .fr-line-breaker.fr-visible {
2345
+ display: block; }
2346
+ .fr-line-breaker a.fr-floating-btn {
2347
+ position: absolute;
2348
+ left: calc(50% - (40px / 2));
2349
+ top: -20px; }
2350
+ .fr-line-breaker a.fr-floating-btn svg {
2351
+ margin: 8px;
2352
+ height: 24px;
2353
+ width: 24px; }
2354
+
2355
+ .clearfix::after {
2356
+ clear: both;
2357
+ display: block;
2358
+ content: "";
2359
+ height: 0; }
2360
+
2361
+ .hide-by-clipping {
2362
+ position: absolute;
2363
+ width: 1px;
2364
+ height: 1px;
2365
+ padding: 0;
2366
+ margin: -1px;
2367
+ overflow: hidden;
2368
+ clip: rect(0, 0, 0, 0);
2369
+ border: 0; }
2370
+
2371
+ .fr-quick-insert {
2372
+ position: absolute;
2373
+ z-index: 2147483639;
2374
+ white-space: nowrap;
2375
+ padding-right: 10px;
2376
+ -webkit-box-sizing: content-box;
2377
+ -moz-box-sizing: content-box;
2378
+ box-sizing: content-box; }
2379
+ .fr-quick-insert a.fr-floating-btn svg {
2380
+ margin: 8px;
2381
+ width: 24px;
2382
+ height: 24px; }
2383
+ .fr-quick-insert.fr-on a.fr-floating-btn svg {
2384
+ -webkit-transform: rotate(135deg);
2385
+ -moz-transform: rotate(135deg);
2386
+ -ms-transform: rotate(135deg);
2387
+ -o-transform: rotate(135deg); }
2388
+ .fr-quick-insert.fr-hidden {
2389
+ display: none; }
2390
+
2391
+ .fr-qi-helper {
2392
+ position: absolute;
2393
+ z-index: 3;
2394
+ padding-left: 20px;
2395
+ white-space: nowrap; }
2396
+ .fr-qi-helper a.fr-btn.fr-floating-btn {
2397
+ text-align: center;
2398
+ padding: 6px 10px 10px 10px;
2399
+ display: inline-block;
2400
+ color: #222222;
2401
+ background: #FFF;
2402
+ -webkit-opacity: 0;
2403
+ -moz-opacity: 0;
2404
+ opacity: 0;
2405
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2406
+ -webkit-transform: scale(0);
2407
+ -moz-transform: scale(0);
2408
+ -ms-transform: scale(0);
2409
+ -o-transform: scale(0); }
2410
+ .fr-qi-helper a.fr-btn.fr-floating-btn svg {
2411
+ fill: #222222; }
2412
+ .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
2413
+ -webkit-opacity: 1;
2414
+ -moz-opacity: 1;
2415
+ opacity: 1;
2416
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2417
+ -webkit-transform: scale(1);
2418
+ -moz-transform: scale(1);
2419
+ -ms-transform: scale(1);
2420
+ -o-transform: scale(1); }
2421
+
2422
+ .clearfix::after {
2423
+ clear: both;
2424
+ display: block;
2425
+ content: "";
2426
+ height: 0; }
2427
+
2428
+ .hide-by-clipping {
2429
+ position: absolute;
2430
+ width: 1px;
2431
+ height: 1px;
2432
+ padding: 0;
2433
+ margin: -1px;
2434
+ overflow: hidden;
2435
+ clip: rect(0, 0, 0, 0);
2436
+ border: 0; }
2437
+
2438
+ .fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
2439
+ padding: 10px 15px; }
2440
+ .fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
2441
+ font-weight: normal;
2442
+ font-size: 16px; }
2443
+ .fr-popup .fr-special-character {
2444
+ width: 24px;
2445
+ height: 24px; }
2446
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
2447
+ .fr-popup .fr-icon-container.fr-sc-container {
2448
+ width: 368px; } }
2449
+
2450
+ .clearfix::after {
2451
+ clear: both;
2452
+ display: block;
2453
+ content: "";
2454
+ height: 0; }
2455
+
2456
+ .hide-by-clipping {
2457
+ position: absolute;
2458
+ width: 1px;
2459
+ height: 1px;
2460
+ padding: 0;
2461
+ margin: -1px;
2462
+ overflow: hidden;
2463
+ clip: rect(0, 0, 0, 0);
2464
+ border: 0; }
2465
+
2466
+ .fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
2467
+ border: 1px double #0098f7; }
2468
+ .fr-element table tr {
2469
+ user-select: none;
2470
+ -o-user-select: none;
2471
+ -moz-user-select: none;
2472
+ -khtml-user-select: none;
2473
+ -webkit-user-select: none;
2474
+ -ms-user-select: none; }
2475
+ .fr-element table td, .fr-element table th {
2476
+ user-select: text;
2477
+ -o-user-select: text;
2478
+ -moz-user-select: text;
2479
+ -khtml-user-select: text;
2480
+ -webkit-user-select: text;
2481
+ -ms-user-select: text; }
2482
+ .fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
2483
+ user-select: none;
2484
+ -o-user-select: none;
2485
+ -moz-user-select: none;
2486
+ -khtml-user-select: none;
2487
+ -webkit-user-select: none;
2488
+ -ms-user-select: none; }
2489
+
2490
+ .fr-table-resizer {
2491
+ cursor: col-resize;
2492
+ position: absolute;
2493
+ z-index: 3;
2494
+ display: none; }
2495
+ .fr-table-resizer.fr-moving {
2496
+ z-index: 2; }
2497
+ .fr-table-resizer div {
2498
+ -webkit-opacity: 0;
2499
+ -moz-opacity: 0;
2500
+ opacity: 0;
2501
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2502
+ border-right: 1px solid #0098f7; }
2503
+
2504
+ .fr-no-selection {
2505
+ user-select: none;
2506
+ -o-user-select: none;
2507
+ -moz-user-select: none;
2508
+ -khtml-user-select: none;
2509
+ -webkit-user-select: none;
2510
+ -ms-user-select: none; }
2511
+
2512
+ .fr-popup .fr-table-size {
2513
+ margin: 20px; }
2514
+ .fr-popup .fr-table-size .fr-table-size-info {
2515
+ text-align: center;
2516
+ font-size: 14px; }
2517
+ .fr-popup .fr-table-size .fr-select-table-size {
2518
+ line-height: 0;
2519
+ padding: 5px;
2520
+ white-space: nowrap; }
2521
+ .fr-popup .fr-table-size .fr-select-table-size > span {
2522
+ display: inline-block;
2523
+ padding: 0 4px 4px 0;
2524
+ background: transparent; }
2525
+ .fr-popup .fr-table-size .fr-select-table-size > span > span {
2526
+ display: inline-block;
2527
+ width: 18px;
2528
+ height: 18px;
2529
+ border: 1px solid #DDD; }
2530
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover {
2531
+ background: transparent; }
2532
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
2533
+ background: rgba(0, 152, 247, 0.3);
2534
+ border: solid 1px #0098f7; }
2535
+ .fr-popup .fr-table-size .fr-select-table-size .new-line::after {
2536
+ clear: both;
2537
+ display: block;
2538
+ content: "";
2539
+ height: 0; }
2540
+ .fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
2541
+ display: inline-block !important; }
2542
+ .fr-popup .fr-table-colors {
2543
+ display: block;
2544
+ padding: 20px;
2545
+ padding-bottom: 0; }
2546
+
2547
+ .fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
2548
+ width: 12px;
2549
+ height: 12px; }
2550
+
2551
+ .fr-insert-helper {
2552
+ position: absolute;
2553
+ z-index: 9999;
2554
+ white-space: nowrap; }
2555
+
2556
+ .clearfix::after {
2557
+ clear: both;
2558
+ display: block;
2559
+ content: "";
2560
+ height: 0; }
2561
+
2562
+ .hide-by-clipping {
2563
+ position: absolute;
2564
+ width: 1px;
2565
+ height: 1px;
2566
+ padding: 0;
2567
+ margin: -1px;
2568
+ overflow: hidden;
2569
+ clip: rect(0, 0, 0, 0);
2570
+ border: 0; }
2571
+
2572
+ .fr-element .fr-video {
2573
+ user-select: none;
2574
+ -o-user-select: none;
2575
+ -moz-user-select: none;
2576
+ -khtml-user-select: none;
2577
+ -webkit-user-select: none;
2578
+ -ms-user-select: none; }
2579
+ .fr-element .fr-video::after {
2580
+ position: absolute;
2581
+ content: '';
2582
+ z-index: 1;
2583
+ top: 0;
2584
+ left: 0;
2585
+ right: 0;
2586
+ bottom: 0;
2587
+ cursor: pointer;
2588
+ display: block;
2589
+ background: rgba(0, 0, 0, 0); }
2590
+ .fr-element .fr-video.fr-active > * {
2591
+ z-index: 2;
2592
+ position: relative; }
2593
+ .fr-element .fr-video > * {
2594
+ -webkit-box-sizing: content-box;
2595
+ -moz-box-sizing: content-box;
2596
+ box-sizing: content-box;
2597
+ max-width: 100%;
2598
+ border: none; }
2599
+
2600
+ .fr-box .fr-video-resizer {
2601
+ position: absolute;
2602
+ border: solid 1px #0098f7;
2603
+ display: none;
2604
+ user-select: none;
2605
+ -o-user-select: none;
2606
+ -moz-user-select: none;
2607
+ -khtml-user-select: none;
2608
+ -webkit-user-select: none;
2609
+ -ms-user-select: none; }
2610
+ .fr-box .fr-video-resizer.fr-active {
2611
+ display: block; }
2612
+ .fr-box .fr-video-resizer .fr-handler {
2613
+ display: block;
2614
+ position: absolute;
2615
+ background: #0098f7;
2616
+ border: solid 1px #FFF;
2617
+ z-index: 4;
2618
+ -webkit-box-sizing: border-box;
2619
+ -moz-box-sizing: border-box;
2620
+ box-sizing: border-box; }
2621
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
2622
+ cursor: nw-resize; }
2623
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
2624
+ cursor: ne-resize; }
2625
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
2626
+ cursor: sw-resize; }
2627
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
2628
+ cursor: se-resize; }
2629
+ .fr-box .fr-video-resizer .fr-handler {
2630
+ width: 12px;
2631
+ height: 12px; }
2632
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
2633
+ left: -6px;
2634
+ top: -6px; }
2635
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
2636
+ right: -6px;
2637
+ top: -6px; }
2638
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
2639
+ left: -6px;
2640
+ bottom: -6px; }
2641
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
2642
+ right: -6px;
2643
+ bottom: -6px; }
2644
+ @media (min-width: 1200px) {
2645
+ .fr-box .fr-video-resizer .fr-handler {
2646
+ width: 10px;
2647
+ height: 10px; }
2648
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
2649
+ left: -5px;
2650
+ top: -5px; }
2651
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
2652
+ right: -5px;
2653
+ top: -5px; }
2654
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
2655
+ left: -5px;
2656
+ bottom: -5px; }
2657
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
2658
+ right: -5px;
2659
+ bottom: -5px; } }
2660
+
2661
+ .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
2662
+ width: calc(50% - 5px);
2663
+ display: inline-block; }
2664
+ .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
2665
+ margin-left: 10px; }
2666
+ .fr-popup .fr-video-upload-layer {
2667
+ border: dashed 2px #bdbdbd;
2668
+ padding: 25px 0;
2669
+ margin: 20px;
2670
+ position: relative;
2671
+ font-size: 14px;
2672
+ letter-spacing: 1px;
2673
+ line-height: 140%;
2674
+ text-align: center; }
2675
+ .fr-popup .fr-video-upload-layer:hover {
2676
+ background: #ebebeb; }
2677
+ .fr-popup .fr-video-upload-layer.fr-drop {
2678
+ background: #ebebeb;
2679
+ border-color: #0098f7; }
2680
+ .fr-popup .fr-video-upload-layer .fr-form {
2681
+ -webkit-opacity: 0;
2682
+ -moz-opacity: 0;
2683
+ opacity: 0;
2684
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2685
+ position: absolute;
2686
+ top: 0;
2687
+ bottom: 0;
2688
+ left: 0;
2689
+ right: 0;
2690
+ z-index: 2147483640;
2691
+ overflow: hidden;
2692
+ margin: 0 !important;
2693
+ padding: 0 !important;
2694
+ width: 100% !important; }
2695
+ .fr-popup .fr-video-upload-layer .fr-form input {
2696
+ cursor: pointer;
2697
+ position: absolute;
2698
+ right: 0;
2699
+ top: 0;
2700
+ bottom: 0;
2701
+ width: 500%;
2702
+ height: 100%;
2703
+ margin: 0;
2704
+ font-size: 400px; }
2705
+ .fr-popup .fr-video-progress-bar-layer > h3 {
2706
+ font-size: 16px;
2707
+ margin: 10px 0;
2708
+ font-weight: normal; }
2709
+ .fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
2710
+ display: none; }
2711
+ .fr-popup .fr-video-progress-bar-layer > div.fr-loader {
2712
+ background: #b3e0fd;
2713
+ height: 10px;
2714
+ width: 100%;
2715
+ margin-top: 20px;
2716
+ overflow: hidden;
2717
+ position: relative; }
2718
+ .fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
2719
+ display: block;
2720
+ height: 100%;
2721
+ width: 0%;
2722
+ background: #0098f7;
2723
+ -webkit-transition: width 0.2s ease 0s;
2724
+ -moz-transition: width 0.2s ease 0s;
2725
+ -ms-transition: width 0.2s ease 0s;
2726
+ -o-transition: width 0.2s ease 0s; }
2727
+ .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
2728
+ width: 30% !important;
2729
+ position: absolute;
2730
+ top: 0;
2731
+ -webkit-animation: loading 2s linear infinite;
2732
+ -moz-animation: loading 2s linear infinite;
2733
+ -o-animation: loading 2s linear infinite;
2734
+ animation: loading 2s linear infinite; }
2735
+ .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
2736
+ display: none; }
2737
+ .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
2738
+ display: block; }
2739
+
2740
+ .fr-video-overlay {
2741
+ position: fixed;
2742
+ top: 0;
2743
+ left: 0;
2744
+ bottom: 0;
2745
+ right: 0;
2746
+ z-index: 2147483640;
2747
+ display: none; }
2748
+
2749
+ .clearfix::after {
2750
+ clear: both;
2751
+ display: block;
2752
+ content: "";
2753
+ height: 0; }
2754
+
2755
+ .hide-by-clipping {
2756
+ position: absolute;
2757
+ width: 1px;
2758
+ height: 1px;
2759
+ padding: 0;
2760
+ margin: -1px;
2761
+ overflow: hidden;
2762
+ clip: rect(0, 0, 0, 0);
2763
+ border: 0; }
2764
+
2765
+ img.fr-rounded, .fr-img-caption.fr-rounded img {
2766
+ border-radius: 10px;
2767
+ -moz-border-radius: 10px;
2768
+ -webkit-border-radius: 10px;
2769
+ -moz-background-clip: padding;
2770
+ -webkit-background-clip: padding-box;
2771
+ background-clip: padding-box; }
2772
+
2773
+ img.fr-bordered, .fr-img-caption.fr-bordered img {
2774
+ border: solid 5px #CCC; }
2775
+
2776
+ img.fr-bordered {
2777
+ -webkit-box-sizing: content-box;
2778
+ -moz-box-sizing: content-box;
2779
+ box-sizing: content-box; }
2780
+
2781
+ .fr-img-caption.fr-bordered img {
2782
+ -webkit-box-sizing: border-box;
2783
+ -moz-box-sizing: border-box;
2784
+ box-sizing: border-box; }
2785
+
2786
+ .fr-view {
2787
+ word-wrap: break-word; }
2788
+ .fr-view span[style~="color:"] a {
2789
+ color: inherit; }
2790
+ .fr-view strong {
2791
+ font-weight: 700; }
2792
+ .fr-view table {
2793
+ border: none;
2794
+ border-collapse: collapse;
2795
+ empty-cells: show;
2796
+ max-width: 100%; }
2797
+ .fr-view table td {
2798
+ min-width: 5px; }
2799
+ .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
2800
+ border-style: dashed; }
2801
+ .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
2802
+ background: whitesmoke; }
2803
+ .fr-view table td, .fr-view table th {
2804
+ border: 1px solid #DDD; }
2805
+ .fr-view table td:empty, .fr-view table th:empty {
2806
+ height: 20px; }
2807
+ .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
2808
+ border: 1px double red; }
2809
+ .fr-view table td.fr-thick, .fr-view table th.fr-thick {
2810
+ border-width: 2px; }
2811
+ .fr-view table th {
2812
+ background: #ececec; }
2813
+ .fr-view hr {
2814
+ clear: both;
2815
+ user-select: none;
2816
+ -o-user-select: none;
2817
+ -moz-user-select: none;
2818
+ -khtml-user-select: none;
2819
+ -webkit-user-select: none;
2820
+ -ms-user-select: none;
2821
+ page-break-after: always; }
2822
+ .fr-view .fr-file {
2823
+ position: relative; }
2824
+ .fr-view .fr-file::after {
2825
+ position: relative;
2826
+ content: "\1F4CE";
2827
+ font-weight: normal; }
2828
+ .fr-view pre {
2829
+ white-space: pre-wrap;
2830
+ word-wrap: break-word;
2831
+ overflow: visible; }
2832
+ .fr-view[dir="rtl"] blockquote {
2833
+ border-left: none;
2834
+ border-right: solid 2px #5E35B1;
2835
+ margin-right: 0;
2836
+ padding-right: 5px;
2837
+ padding-left: 0; }
2838
+ .fr-view[dir="rtl"] blockquote blockquote {
2839
+ border-color: #00BCD4; }
2840
+ .fr-view[dir="rtl"] blockquote blockquote blockquote {
2841
+ border-color: #43A047; }
2842
+ .fr-view blockquote {
2843
+ border-left: solid 2px #5E35B1;
2844
+ margin-left: 0;
2845
+ padding-left: 5px;
2846
+ color: #5E35B1; }
2847
+ .fr-view blockquote blockquote {
2848
+ border-color: #00BCD4;
2849
+ color: #00BCD4; }
2850
+ .fr-view blockquote blockquote blockquote {
2851
+ border-color: #43A047;
2852
+ color: #43A047; }
2853
+ .fr-view span.fr-emoticon {
2854
+ font-weight: normal;
2855
+ font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
2856
+ display: inline;
2857
+ line-height: 0; }
2858
+ .fr-view span.fr-emoticon.fr-emoticon-img {
2859
+ background-repeat: no-repeat !important;
2860
+ font-size: inherit;
2861
+ height: 1em;
2862
+ width: 1em;
2863
+ min-height: 20px;
2864
+ min-width: 20px;
2865
+ display: inline-block;
2866
+ margin: -.1em .1em .1em;
2867
+ line-height: 1;
2868
+ vertical-align: middle; }
2869
+ .fr-view .fr-text-gray {
2870
+ color: #AAA !important; }
2871
+ .fr-view .fr-text-bordered {
2872
+ border-top: solid 1px #222;
2873
+ border-bottom: solid 1px #222;
2874
+ padding: 10px 0; }
2875
+ .fr-view .fr-text-spaced {
2876
+ letter-spacing: 1px; }
2877
+ .fr-view .fr-text-uppercase {
2878
+ text-transform: uppercase; }
2879
+ .fr-view .fr-class-highlighted {
2880
+ background-color: #ffff00; }
2881
+ .fr-view .fr-class-code {
2882
+ border-color: #cccccc;
2883
+ border-radius: 2px;
2884
+ -moz-border-radius: 2px;
2885
+ -webkit-border-radius: 2px;
2886
+ -moz-background-clip: padding;
2887
+ -webkit-background-clip: padding-box;
2888
+ background-clip: padding-box;
2889
+ background: #f5f5f5;
2890
+ padding: 10px;
2891
+ font-family: "Courier New", Courier, monospace; }
2892
+ .fr-view .fr-class-transparency {
2893
+ opacity: 0.5; }
2894
+ .fr-view img {
2895
+ position: relative;
2896
+ max-width: 100%; }
2897
+ .fr-view img.fr-dib {
2898
+ margin: 5px auto;
2899
+ display: block;
2900
+ float: none;
2901
+ vertical-align: top; }
2902
+ .fr-view img.fr-dib.fr-fil {
2903
+ margin-left: 0;
2904
+ text-align: left; }
2905
+ .fr-view img.fr-dib.fr-fir {
2906
+ margin-right: 0;
2907
+ text-align: right; }
2908
+ .fr-view img.fr-dii {
2909
+ display: inline-block;
2910
+ float: none;
2911
+ vertical-align: bottom;
2912
+ margin-left: 5px;
2913
+ margin-right: 5px;
2914
+ max-width: calc(100% - (2 * 5px)); }
2915
+ .fr-view img.fr-dii.fr-fil {
2916
+ float: left;
2917
+ margin: 5px 5px 5px 0;
2918
+ max-width: calc(100% - 5px); }
2919
+ .fr-view img.fr-dii.fr-fir {
2920
+ float: right;
2921
+ margin: 5px 0 5px 5px;
2922
+ max-width: calc(100% - 5px); }
2923
+ .fr-view span.fr-img-caption {
2924
+ position: relative;
2925
+ max-width: 100%; }
2926
+ .fr-view span.fr-img-caption.fr-dib {
2927
+ margin: 5px auto;
2928
+ display: block;
2929
+ float: none;
2930
+ vertical-align: top; }
2931
+ .fr-view span.fr-img-caption.fr-dib.fr-fil {
2932
+ margin-left: 0;
2933
+ text-align: left; }
2934
+ .fr-view span.fr-img-caption.fr-dib.fr-fir {
2935
+ margin-right: 0;
2936
+ text-align: right; }
2937
+ .fr-view span.fr-img-caption.fr-dii {
2938
+ display: inline-block;
2939
+ float: none;
2940
+ vertical-align: bottom;
2941
+ margin-left: 5px;
2942
+ margin-right: 5px;
2943
+ max-width: calc(100% - (2 * 5px)); }
2944
+ .fr-view span.fr-img-caption.fr-dii.fr-fil {
2945
+ float: left;
2946
+ margin: 5px 5px 5px 0;
2947
+ max-width: calc(100% - 5px); }
2948
+ .fr-view span.fr-img-caption.fr-dii.fr-fir {
2949
+ float: right;
2950
+ margin: 5px 0 5px 5px;
2951
+ max-width: calc(100% - 5px); }
2952
+ .fr-view .fr-video {
2953
+ text-align: center;
2954
+ position: relative; }
2955
+ .fr-view .fr-video.fr-rv {
2956
+ padding-bottom: 56.25%;
2957
+ padding-top: 30px;
2958
+ height: 0;
2959
+ overflow: hidden; }
2960
+ .fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
2961
+ position: absolute !important;
2962
+ top: 0;
2963
+ left: 0;
2964
+ width: 100%;
2965
+ height: 100%; }
2966
+ .fr-view .fr-video > * {
2967
+ -webkit-box-sizing: content-box;
2968
+ -moz-box-sizing: content-box;
2969
+ box-sizing: content-box;
2970
+ max-width: 100%;
2971
+ border: none; }
2972
+ .fr-view .fr-video.fr-dvb {
2973
+ display: block;
2974
+ clear: both; }
2975
+ .fr-view .fr-video.fr-dvb.fr-fvl {
2976
+ text-align: left; }
2977
+ .fr-view .fr-video.fr-dvb.fr-fvr {
2978
+ text-align: right; }
2979
+ .fr-view .fr-video.fr-dvi {
2980
+ display: inline-block; }
2981
+ .fr-view .fr-video.fr-dvi.fr-fvl {
2982
+ float: left; }
2983
+ .fr-view .fr-video.fr-dvi.fr-fvr {
2984
+ float: right; }
2985
+ .fr-view a.fr-strong {
2986
+ font-weight: 700; }
2987
+ .fr-view a.fr-green {
2988
+ color: green; }
2989
+ .fr-view .fr-img-caption {
2990
+ text-align: center; }
2991
+ .fr-view .fr-img-caption .fr-img-wrap {
2992
+ padding: 0;
2993
+ display: inline-block;
2994
+ margin: auto;
2995
+ text-align: center;
2996
+ width: 100%; }
2997
+ .fr-view .fr-img-caption .fr-img-wrap img {
2998
+ display: block;
2999
+ margin: auto;
3000
+ width: 100%; }
3001
+ .fr-view .fr-img-caption .fr-img-wrap > span {
3002
+ margin: auto;
3003
+ display: block;
3004
+ padding: 5px 5px 10px;
3005
+ font-size: 14px;
3006
+ font-weight: initial;
3007
+ -webkit-box-sizing: border-box;
3008
+ -moz-box-sizing: border-box;
3009
+ box-sizing: border-box;
3010
+ -webkit-opacity: 0.9;
3011
+ -moz-opacity: 0.9;
3012
+ opacity: 0.9;
3013
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
3014
+ width: 100%;
3015
+ text-align: center; }
3016
+ .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
3017
+ border-radius: 10px;
3018
+ -moz-border-radius: 10px;
3019
+ -webkit-border-radius: 10px;
3020
+ -moz-background-clip: padding;
3021
+ -webkit-background-clip: padding-box;
3022
+ background-clip: padding-box; }
3023
+ .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
3024
+ font-size: 24px; }
3025
+
3026
+ /**
3027
+ * Image style.
3028
+ */
3029
+ a.fr-view.fr-strong {
3030
+ font-weight: 700; }
3031
+ a.fr-view.fr-green {
3032
+ color: green; }
3033
+
3034
+ /**
3035
+ * Link style.
3036
+ */
3037
+ img.fr-view {
3038
+ position: relative;
3039
+ max-width: 100%; }
3040
+ img.fr-view.fr-dib {
3041
+ margin: 5px auto;
3042
+ display: block;
3043
+ float: none;
3044
+ vertical-align: top; }
3045
+ img.fr-view.fr-dib.fr-fil {
3046
+ margin-left: 0;
3047
+ text-align: left; }
3048
+ img.fr-view.fr-dib.fr-fir {
3049
+ margin-right: 0;
3050
+ text-align: right; }
3051
+ img.fr-view.fr-dii {
3052
+ display: inline-block;
3053
+ float: none;
3054
+ vertical-align: bottom;
3055
+ margin-left: 5px;
3056
+ margin-right: 5px;
3057
+ max-width: calc(100% - (2 * 5px)); }
3058
+ img.fr-view.fr-dii.fr-fil {
3059
+ float: left;
3060
+ margin: 5px 5px 5px 0;
3061
+ max-width: calc(100% - 5px); }
3062
+ img.fr-view.fr-dii.fr-fir {
3063
+ float: right;
3064
+ margin: 5px 0 5px 5px;
3065
+ max-width: calc(100% - 5px); }
3066
+
3067
+ span.fr-img-caption.fr-view {
3068
+ position: relative;
3069
+ max-width: 100%; }
3070
+ span.fr-img-caption.fr-view.fr-dib {
3071
+ margin: 5px auto;
3072
+ display: block;
3073
+ float: none;
3074
+ vertical-align: top; }
3075
+ span.fr-img-caption.fr-view.fr-dib.fr-fil {
3076
+ margin-left: 0;
3077
+ text-align: left; }
3078
+ span.fr-img-caption.fr-view.fr-dib.fr-fir {
3079
+ margin-right: 0;
3080
+ text-align: right; }
3081
+ span.fr-img-caption.fr-view.fr-dii {
3082
+ display: inline-block;
3083
+ float: none;
3084
+ vertical-align: bottom;
3085
+ margin-left: 5px;
3086
+ margin-right: 5px;
3087
+ max-width: calc(100% - (2 * 5px)); }
3088
+ span.fr-img-caption.fr-view.fr-dii.fr-fil {
3089
+ float: left;
3090
+ margin: 5px 5px 5px 0;
3091
+ max-width: calc(100% - 5px); }
3092
+ span.fr-img-caption.fr-view.fr-dii.fr-fir {
3093
+ float: right;
3094
+ margin: 5px 0 5px 5px;
3095
+ max-width: calc(100% - 5px); }