wysiwyg-rails 4.0.1 → 4.0.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (152) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +21 -21
  3. data/README.md +148 -148
  4. data/Rakefile +5 -5
  5. data/app/assets/javascripts/froala_editor.min.js +2 -2
  6. data/app/assets/javascripts/froala_editor.pkgd.min.js +2 -2
  7. data/app/assets/javascripts/languages/ar.js +3 -3
  8. data/app/assets/javascripts/languages/bs.js +3 -3
  9. data/app/assets/javascripts/languages/cs.js +3 -3
  10. data/app/assets/javascripts/languages/da.js +3 -3
  11. data/app/assets/javascripts/languages/de.js +3 -3
  12. data/app/assets/javascripts/languages/el.js +3 -3
  13. data/app/assets/javascripts/languages/en_ca.js +3 -3
  14. data/app/assets/javascripts/languages/en_gb.js +3 -3
  15. data/app/assets/javascripts/languages/es.js +3 -3
  16. data/app/assets/javascripts/languages/et.js +3 -3
  17. data/app/assets/javascripts/languages/fa.js +3 -3
  18. data/app/assets/javascripts/languages/fi.js +3 -3
  19. data/app/assets/javascripts/languages/fr.js +7 -3
  20. data/app/assets/javascripts/languages/he.js +3 -3
  21. data/app/assets/javascripts/languages/hr.js +3 -3
  22. data/app/assets/javascripts/languages/hu.js +3 -3
  23. data/app/assets/javascripts/languages/id.js +3 -3
  24. data/app/assets/javascripts/languages/it.js +3 -3
  25. data/app/assets/javascripts/languages/ja.js +3 -3
  26. data/app/assets/javascripts/languages/ko.js +1 -1
  27. data/app/assets/javascripts/languages/ku.js +3 -3
  28. data/app/assets/javascripts/languages/me.js +3 -3
  29. data/app/assets/javascripts/languages/nb.js +3 -3
  30. data/app/assets/javascripts/languages/nl.js +3 -3
  31. data/app/assets/javascripts/languages/pl.js +3 -3
  32. data/app/assets/javascripts/languages/pt_br.js +3 -3
  33. data/app/assets/javascripts/languages/pt_pt.js +3 -3
  34. data/app/assets/javascripts/languages/ro.js +3 -3
  35. data/app/assets/javascripts/languages/ru.js +3 -3
  36. data/app/assets/javascripts/languages/sk.js +3 -3
  37. data/app/assets/javascripts/languages/sl.js +3 -3
  38. data/app/assets/javascripts/languages/sr.js +3 -3
  39. data/app/assets/javascripts/languages/sv.js +3 -3
  40. data/app/assets/javascripts/languages/th.js +3 -3
  41. data/app/assets/javascripts/languages/tr.js +3 -3
  42. data/app/assets/javascripts/languages/uk.js +3 -3
  43. data/app/assets/javascripts/languages/vi.js +1 -1
  44. data/app/assets/javascripts/languages/zh_cn.js +3 -3
  45. data/app/assets/javascripts/languages/zh_tw.js +3 -3
  46. data/app/assets/javascripts/plugins/align.min.js +1 -1
  47. data/app/assets/javascripts/plugins/char_counter.min.js +1 -1
  48. data/app/assets/javascripts/plugins/code_beautifier.min.js +1 -1
  49. data/app/assets/javascripts/plugins/code_view.min.js +1 -1
  50. data/app/assets/javascripts/plugins/colors.min.js +1 -1
  51. data/app/assets/javascripts/plugins/cryptojs.min.js +1 -1
  52. data/app/assets/javascripts/plugins/draggable.min.js +1 -1
  53. data/app/assets/javascripts/plugins/edit_in_popup.min.js +1 -1
  54. data/app/assets/javascripts/plugins/emoticons.min.js +1 -1
  55. data/app/assets/javascripts/plugins/entities.min.js +1 -1
  56. data/app/assets/javascripts/plugins/file.min.js +2 -2
  57. data/app/assets/javascripts/plugins/files_manager.min.js +2 -2
  58. data/app/assets/javascripts/plugins/font_family.min.js +1 -1
  59. data/app/assets/javascripts/plugins/font_size.min.js +1 -1
  60. data/app/assets/javascripts/plugins/forms.min.js +1 -1
  61. data/app/assets/javascripts/plugins/fullscreen.min.js +1 -1
  62. data/app/assets/javascripts/plugins/help.min.js +1 -1
  63. data/app/assets/javascripts/plugins/image.min.js +2 -2
  64. data/app/assets/javascripts/plugins/image_manager.min.js +1 -1
  65. data/app/assets/javascripts/plugins/inline_class.min.js +1 -1
  66. data/app/assets/javascripts/plugins/inline_style.min.js +1 -1
  67. data/app/assets/javascripts/plugins/line_breaker.min.js +1 -1
  68. data/app/assets/javascripts/plugins/line_height.min.js +1 -1
  69. data/app/assets/javascripts/plugins/link.min.js +2 -2
  70. data/app/assets/javascripts/plugins/lists.min.js +2 -2
  71. data/app/assets/javascripts/plugins/markdown.min.js +2 -2
  72. data/app/assets/javascripts/plugins/paragraph_format.min.js +2 -2
  73. data/app/assets/javascripts/plugins/paragraph_style.min.js +2 -2
  74. data/app/assets/javascripts/plugins/print.min.js +1 -1
  75. data/app/assets/javascripts/plugins/quick_insert.min.js +1 -1
  76. data/app/assets/javascripts/plugins/quote.min.js +1 -1
  77. data/app/assets/javascripts/plugins/save.min.js +1 -1
  78. data/app/assets/javascripts/plugins/special_characters.min.js +1 -1
  79. data/app/assets/javascripts/plugins/table.min.js +2 -2
  80. data/app/assets/javascripts/plugins/track_changes.min.js +2 -2
  81. data/app/assets/javascripts/plugins/trim_video.min.js +1 -1
  82. data/app/assets/javascripts/plugins/url.min.js +1 -1
  83. data/app/assets/javascripts/plugins/video.min.js +2 -2
  84. data/app/assets/javascripts/plugins/word_paste.min.js +2 -2
  85. data/app/assets/javascripts/plugins.pkgd.min.js +2 -2
  86. data/app/assets/javascripts/third_party/embedly.min.js +1 -1
  87. data/app/assets/javascripts/third_party/font_awesome.min.js +1 -1
  88. data/app/assets/javascripts/third_party/image_tui.min.js +1 -1
  89. data/app/assets/javascripts/third_party/showdown.min.js +1 -1
  90. data/app/assets/javascripts/third_party/spell_checker.min.js +1 -1
  91. data/app/assets/stylesheets/froala_editor.css +1422 -1423
  92. data/app/assets/stylesheets/froala_editor.min.css +2 -2
  93. data/app/assets/stylesheets/froala_editor.pkgd.css +4797 -4796
  94. data/app/assets/stylesheets/froala_editor.pkgd.min.css +2 -2
  95. data/app/assets/stylesheets/froala_style.css +357 -355
  96. data/app/assets/stylesheets/froala_style.min.css +2 -2
  97. data/app/assets/stylesheets/plugins/char_counter.css +44 -44
  98. data/app/assets/stylesheets/plugins/char_counter.min.css +2 -2
  99. data/app/assets/stylesheets/plugins/code_view.css +92 -92
  100. data/app/assets/stylesheets/plugins/code_view.min.css +2 -2
  101. data/app/assets/stylesheets/plugins/colors.css +93 -93
  102. data/app/assets/stylesheets/plugins/colors.min.css +2 -2
  103. data/app/assets/stylesheets/plugins/draggable.css +36 -36
  104. data/app/assets/stylesheets/plugins/draggable.min.css +2 -2
  105. data/app/assets/stylesheets/plugins/emoticons.css +29 -29
  106. data/app/assets/stylesheets/plugins/emoticons.min.css +2 -2
  107. data/app/assets/stylesheets/plugins/file.css +123 -123
  108. data/app/assets/stylesheets/plugins/file.min.css +2 -2
  109. data/app/assets/stylesheets/plugins/files_manager.css +1235 -1235
  110. data/app/assets/stylesheets/plugins/files_manager.min.css +2 -2
  111. data/app/assets/stylesheets/plugins/fullscreen.css +72 -72
  112. data/app/assets/stylesheets/plugins/fullscreen.min.css +2 -2
  113. data/app/assets/stylesheets/plugins/help.css +40 -40
  114. data/app/assets/stylesheets/plugins/help.min.css +2 -2
  115. data/app/assets/stylesheets/plugins/image.css +208 -206
  116. data/app/assets/stylesheets/plugins/image.min.css +2 -2
  117. data/app/assets/stylesheets/plugins/image_manager.css +231 -231
  118. data/app/assets/stylesheets/plugins/image_manager.min.css +2 -2
  119. data/app/assets/stylesheets/plugins/line_breaker.css +33 -33
  120. data/app/assets/stylesheets/plugins/line_breaker.min.css +2 -2
  121. data/app/assets/stylesheets/plugins/markdown.css +144 -147
  122. data/app/assets/stylesheets/plugins/markdown.min.css +2 -2
  123. data/app/assets/stylesheets/plugins/quick_insert.css +67 -67
  124. data/app/assets/stylesheets/plugins/quick_insert.min.css +2 -2
  125. data/app/assets/stylesheets/plugins/special_characters.css +28 -28
  126. data/app/assets/stylesheets/plugins/special_characters.min.css +2 -2
  127. data/app/assets/stylesheets/plugins/table.css +106 -106
  128. data/app/assets/stylesheets/plugins/table.min.css +2 -2
  129. data/app/assets/stylesheets/plugins/trim_video.css +242 -242
  130. data/app/assets/stylesheets/plugins/trim_video.min.css +2 -2
  131. data/app/assets/stylesheets/plugins/video.css +196 -196
  132. data/app/assets/stylesheets/plugins/video.min.css +2 -2
  133. data/app/assets/stylesheets/plugins.pkgd.css +3018 -3018
  134. data/app/assets/stylesheets/plugins.pkgd.min.css +2 -2
  135. data/app/assets/stylesheets/themes/dark.css +2186 -2186
  136. data/app/assets/stylesheets/themes/dark.min.css +2 -2
  137. data/app/assets/stylesheets/themes/gray.css +2186 -2186
  138. data/app/assets/stylesheets/themes/gray.min.css +2 -2
  139. data/app/assets/stylesheets/themes/royal.css +2186 -2186
  140. data/app/assets/stylesheets/themes/royal.min.css +2 -2
  141. data/app/assets/stylesheets/third_party/embedly.css +55 -55
  142. data/app/assets/stylesheets/third_party/embedly.min.css +2 -2
  143. data/app/assets/stylesheets/third_party/font_awesome.css +28 -28
  144. data/app/assets/stylesheets/third_party/font_awesome.min.css +2 -2
  145. data/app/assets/stylesheets/third_party/image_tui.css +36 -36
  146. data/app/assets/stylesheets/third_party/image_tui.min.css +2 -2
  147. data/app/assets/stylesheets/third_party/spell_checker.css +59 -59
  148. data/app/assets/stylesheets/third_party/spell_checker.min.css +2 -2
  149. data/lib/wysiwyg-rails/engine.rb +16 -16
  150. data/lib/wysiwyg-rails/version.rb +5 -5
  151. data/lib/wysiwyg-rails.rb +1 -1
  152. metadata +3 -3
@@ -1,2191 +1,2191 @@
1
1
  /*!
2
- * froala_editor v4.0.1 (https://www.froala.com/wysiwyg-editor)
2
+ * froala_editor v4.0.7 (https://www.froala.com/wysiwyg-editor)
3
3
  * License https://froala.com/wysiwyg-editor/terms/
4
4
  * Copyright 2014-2021 Froala Labs
5
5
  */
6
6
 
7
- .fr-clearfix::after {
8
- clear: both;
9
- display: block;
10
- content: "";
11
- height: 0; }
12
-
13
- .fr-hide-by-clipping {
14
- position: absolute;
15
- width: 1px;
16
- height: 1px;
17
- padding: 0;
18
- margin: -1px;
19
- overflow: hidden;
20
- clip: rect(0, 0, 0, 0);
21
- border: 0; }
22
-
23
- .royal-theme.fr-box.fr-basic {
24
- border-radius: 10px;
25
- -moz-border-radius: 10px;
26
- -webkit-border-radius: 10px;
27
- -moz-background-clip: padding;
28
- -webkit-background-clip: padding-box;
29
- background-clip: padding-box; }
30
- .royal-theme.fr-box.fr-basic .fr-element {
31
- font-family: sans-serif;
32
- color: #414141;
33
- font-size: 14px;
34
- line-height: 1.6;
35
- padding: 20px;
36
- -webkit-box-sizing: border-box;
37
- -moz-box-sizing: border-box;
38
- box-sizing: border-box;
39
- overflow-x: auto;
40
- min-height: 60px;
41
- text-align: left; }
42
- .royal-theme .fr-element {
43
- -webkit-user-select: auto; }
44
- .royal-theme .fr-element a {
45
- user-select: auto;
46
- -o-user-select: auto;
47
- -moz-user-select: auto;
48
- -khtml-user-select: auto;
49
- -webkit-user-select: auto;
50
- -ms-user-select: auto; }
51
- .royal-theme .fr-element.fr-disabled {
52
- user-select: none;
53
- -o-user-select: none;
54
- -moz-user-select: none;
55
- -khtml-user-select: none;
56
- -webkit-user-select: none;
57
- -ms-user-select: none; }
58
- .royal-theme.fr-box a.fr-floating-btn {
59
- -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);
60
- -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);
61
- 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);
62
- border-radius: 100%;
63
- -moz-border-radius: 100%;
64
- -webkit-border-radius: 100%;
65
- -moz-background-clip: padding;
66
- -webkit-background-clip: padding-box;
67
- background-clip: padding-box;
68
- height: 40px;
69
- width: 40px;
70
- background: #FFF;
71
- color: #333333;
72
- -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
73
- -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
74
- -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
75
- -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
76
- left: 0;
77
- top: 0;
78
- line-height: 40px;
79
- -webkit-transform: scale(0);
80
- -moz-transform: scale(0);
81
- -ms-transform: scale(0);
82
- -o-transform: scale(0);
83
- -webkit-box-sizing: border-box;
84
- -moz-box-sizing: border-box;
85
- box-sizing: border-box;
86
- border: none; }
87
- .royal-theme.fr-box a.fr-floating-btn svg {
88
- -webkit-transition: transform 0.2s ease 0s;
89
- -moz-transition: transform 0.2s ease 0s;
90
- -ms-transition: transform 0.2s ease 0s;
91
- -o-transition: transform 0.2s ease 0s;
92
- fill: #333333; }
93
- .royal-theme.fr-box a.fr-floating-btn i, .royal-theme.fr-box a.fr-floating-btn svg {
94
- font-size: 14px;
95
- line-height: 40px; }
96
- .royal-theme.fr-box a.fr-floating-btn:hover {
97
- background: #ebebeb; }
98
- .royal-theme.fr-box a.fr-floating-btn:hover svg {
99
- fill: #333333; }
100
- .royal-theme.fr-box .fr-visible a.fr-floating-btn {
101
- -webkit-transform: scale(1);
102
- -moz-transform: scale(1);
103
- -ms-transform: scale(1);
104
- -o-transform: scale(1); }
105
- .royal-theme iframe.fr-iframe {
106
- -webkit-box-sizing: border-box;
107
- -moz-box-sizing: border-box;
108
- box-sizing: border-box; }
109
- .royal-theme .fr-wrapper::after {
110
- clear: both;
111
- display: block;
112
- content: "";
113
- height: 0; }
114
- .royal-theme .fr-wrapper .fr-placeholder {
115
- font-size: 14px;
116
- color: #AAA;
117
- font-family: sans-serif;
118
- top: 0;
119
- left: 0;
120
- right: 0; }
121
- .royal-theme .fr-wrapper ::-moz-selection {
122
- background: #b5d6fd;
123
- color: #000; }
124
- .royal-theme .fr-wrapper ::selection {
125
- background: #b5d6fd;
126
- color: #000; }
127
- .royal-theme.fr-box.fr-basic .fr-wrapper {
128
- background: #FFF;
129
- border: 1px solid #CCCCCC;
130
- border-bottom-color: #efefef;
131
- top: 0;
132
- left: 0; }
133
- .royal-theme.fr-box.fr-basic.fr-top .fr-wrapper {
134
- border-top: 0; }
135
- .royal-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
136
- border-bottom: 0;
137
- border-radius: 10px 10px 0 0;
138
- -moz-border-radius: 10px 10px 0 0;
139
- -webkit-border-radius: 10px 10px 0 0;
140
- -moz-background-clip: padding;
141
- -webkit-background-clip: padding-box;
142
- background-clip: padding-box; }
143
- @media (min-width: 992px) {
144
- .royal-theme .fr-box.fr-document .fr-wrapper {
145
- padding: 30px;
146
- background: #efefef; }
147
- .royal-theme .fr-box.fr-document .fr-wrapper .fr-element {
148
- background: #FFF;
149
- margin: auto;
150
- z-index: auto; }
151
- .royal-theme .fr-box.fr-document .fr-wrapper .fr-element hr {
152
- background: #efefef; } }
153
- .royal-theme .fr-sticky-on {
154
- z-index: 10; }
155
- .royal-theme .fr-sticky-on.fr-sticky-ios {
156
- left: 0;
157
- right: 0; }
158
- .royal-theme span.fr-sr-only {
159
- position: absolute;
160
- width: 1px;
161
- height: 1px;
162
- padding: 0;
163
- margin: -1px;
164
- overflow: hidden;
165
- clip: rect(0, 0, 0, 0);
166
- border: 0; }
167
- .royal-theme .fr-track-hide-mobile {
168
- width: 0;
169
- height: 0; }
170
- .royal-theme .fr-opacity-0 {
171
- -webkit-opacity: 0;
172
- -moz-opacity: 0;
173
- opacity: 0;
174
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
175
- .royal-theme.fr-box .fr-counter {
176
- padding: 10px;
177
- color: #999999;
178
- font-size: 14px;
179
- font-family: sans-serif;
180
- border-radius: 2px 0 0 0;
181
- -moz-border-radius: 2px 0 0 0;
182
- -webkit-border-radius: 2px 0 0 0;
183
- -moz-background-clip: padding;
184
- -webkit-background-clip: padding-box;
185
- background-clip: padding-box; }
186
- .royal-theme.fr-box.fr-rtl .fr-counter {
187
- left: 0;
188
- right: auto;
189
- border-radius: 0 2px 0 0;
190
- -moz-border-radius: 0 2px 0 0;
191
- -webkit-border-radius: 0 2px 0 0;
192
- -moz-background-clip: padding;
193
- -webkit-background-clip: padding-box;
194
- background-clip: padding-box; }
195
- .royal-theme textarea.fr-code {
196
- resize: none;
197
- -moz-resize: none;
198
- -webkit-resize: none;
199
- -webkit-box-sizing: border-box;
200
- -moz-box-sizing: border-box;
201
- box-sizing: border-box;
202
- margin: 0;
203
- background: #FFF;
204
- color: #000; }
205
- .royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
206
- top: 0;
207
- right: 0;
208
- background: #FFF;
209
- color: #333333;
210
- -moz-outline: 0;
211
- outline: 0;
212
- border: 0;
213
- padding: 8px 7px;
214
- -webkit-transition: background 0.2s ease 0s;
215
- -moz-transition: background 0.2s ease 0s;
216
- -ms-transition: background 0.2s ease 0s;
217
- -o-transition: background 0.2s ease 0s;
218
- border-radius: 0;
219
- -moz-border-radius: 0;
220
- -webkit-border-radius: 0;
221
- -moz-background-clip: padding;
222
- -webkit-background-clip: padding-box;
223
- background-clip: padding-box;
224
- -webkit-box-sizing: border-box;
225
- -moz-box-sizing: border-box;
226
- box-sizing: border-box;
227
- user-select: none;
228
- -o-user-select: none;
229
- -moz-user-select: none;
230
- -khtml-user-select: none;
231
- -webkit-user-select: none;
232
- -ms-user-select: none; }
233
- .royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
234
- font-size: 24px;
235
- width: 24px; }
236
- .royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
237
- background: #ebebeb; }
238
- .royal-theme.fr-popup .fr-layer.fr-color-hex-layer {
239
- margin: 0;
240
- padding: 20px;
241
- padding-top: 0; }
242
- .royal-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
243
- padding: 15px 0 0; }
244
- .royal-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
245
- width: 38px;
246
- height: 40px;
247
- padding: 17px 0 0;
248
- margin: 0; }
249
- .royal-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
250
- border-radius: 2px;
251
- -moz-border-radius: 2px;
252
- -webkit-border-radius: 2px;
253
- -moz-background-clip: padding;
254
- -webkit-background-clip: padding-box;
255
- background-clip: padding-box;
256
- font-size: 13px;
257
- height: 40px;
258
- width: 38px; }
259
- .royal-theme.fr-popup .fr-color-set {
260
- line-height: 0; }
261
- .royal-theme.fr-popup .fr-color-set.fr-selected-set {
262
- padding: 20px;
263
- padding-bottom: 0; }
264
- .royal-theme.fr-popup .fr-color-set > span {
265
- width: 32px;
266
- height: 32px; }
267
- .royal-theme.fr-popup .fr-color-set > span > i, .royal-theme.fr-popup .fr-color-set > span > svg {
268
- line-height: 32px;
269
- height: 24px;
270
- width: 24px;
271
- margin: 4px;
272
- font-size: 13px;
273
- bottom: 0;
274
- left: 0; }
275
- .royal-theme.fr-popup .fr-color-set > span > i path, .royal-theme.fr-popup .fr-color-set > span > svg path {
276
- fill: #222222; }
277
- .royal-theme.fr-popup .fr-color-set > span .fr-selected-color {
278
- color: #FFF;
279
- font-size: 13px;
280
- font-weight: 400;
281
- line-height: 32px;
282
- top: 0;
283
- bottom: 0;
284
- right: 0;
285
- left: 0; }
286
- .royal-theme.fr-popup .fr-color-set > span:hover, .royal-theme.fr-popup .fr-color-set > span:focus {
287
- outline: 1px solid #222222; }
288
- .royal-theme.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
289
- -webkit-transform: translate3d(100%, 0, 0);
290
- -moz-transform: translate3d(100%, 0, 0);
291
- -ms-transform: translate3d(100%, 0, 0);
292
- -o-transform: translate3d(100%, 0, 0); }
293
- .royal-theme .fr-drag-helper {
294
- background: #0098f7;
295
- -webkit-opacity: 0.2;
296
- -moz-opacity: 0.2;
297
- opacity: 0.2;
298
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
299
- z-index: 2147483640; }
300
- .royal-theme .fr-dragging {
301
- -webkit-opacity: 0.4;
302
- -moz-opacity: 0.4;
303
- opacity: 0.4;
304
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
305
- .royal-theme.fr-popup .fr-emoticon {
306
- width: 24px;
307
- height: 24px; }
308
- .royal-theme.fr-popup .fr-emoticon img {
309
- height: 24px;
310
- width: 24px; }
311
- .royal-theme.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
312
- padding: 0 0 0 14px; }
313
- @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
314
- .royal-theme.fr-popup .fr-icon-container.fr-emoticon-container {
315
- width: 368px; } }
316
- .royal-theme.fr-popup .fr-file-upload-layer {
317
- border: dashed 2px #bdbdbd;
318
- padding: 25px 0;
319
- margin: 20px;
320
- -webkit-box-sizing: border-box;
321
- -moz-box-sizing: border-box;
322
- box-sizing: border-box; }
323
- .royal-theme.fr-popup .fr-file-upload-layer:hover {
324
- background: #ebebeb; }
325
- .royal-theme.fr-popup .fr-file-upload-layer.fr-drop {
326
- background: #ebebeb;
327
- border-color: #0098f7; }
328
- .royal-theme.fr-popup .fr-file-upload-layer .fr-form {
329
- -webkit-opacity: 0;
330
- -moz-opacity: 0;
331
- opacity: 0;
332
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
333
- top: 0;
334
- bottom: 0;
335
- left: 0;
336
- right: 0;
337
- z-index: 2147483640; }
338
- .royal-theme.fr-popup .fr-file-upload-layer .fr-form input {
339
- right: 0;
340
- top: 0;
341
- bottom: 0;
342
- margin: 0; }
343
- .royal-theme.fr-popup .fr-file-progress-bar-layer {
344
- -webkit-box-sizing: border-box;
345
- -moz-box-sizing: border-box;
346
- box-sizing: border-box; }
347
- .royal-theme.fr-popup .fr-file-progress-bar-layer > h3 {
348
- margin: 10px 0; }
349
- .royal-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
350
- background: #b3e0fd; }
351
- .royal-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
352
- background: #0098f7;
353
- -webkit-transition: width 0.2s ease 0s;
354
- -moz-transition: width 0.2s ease 0s;
355
- -ms-transition: width 0.2s ease 0s;
356
- -o-transition: width 0.2s ease 0s; }
357
- .royal-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
358
- top: 0;
359
- -webkit-animation: loading 2s linear infinite;
360
- -moz-animation: loading 2s linear infinite;
361
- -o-animation: loading 2s linear infinite;
362
- animation: loading 2s linear infinite; }
363
- .royal-theme .fr-element img {
364
- padding: 0 1px; }
365
- .royal-theme .fr-image-resizer {
366
- border: solid 1px #0098f7;
367
- user-select: none;
368
- -o-user-select: none;
369
- -moz-user-select: none;
370
- -khtml-user-select: none;
371
- -webkit-user-select: none;
372
- -ms-user-select: none;
373
- -webkit-box-sizing: content-box;
374
- -moz-box-sizing: content-box;
375
- box-sizing: content-box; }
376
- .royal-theme .fr-image-resizer .fr-handler {
377
- background: #0098f7;
378
- border: solid 1px #FFF;
379
- border-radius: 2px;
380
- -moz-border-radius: 2px;
381
- -webkit-border-radius: 2px;
382
- -moz-background-clip: padding;
383
- -webkit-background-clip: padding-box;
384
- background-clip: padding-box;
385
- -webkit-box-sizing: border-box;
386
- -moz-box-sizing: border-box;
387
- box-sizing: border-box; }
388
- .royal-theme .fr-image-resizer .fr-handler {
389
- width: 12px;
390
- height: 12px; }
391
- .royal-theme .fr-image-resizer .fr-handler.fr-hnw {
392
- left: -6px;
393
- top: -6px; }
394
- .royal-theme .fr-image-resizer .fr-handler.fr-hne {
395
- right: -6px;
396
- top: -6px; }
397
- .royal-theme .fr-image-resizer .fr-handler.fr-hsw {
398
- left: -6px;
399
- bottom: -6px; }
400
- .royal-theme .fr-image-resizer .fr-handler.fr-hse {
401
- right: -6px;
402
- bottom: -6px; }
403
- @media (min-width: 1200px) {
404
- .royal-theme .fr-image-resizer .fr-handler {
405
- width: 10px;
406
- height: 10px; }
407
- .royal-theme .fr-image-resizer .fr-handler.fr-hnw {
408
- left: -5px;
409
- top: -5px; }
410
- .royal-theme .fr-image-resizer .fr-handler.fr-hne {
411
- right: -5px;
412
- top: -5px; }
413
- .royal-theme .fr-image-resizer .fr-handler.fr-hsw {
414
- left: -5px;
415
- bottom: -5px; }
416
- .royal-theme .fr-image-resizer .fr-handler.fr-hse {
417
- right: -5px;
418
- bottom: -5px; } }
419
- .royal-theme.fr-image-overlay {
420
- top: 0;
421
- left: 0;
422
- bottom: 0;
423
- right: 0;
424
- z-index: 2147483640; }
425
- .royal-theme .fr-by-url-padding {
426
- padding: 11.5px 0; }
427
- .royal-theme.fr-popup .fr-upload-progress-layer {
428
- border-radius: 0;
429
- overflow-y: auto; }
430
- .royal-theme.fr-popup .fr-files-upload-layer {
431
- border: dashed 2px #bdbdbd;
432
- margin: 20px; }
433
- .royal-theme.fr-popup .fr-files-upload-layer:hover {
434
- background: #ebebeb; }
435
- .royal-theme.fr-popup .fr-files-upload-layer.fr-drop {
436
- background: #ebebeb;
437
- border-color: #0098f7; }
438
- .royal-theme.fr-popup .fr-files-upload-layer .fr-form {
439
- -webkit-opacity: 0;
440
- -moz-opacity: 0;
441
- opacity: 0;
442
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
443
- top: 0;
444
- bottom: 0;
445
- left: 0;
446
- right: 0;
447
- z-index: 2147483640; }
448
- .royal-theme.fr-popup .fr-files-upload-layer .fr-form input {
449
- right: 0;
450
- top: 0;
451
- bottom: 0;
452
- margin: 0; }
453
- .royal-theme.fr-popup .fr-files-progress-bar-layer > h3 {
454
- margin: 10px 0; }
455
- .royal-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
456
- background: #b3e0fd; }
457
- .royal-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
458
- background: #0098f7;
459
- -webkit-transition: width 0.2s ease 0s;
460
- -moz-transition: width 0.2s ease 0s;
461
- -ms-transition: width 0.2s ease 0s;
462
- -o-transition: width 0.2s ease 0s; }
463
- .royal-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
464
- top: 0;
465
- -webkit-animation: loading 2s linear infinite;
466
- -moz-animation: loading 2s linear infinite;
467
- -o-animation: loading 2s linear infinite;
468
- animation: loading 2s linear infinite; }
469
- .royal-theme .fr-progress-bar {
470
- background-color: #4CAF50; }
471
- .royal-theme .fr-uploading {
472
- -webkit-opacity: 0.4;
473
- -moz-opacity: 0.4;
474
- opacity: 0.4;
475
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
476
- .royal-theme .fr-icons {
477
- padding: 10px 20px 0; }
478
- .royal-theme .half-circle {
479
- border-bottom: 0; }
480
- .royal-theme .checkbox-container input {
481
- opacity: 0;
482
- height: 0;
483
- width: 0; }
484
- .royal-theme .checkmark {
485
- top: 0;
486
- left: 0; }
487
- .royal-theme .fr-cloud-icon {
488
- margin: 0 auto; }
489
- .royal-theme .fr-files-checkbox {
490
- -webkit-box-sizing: content-box;
491
- -moz-box-sizing: content-box;
492
- box-sizing: content-box; }
493
- .royal-theme .fr-files-checkbox svg {
494
- width: 10px;
495
- height: 10px; }
496
- .royal-theme .fr-files-checkbox span {
497
- border-radius: 2px;
498
- -moz-border-radius: 2px;
499
- -webkit-border-radius: 2px;
500
- -moz-background-clip: padding;
501
- -webkit-background-clip: padding-box;
502
- background-clip: padding-box;
503
- -webkit-box-sizing: border-box;
504
- -moz-box-sizing: border-box;
505
- box-sizing: border-box;
506
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
507
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
508
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
509
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
510
- .royal-theme .fr-files-checkbox input {
511
- -webkit-opacity: 0;
512
- -moz-opacity: 0;
513
- opacity: 0;
514
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
515
- height: 18px;
516
- margin: 0;
517
- padding: 0;
518
- width: 18px; }
519
- .royal-theme .fr-files-checkbox input:not(:checked) + span {
520
- border: solid 2px #999999; }
521
- .royal-theme .fr-files-checkbox input:not(:checked):active + span {
522
- background-color: #f5f5f5; }
523
- .royal-theme .fr-files-checkbox input:not(:checked):focus + span, .royal-theme .fr-files-checkbox input:not(:checked):hover + span {
524
- border-color: #515151; }
525
- .royal-theme .fr-files-checkbox input:checked + span {
526
- background: #0098f7;
527
- border: solid 2px #0098f7; }
528
- .royal-theme .fr-files-checkbox input:checked:active + span {
529
- background-color: #EcF5Ff; }
530
- .royal-theme .fr-files-checkbox input:checked:focus + span, .royal-theme .fr-files-checkbox input:checked:hover + span {
531
- -webkit-opacity: 0.8;
532
- -moz-opacity: 0.8;
533
- opacity: 0.8;
534
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
535
- .royal-theme .fr-checkbox-disabled {
536
- -webkit-box-sizing: content-box;
537
- -moz-box-sizing: content-box;
538
- box-sizing: content-box; }
539
- .royal-theme .fr-checkbox-disabled span {
540
- border-radius: 2px;
541
- -moz-border-radius: 2px;
542
- -webkit-border-radius: 2px;
543
- -moz-background-clip: padding;
544
- -webkit-background-clip: padding-box;
545
- background-clip: padding-box;
546
- -webkit-box-sizing: border-box;
547
- -moz-box-sizing: border-box;
548
- box-sizing: border-box;
549
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
550
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
551
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
552
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
553
- .royal-theme .fr-checkbox-disabled input {
554
- -webkit-opacity: 0;
555
- -moz-opacity: 0;
556
- opacity: 0;
557
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
558
- margin: 0;
559
- padding: 0; }
560
- .royal-theme .fr-checkbox-disabled input:not(:checked) + span {
561
- border: solid 2px #999999; }
562
- .royal-theme .fr-checkbox-disabled input:not(:checked):active + span {
563
- background-color: #f5f5f5; }
564
- .royal-theme .fr-checkbox-disabled input:checked + span {
565
- background: #0098f7;
566
- border: solid 2px #0098f7; }
567
- .royal-theme .fr-checkbox-disabled input:checked:active + span {
568
- background-color: #EcF5Ff; }
569
- .royal-theme .fr-files-manager-tooltip .tooltiptext {
570
- font-weight: 100; }
571
- .royal-theme .fr-file-view-modal {
572
- left: 0;
573
- top: 0;
574
- overflow: auto; }
575
- .royal-theme .fr-file-view-image {
576
- top: 0;
577
- bottom: 0;
578
- left: 0;
579
- right: 0;
580
- margin: auto; }
581
- .royal-theme .fr-file-error {
582
- font-weight: 200; }
583
- .royal-theme .fr-autoplay-checkbox-label {
584
- margin: 0; }
585
- .royal-theme .checkbox-container .checkmark:after {
586
- border-width: 0 3px 3px 0; }
587
- .royal-theme .file-item-details .file-description {
588
- font-weight: 300; }
589
- .royal-theme #myprogressBar {
590
- background-color: #4CAF50; }
591
- .royal-theme .progress-circle {
592
- padding: 0; }
593
- .royal-theme .fr-hovered-over-file {
594
- background-color: #F0F0F0; }
595
- .royal-theme.fr-box.fr-fullscreen {
596
- top: 0;
597
- left: 0;
598
- bottom: 0;
599
- right: 0; }
600
- .royal-theme.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
601
- border-radius: 0;
602
- -moz-border-radius: 0;
603
- -webkit-border-radius: 0;
604
- -moz-background-clip: padding;
605
- -webkit-background-clip: padding-box;
606
- background-clip: padding-box; }
607
- .royal-theme.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
608
- border-radius: 0;
609
- -moz-border-radius: 0;
610
- -webkit-border-radius: 0;
611
- -moz-background-clip: padding;
612
- -webkit-background-clip: padding-box;
613
- background-clip: padding-box; }
614
- .royal-theme.fr-box.fr-fullscreen .fr-toolbar {
615
- border-radius: 0;
616
- -moz-border-radius: 0;
617
- -webkit-border-radius: 0;
618
- -moz-background-clip: padding;
619
- -webkit-background-clip: padding-box;
620
- background-clip: padding-box; }
621
- .royal-theme.fr-box.fr-fullscreen .fr-second-toolbar {
622
- margin-top: 0;
623
- border-radius: 0;
624
- -moz-border-radius: 0;
625
- -webkit-border-radius: 0;
626
- -moz-background-clip: padding;
627
- -webkit-background-clip: padding-box;
628
- background-clip: padding-box; }
629
- .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
630
- border: 0; }
631
- .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
632
- border-bottom: solid 1px #ebebeb; }
633
- .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
634
- color: #646464; }
635
- .royal-theme .fr-element img {
636
- padding: 0 1px; }
637
- .royal-theme .fr-image-resizer {
638
- border: solid 1px #0098f7;
639
- user-select: none;
640
- -o-user-select: none;
641
- -moz-user-select: none;
642
- -khtml-user-select: none;
643
- -webkit-user-select: none;
644
- -ms-user-select: none;
645
- -webkit-box-sizing: content-box;
646
- -moz-box-sizing: content-box;
647
- box-sizing: content-box; }
648
- .royal-theme .fr-image-resizer .fr-handler {
649
- background: #0098f7;
650
- border: solid 1px #FFF;
651
- border-radius: 2px;
652
- -moz-border-radius: 2px;
653
- -webkit-border-radius: 2px;
654
- -moz-background-clip: padding;
655
- -webkit-background-clip: padding-box;
656
- background-clip: padding-box;
657
- -webkit-box-sizing: border-box;
658
- -moz-box-sizing: border-box;
659
- box-sizing: border-box; }
660
- .royal-theme .fr-image-resizer .fr-handler {
661
- width: 12px;
662
- height: 12px; }
663
- .royal-theme .fr-image-resizer .fr-handler.fr-hnw {
664
- left: -6px;
665
- top: -6px; }
666
- .royal-theme .fr-image-resizer .fr-handler.fr-hne {
667
- right: -6px;
668
- top: -6px; }
669
- .royal-theme .fr-image-resizer .fr-handler.fr-hsw {
670
- left: -6px;
671
- bottom: -6px; }
672
- .royal-theme .fr-image-resizer .fr-handler.fr-hse {
673
- right: -6px;
674
- bottom: -6px; }
675
- @media (min-width: 1200px) {
676
- .royal-theme .fr-image-resizer .fr-handler {
677
- width: 10px;
678
- height: 10px; }
679
- .royal-theme .fr-image-resizer .fr-handler.fr-hnw {
680
- left: -5px;
681
- top: -5px; }
682
- .royal-theme .fr-image-resizer .fr-handler.fr-hne {
683
- right: -5px;
684
- top: -5px; }
685
- .royal-theme .fr-image-resizer .fr-handler.fr-hsw {
686
- left: -5px;
687
- bottom: -5px; }
688
- .royal-theme .fr-image-resizer .fr-handler.fr-hse {
689
- right: -5px;
690
- bottom: -5px; } }
691
- .royal-theme.fr-image-overlay {
692
- top: 0;
693
- left: 0;
694
- bottom: 0;
695
- right: 0;
696
- z-index: 2147483640; }
697
- .royal-theme.fr-popup .fr-image-upload-layer {
698
- border: dashed 2px #bdbdbd;
699
- padding: 25px 0;
700
- margin: 20px; }
701
- .royal-theme.fr-popup .fr-image-upload-layer:hover {
702
- background: #ebebeb; }
703
- .royal-theme.fr-popup .fr-image-upload-layer.fr-drop {
704
- background: #ebebeb;
705
- border-color: #0098f7; }
706
- .royal-theme.fr-popup .fr-image-upload-layer .fr-form {
707
- -webkit-opacity: 0;
708
- -moz-opacity: 0;
709
- opacity: 0;
710
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
711
- top: 0;
712
- bottom: 0;
713
- left: 0;
714
- right: 0;
715
- z-index: 2147483640; }
716
- .royal-theme.fr-popup .fr-image-upload-layer .fr-form input {
717
- right: 0;
718
- top: 0;
719
- bottom: 0;
720
- margin: 0; }
721
- .royal-theme.fr-popup .fr-image-progress-bar-layer > h3 {
722
- margin: 10px 0; }
723
- .royal-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
724
- background: #b3e0fd; }
725
- .royal-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
726
- background: #0098f7;
727
- -webkit-transition: width 0.2s ease 0s;
728
- -moz-transition: width 0.2s ease 0s;
729
- -ms-transition: width 0.2s ease 0s;
730
- -o-transition: width 0.2s ease 0s; }
731
- .royal-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
732
- top: 0;
733
- -webkit-animation: loading 2s linear infinite;
734
- -moz-animation: loading 2s linear infinite;
735
- -o-animation: loading 2s linear infinite;
736
- animation: loading 2s linear infinite; }
737
- .royal-theme .fr-uploading {
738
- -webkit-opacity: 0.4;
739
- -moz-opacity: 0.4;
740
- opacity: 0.4;
741
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
742
- .royal-theme.fr-modal .fr-modal-head .fr-modal-head-line::after {
743
- clear: both;
744
- display: block;
745
- content: "";
746
- height: 0; }
747
- .royal-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
748
- margin-top: 10px; }
749
- .royal-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
750
- opacity: 0;
751
- width: 0;
752
- padding: 12px 0; }
753
- .royal-theme.fr-modal .fr-modal-head .fr-modal-tags {
754
- padding: 0 20px; }
755
- .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a {
756
- opacity: 0;
757
- padding: 6px 12px;
758
- margin: 8px 0 8px 8px;
759
- border-radius: 32px;
760
- -moz-border-radius: 32px;
761
- -webkit-border-radius: 32px;
762
- -moz-background-clip: padding;
763
- -webkit-background-clip: padding-box;
764
- background-clip: padding-box;
765
- -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
766
- -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
767
- -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
768
- -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
769
- background-color: #f5f5f5; }
770
- .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a:focus {
771
- background-color: #ebebeb; }
772
- .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a:hover {
773
- background-color: #ebebeb; }
774
- .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a:active {
775
- background-color: #d6d6d6; }
776
- .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
777
- background-color: #EcF5Ff;
778
- color: #0098f7; }
779
- .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
780
- background-color: #ebebeb; }
781
- .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
782
- background-color: #ebebeb; }
783
- .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
784
- background-color: #d6d6d6; }
785
- .royal-theme.fr-show-tags .fr-modal-more svg path {
786
- fill: #0098f7; }
787
- .royal-themediv.fr-modal-body {
788
- -webkit-transition: background 0.2s ease 0s;
789
- -moz-transition: background 0.2s ease 0s;
790
- -ms-transition: background 0.2s ease 0s;
791
- -o-transition: background 0.2s ease 0s; }
792
- .royal-themediv.fr-modal-body .fr-preloader {
793
- margin: 50px auto; }
794
- .royal-themediv.fr-modal-body div.fr-image-list {
795
- margin: 0 20px;
796
- padding: 0; }
797
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
798
- border-radius: 2px;
799
- -moz-border-radius: 2px;
800
- -webkit-border-radius: 2px;
801
- -moz-background-clip: padding;
802
- -webkit-background-clip: padding-box;
803
- background-clip: padding-box; }
804
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
805
- -webkit-opacity: 0.5;
806
- -moz-opacity: 0.5;
807
- opacity: 0.5;
808
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
809
- -webkit-transition: opacity 0.2s ease 0s;
810
- -moz-transition: opacity 0.2s ease 0s;
811
- -ms-transition: opacity 0.2s ease 0s;
812
- -o-transition: opacity 0.2s ease 0s;
813
- background: #000;
814
- top: 0;
815
- left: 0;
816
- bottom: 0;
817
- right: 0; }
818
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
819
- color: #FFF;
820
- top: 0;
821
- left: 0;
822
- bottom: 0;
823
- right: 0;
824
- margin: auto; }
825
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
826
- background: #CCCCCC; }
827
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
828
- margin: auto;
829
- top: 0;
830
- bottom: 0;
831
- left: 0;
832
- right: 0; }
833
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
834
- -webkit-opacity: 1;
835
- -moz-opacity: 1;
836
- opacity: 1;
837
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
838
- -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
839
- -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
840
- -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
841
- -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
842
- -webkit-transform: translateZ(0);
843
- -moz-transform: translateZ(0);
844
- -ms-transform: translateZ(0);
845
- -o-transform: translateZ(0); }
846
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
847
- -webkit-opacity: 0.75;
848
- -moz-opacity: 0.75;
849
- opacity: 0.75;
850
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
851
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
852
- border-radius: 100%;
853
- -moz-border-radius: 100%;
854
- -webkit-border-radius: 100%;
855
- -moz-background-clip: padding;
856
- -webkit-background-clip: padding-box;
857
- background-clip: padding-box;
858
- -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
859
- -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
860
- -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
861
- -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
862
- -webkit-box-sizing: border-box;
863
- -moz-box-sizing: border-box;
864
- box-sizing: border-box;
865
- margin: 0;
866
- line-height: 40px; }
867
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
868
- background: #B8312F;
869
- fill: #FFF;
870
- padding: 8px;
871
- -webkit-transform: translateY(-50%) translateX(25%);
872
- -moz-transform: translateY(-50%) translateX(25%);
873
- -ms-transform: translateY(-50%) translateX(25%);
874
- -o-transform: translateY(-50%) translateX(25%); }
875
- .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
876
- background: #FFF;
877
- fill: #0098f7;
878
- padding: 8px;
879
- -webkit-transform: translateY(-50%) translateX(-125%);
880
- -moz-transform: translateY(-50%) translateX(-125%);
881
- -ms-transform: translateY(-50%) translateX(-125%);
882
- -o-transform: translateY(-50%) translateX(-125%); }
883
- .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
884
- -webkit-opacity: 0.75;
885
- -moz-opacity: 0.75;
886
- opacity: 0.75;
887
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
888
- .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
889
- width: 40px;
890
- height: 40px; }
891
- .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
892
- background: #bf4644;
893
- color: #FFF; }
894
- .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
895
- background: #ebebeb; }
896
- .royal-theme .fr-line-breaker {
897
- border-top: 1px solid #0098f7; }
898
- .royal-theme .fr-line-breaker a.fr-floating-btn {
899
- left: calc(50% - (40px / 2));
900
- top: -20px; }
901
- .royal-theme .fr-line-breaker a.fr-floating-btn svg {
902
- margin: 8px;
903
- height: 24px;
904
- width: 24px; }
905
- .royal-theme .fr-markdown-view {
906
- box-sizing: inherit; }
907
- .royal-theme .fr-markdown-editor {
908
- box-sizing: inherit; }
909
- .royal-theme .fr-markdown-editor > p {
910
- margin: 0; }
911
- .royal-theme .fr-markdown-view > p {
912
- margin-top: 0; }
913
- .royal-theme .fr-markdown-view > dl {
914
- margin-top: 0; }
915
- .royal-theme .fr-markdown-view > dt {
916
- font-weight: 700; }
917
- .royal-theme .fr-markdown-view > dd {
918
- margin-left: 0; }
919
- .royal-theme .fr-markdown-view > pre code {
920
- border: 0;
921
- padding: 0; }
922
- .royal-theme .fr-markdown-view > hr {
923
- border: 0; }
924
- .royal-theme .fr-markdown-view > table {
925
- border-spacing: 0; }
926
- .royal-theme .fr-quick-insert {
927
- padding-right: 10px;
928
- -webkit-box-sizing: content-box;
929
- -moz-box-sizing: content-box;
930
- box-sizing: content-box; }
931
- .royal-theme .fr-quick-insert a.fr-floating-btn svg {
932
- margin: 8px;
933
- width: 24px;
934
- height: 24px; }
935
- .royal-theme .fr-quick-insert.fr-on a.fr-floating-btn svg {
936
- -webkit-transform: rotate(135deg);
937
- -moz-transform: rotate(135deg);
938
- -ms-transform: rotate(135deg);
939
- -o-transform: rotate(135deg); }
940
- .royal-theme .fr-qi-helper {
941
- padding-left: 20px; }
942
- .royal-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
943
- padding: 6px 10px 10px 10px;
944
- color: #222222;
945
- background: #FFF;
946
- -webkit-opacity: 0;
947
- -moz-opacity: 0;
948
- opacity: 0;
949
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
950
- -webkit-transform: scale(0);
951
- -moz-transform: scale(0);
952
- -ms-transform: scale(0);
953
- -o-transform: scale(0); }
954
- .royal-theme .fr-qi-helper a.fr-btn.fr-floating-btn svg {
955
- fill: #222222; }
956
- .royal-theme .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
957
- -webkit-opacity: 1;
958
- -moz-opacity: 1;
959
- opacity: 1;
960
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
961
- -webkit-transform: scale(1);
962
- -moz-transform: scale(1);
963
- -ms-transform: scale(1);
964
- -o-transform: scale(1); }
965
- .royal-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
966
- padding: 10px 15px; }
967
- .royal-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
968
- font-size: 16px; }
969
- .royal-theme.fr-popup .fr-special-character {
970
- width: 24px;
971
- height: 24px; }
972
- @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
973
- .royal-theme.fr-popup .fr-icon-container.fr-sc-container {
974
- width: 368px; } }
975
- .royal-theme .fr-element table td.fr-selected-cell, .royal-theme .fr-element table th.fr-selected-cell {
976
- border: 1px double #0098f7; }
977
- .royal-theme .fr-element table tr {
978
- user-select: none;
979
- -o-user-select: none;
980
- -moz-user-select: none;
981
- -khtml-user-select: none;
982
- -webkit-user-select: none;
983
- -ms-user-select: none; }
984
- .royal-theme .fr-element table td, .royal-theme .fr-element table th {
985
- user-select: text;
986
- -o-user-select: text;
987
- -moz-user-select: text;
988
- -khtml-user-select: text;
989
- -webkit-user-select: text;
990
- -ms-user-select: text; }
991
- .royal-theme .fr-element .fr-no-selection table td, .royal-theme .fr-element .fr-no-selection table th {
992
- user-select: none;
993
- -o-user-select: none;
994
- -moz-user-select: none;
995
- -khtml-user-select: none;
996
- -webkit-user-select: none;
997
- -ms-user-select: none; }
998
- .royal-theme .fr-table-resizer div {
999
- -webkit-opacity: 0;
1000
- -moz-opacity: 0;
1001
- opacity: 0;
1002
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1003
- border-right: 1px solid #0098f7; }
1004
- .royal-theme .fr-no-selection {
1005
- user-select: none;
1006
- -o-user-select: none;
1007
- -moz-user-select: none;
1008
- -khtml-user-select: none;
1009
- -webkit-user-select: none;
1010
- -ms-user-select: none; }
1011
- .royal-theme.fr-popup .fr-table-size {
1012
- margin: 20px; }
1013
- .royal-theme.fr-popup .fr-table-size .fr-select-table-size {
1014
- line-height: 0; }
1015
- .royal-theme.fr-popup .fr-table-size .fr-select-table-size > span {
1016
- padding: 0 4px 4px 0; }
1017
- .royal-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
1018
- border: 1px solid #DDD; }
1019
- .royal-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
1020
- background: rgba(0, 152, 247, 0.3);
1021
- border: solid 1px #0098f7; }
1022
- .royal-theme.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
1023
- clear: both;
1024
- display: block;
1025
- content: "";
1026
- height: 0; }
1027
- .royal-theme.fr-popup .fr-table-colors {
1028
- padding: 20px;
1029
- padding-bottom: 0; }
1030
- .royal-theme #fr-form-container {
1031
- margin: auto;
1032
- overflow: auto; }
1033
- .royal-theme .fr-range-value-start > span:before {
1034
- width: 0;
1035
- height: 0; }
1036
- .royal-theme .fr-range-value-end > span:before {
1037
- width: 0;
1038
- height: 0; }
1039
- .royal-theme .fr-range-slider > input {
1040
- left: 0; }
1041
- .royal-theme .fr-range-slider > input::-moz-range-thumb {
1042
- z-index: 10; }
1043
- .royal-theme .fr-range-slider > input::-moz-range-track {
1044
- border: 0; }
1045
- .royal-theme .fr-range-slider > input:last-of-type::-moz-range-track {
1046
- border: 0; }
1047
- .royal-theme .fr-range-slider > input[type="range"]::-moz-focus-outer {
1048
- border: 0; }
1049
- .royal-theme .fr-element .fr-video {
1050
- user-select: none;
1051
- -o-user-select: none;
1052
- -moz-user-select: none;
1053
- -khtml-user-select: none;
1054
- -webkit-user-select: none;
1055
- -ms-user-select: none; }
1056
- .royal-theme .fr-element .fr-video::after {
1057
- top: 0;
1058
- left: 0;
1059
- right: 0;
1060
- bottom: 0; }
1061
- .royal-theme .fr-element .fr-video > * {
1062
- -webkit-box-sizing: content-box;
1063
- -moz-box-sizing: content-box;
1064
- box-sizing: content-box; }
1065
- .royal-theme.fr-box .fr-video-resizer {
1066
- border: solid 1px #0098f7;
1067
- user-select: none;
1068
- -o-user-select: none;
1069
- -moz-user-select: none;
1070
- -khtml-user-select: none;
1071
- -webkit-user-select: none;
1072
- -ms-user-select: none; }
1073
- .royal-theme.fr-box .fr-video-resizer .fr-handler {
1074
- background: #0098f7;
1075
- border: solid 1px #FFF;
1076
- -webkit-box-sizing: border-box;
1077
- -moz-box-sizing: border-box;
1078
- box-sizing: border-box; }
1079
- .royal-theme.fr-box .fr-video-resizer .fr-handler {
1080
- width: 12px;
1081
- height: 12px; }
1082
- .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
1083
- left: -6px;
1084
- top: -6px; }
1085
- .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
1086
- right: -6px;
1087
- top: -6px; }
1088
- .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
1089
- left: -6px;
1090
- bottom: -6px; }
1091
- .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
1092
- right: -6px;
1093
- bottom: -6px; }
1094
- @media (min-width: 1200px) {
1095
- .royal-theme.fr-box .fr-video-resizer .fr-handler {
1096
- width: 10px;
1097
- height: 10px; }
1098
- .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
1099
- left: -5px;
1100
- top: -5px; }
1101
- .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
1102
- right: -5px;
1103
- top: -5px; }
1104
- .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
1105
- left: -5px;
1106
- bottom: -5px; }
1107
- .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
1108
- right: -5px;
1109
- bottom: -5px; } }
1110
- .royal-theme.fr-popup .fr-video-upload-layer {
1111
- border: dashed 2px #bdbdbd;
1112
- padding: 25px 0;
1113
- margin: 20px; }
1114
- .royal-theme.fr-popup .fr-video-upload-layer:hover {
1115
- background: #ebebeb; }
1116
- .royal-theme.fr-popup .fr-video-upload-layer.fr-drop {
1117
- background: #ebebeb;
1118
- border-color: #0098f7; }
1119
- .royal-theme.fr-popup .fr-video-upload-layer .fr-form {
1120
- -webkit-opacity: 0;
1121
- -moz-opacity: 0;
1122
- opacity: 0;
1123
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1124
- top: 0;
1125
- bottom: 0;
1126
- left: 0;
1127
- right: 0;
1128
- z-index: 2147483640; }
1129
- .royal-theme.fr-popup .fr-video-upload-layer .fr-form input {
1130
- right: 0;
1131
- top: 0;
1132
- bottom: 0;
1133
- margin: 0; }
1134
- .royal-theme.fr-popup .fr-video-progress-bar-layer > h3 {
1135
- margin: 10px 0; }
1136
- .royal-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
1137
- background: #b3e0fd; }
1138
- .royal-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
1139
- background: #0098f7;
1140
- -webkit-transition: width 0.2s ease 0s;
1141
- -moz-transition: width 0.2s ease 0s;
1142
- -ms-transition: width 0.2s ease 0s;
1143
- -o-transition: width 0.2s ease 0s; }
1144
- .royal-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
1145
- top: 0;
1146
- -webkit-animation: loading 2s linear infinite;
1147
- -moz-animation: loading 2s linear infinite;
1148
- -o-animation: loading 2s linear infinite;
1149
- animation: loading 2s linear infinite; }
1150
- .royal-theme.fr-video-overlay {
1151
- top: 0;
1152
- left: 0;
1153
- bottom: 0;
1154
- right: 0;
1155
- z-index: 2147483640; }
1156
- .royal-theme .fr-view img.fr-rounded, .royal-theme .fr-view .fr-img-caption.fr-rounded img {
1157
- border-radius: 10px;
1158
- -moz-border-radius: 10px;
1159
- -webkit-border-radius: 10px;
1160
- -moz-background-clip: padding;
1161
- -webkit-background-clip: padding-box;
1162
- background-clip: padding-box; }
1163
- .royal-theme .fr-view img.fr-shadow, .royal-theme .fr-view .fr-img-caption.fr-shadow img {
1164
- -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
1165
- -moz-box-shadow: 10px 10px 5px 0px #cccccc;
1166
- box-shadow: 10px 10px 5px 0px #cccccc; }
1167
- .royal-theme .fr-view img.fr-bordered {
1168
- -webkit-box-sizing: content-box;
1169
- -moz-box-sizing: content-box;
1170
- box-sizing: content-box; }
1171
- .royal-theme .fr-view .fr-img-caption.fr-bordered img {
1172
- -webkit-box-sizing: border-box;
1173
- -moz-box-sizing: border-box;
1174
- box-sizing: border-box; }
1175
- .royal-theme .fr-view span[style~="color:"] a {
1176
- color: inherit; }
1177
- .royal-theme .fr-view strong {
1178
- font-weight: 700; }
1179
- .royal-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
1180
- background: whitesmoke; }
1181
- .royal-theme .fr-view table td, .royal-theme .fr-view table th {
1182
- border: 1px solid #DDD; }
1183
- .royal-theme .fr-view table th {
1184
- background: #ececec; }
1185
- .royal-theme .fr-view hr {
1186
- user-select: none;
1187
- -o-user-select: none;
1188
- -moz-user-select: none;
1189
- -khtml-user-select: none;
1190
- -webkit-user-select: none;
1191
- -ms-user-select: none; }
1192
- .royal-theme .fr-view[dir="rtl"] blockquote {
1193
- border-right: solid 2px #5E35B1;
1194
- margin-right: 0;
1195
- padding-left: 0; }
1196
- .royal-theme .fr-view[dir="rtl"] blockquote blockquote {
1197
- border-color: #00BCD4; }
1198
- .royal-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
1199
- border-color: #43A047; }
1200
- .royal-theme .fr-view blockquote {
1201
- border-left: solid 2px #5E35B1;
1202
- margin-left: 0;
1203
- color: #5E35B1; }
1204
- .royal-theme .fr-view blockquote blockquote {
1205
- border-color: #00BCD4;
1206
- color: #00BCD4; }
1207
- .royal-theme .fr-view blockquote blockquote blockquote {
1208
- border-color: #43A047;
1209
- color: #43A047; }
1210
- .royal-theme .fr-view span.fr-emoticon {
1211
- line-height: 0; }
1212
- .royal-theme .fr-view span.fr-emoticon.fr-emoticon-img {
1213
- font-size: inherit; }
1214
- .royal-theme .fr-view .fr-text-bordered {
1215
- padding: 10px 0; }
1216
- .royal-theme .fr-view .fr-class-highlighted {
1217
- background-color: #ffff00; }
1218
- .royal-theme .fr-view .fr-class-code {
1219
- border-radius: 2px;
1220
- -moz-border-radius: 2px;
1221
- -webkit-border-radius: 2px;
1222
- -moz-background-clip: padding;
1223
- -webkit-background-clip: padding-box;
1224
- background-clip: padding-box;
1225
- background: #f5f5f5; }
1226
- .royal-theme .fr-view img.fr-dib {
1227
- margin: 5px auto; }
1228
- .royal-theme .fr-view img.fr-dib.fr-fil {
1229
- margin-left: 0; }
1230
- .royal-theme .fr-view img.fr-dib.fr-fir {
1231
- margin-right: 0; }
1232
- .royal-theme .fr-view img.fr-dii {
1233
- margin-left: 5px;
1234
- margin-right: 5px;
1235
- max-width: calc(100% - (2 * 5px)); }
1236
- .royal-theme .fr-view img.fr-dii.fr-fil {
1237
- margin: 5px 5px 5px 0;
1238
- max-width: calc(100% - 5px); }
1239
- .royal-theme .fr-view img.fr-dii.fr-fir {
1240
- margin: 5px 0 5px 5px;
1241
- max-width: calc(100% - 5px); }
1242
- .royal-theme .fr-view span.fr-img-caption.fr-dib {
1243
- margin: 5px auto; }
1244
- .royal-theme .fr-view span.fr-img-caption.fr-dib.fr-fil {
1245
- margin-left: 0; }
1246
- .royal-theme .fr-view span.fr-img-caption.fr-dib.fr-fir {
1247
- margin-right: 0; }
1248
- .royal-theme .fr-view span.fr-img-caption.fr-dii {
1249
- margin-left: 5px;
1250
- margin-right: 5px;
1251
- max-width: calc(100% - (2 * 5px)); }
1252
- .royal-theme .fr-view span.fr-img-caption.fr-dii.fr-fil {
1253
- margin: 5px 5px 5px 0;
1254
- max-width: calc(100% - 5px); }
1255
- .royal-theme .fr-view span.fr-img-caption.fr-dii.fr-fir {
1256
- margin: 5px 0 5px 5px;
1257
- max-width: calc(100% - 5px); }
1258
- .royal-theme .fr-view .fr-video.fr-rv {
1259
- height: 0; }
1260
- .royal-theme .fr-view .fr-video.fr-rv > iframe, .royal-theme .fr-view .fr-video.fr-rv object, .royal-theme .fr-view .fr-video.fr-rv embed {
1261
- top: 0;
1262
- left: 0; }
1263
- .royal-theme .fr-view .fr-video > * {
1264
- -webkit-box-sizing: content-box;
1265
- -moz-box-sizing: content-box;
1266
- box-sizing: content-box; }
1267
- .royal-theme .fr-view a.fr-strong {
1268
- font-weight: 700; }
1269
- .royal-theme .fr-view .fr-img-caption .fr-img-wrap {
1270
- padding: 0;
1271
- margin: auto; }
1272
- .royal-theme .fr-view .fr-img-caption .fr-img-wrap img {
1273
- margin: auto; }
1274
- .royal-theme .fr-view .fr-img-caption .fr-img-wrap > span {
1275
- margin: auto;
1276
- -webkit-box-sizing: border-box;
1277
- -moz-box-sizing: border-box;
1278
- box-sizing: border-box;
1279
- -webkit-opacity: 0.9;
1280
- -moz-opacity: 0.9;
1281
- opacity: 0.9;
1282
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1283
- .royal-theme .fr-view button.fr-rounded, .royal-theme .fr-view input.fr-rounded, .royal-theme .fr-view textarea.fr-rounded {
1284
- border-radius: 10px;
1285
- -moz-border-radius: 10px;
1286
- -webkit-border-radius: 10px;
1287
- -moz-background-clip: padding;
1288
- -webkit-background-clip: padding-box;
1289
- background-clip: padding-box; }
1290
- .royal-theme a.fr-view.fr-strong {
1291
- font-weight: 700; }
1292
- .royal-theme img.fr-view.fr-dib {
1293
- margin: 5px auto; }
1294
- .royal-theme img.fr-view.fr-dib.fr-fil {
1295
- margin-left: 0; }
1296
- .royal-theme img.fr-view.fr-dib.fr-fir {
1297
- margin-right: 0; }
1298
- .royal-theme img.fr-view.fr-dii {
1299
- margin-left: 5px;
1300
- margin-right: 5px;
1301
- max-width: calc(100% - (2 * 5px)); }
1302
- .royal-theme img.fr-view.fr-dii.fr-fil {
1303
- margin: 5px 5px 5px 0;
1304
- max-width: calc(100% - 5px); }
1305
- .royal-theme img.fr-view.fr-dii.fr-fir {
1306
- margin: 5px 0 5px 5px;
1307
- max-width: calc(100% - 5px); }
1308
- .royal-theme span.fr-img-caption.fr-view.fr-dib {
1309
- margin: 5px auto; }
1310
- .royal-theme span.fr-img-caption.fr-view.fr-dib.fr-fil {
1311
- margin-left: 0; }
1312
- .royal-theme span.fr-img-caption.fr-view.fr-dib.fr-fir {
1313
- margin-right: 0; }
1314
- .royal-theme span.fr-img-caption.fr-view.fr-dii {
1315
- margin-left: 5px;
1316
- margin-right: 5px;
1317
- max-width: calc(100% - (2 * 5px)); }
1318
- .royal-theme span.fr-img-caption.fr-view.fr-dii.fr-fil {
1319
- margin: 5px 5px 5px 0;
1320
- max-width: calc(100% - 5px); }
1321
- .royal-theme span.fr-img-caption.fr-view.fr-dii.fr-fir {
1322
- margin: 5px 0 5px 5px;
1323
- max-width: calc(100% - 5px); }
1324
- .royal-theme .fr-element .fr-embedly {
1325
- user-select: none;
1326
- -o-user-select: none;
1327
- -moz-user-select: none;
1328
- -khtml-user-select: none;
1329
- -webkit-user-select: none;
1330
- -ms-user-select: none; }
1331
- .royal-theme .fr-element .fr-embedly::after {
1332
- top: 0;
1333
- left: 0;
1334
- right: 0;
1335
- bottom: 0; }
1336
- .royal-theme .fr-element .fr-embedly > * {
1337
- -webkit-box-sizing: content-box;
1338
- -moz-box-sizing: content-box;
1339
- box-sizing: content-box; }
1340
- .royal-theme.fr-box .fr-embedly-resizer {
1341
- border: solid 1px #0098f7;
1342
- user-select: none;
1343
- -o-user-select: none;
1344
- -moz-user-select: none;
1345
- -khtml-user-select: none;
1346
- -webkit-user-select: none;
1347
- -ms-user-select: none; }
1348
- .royal-theme.fr-popup .fr-icon.fr-fa-icon {
1349
- width: 18px;
1350
- padding: 8px;
1351
- margin: 6px;
1352
- font-size: 16px; }
1353
- @supports not (-ms-high-contrast: none) {
1354
- .royal-theme.fr-popup .fr-icon-container.fr-fa-container {
1355
- grid-template-columns: repeat(auto-fill, minmax(45px, 45px)); } }
1356
- @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
1357
- .royal-theme.fr-popup .fr-icon-container.fr-fa-container {
1358
- width: 506px; } }
1359
- .royal-theme .tui-image-editor-container {
1360
- top: 0;
1361
- left: 0;
1362
- bottom: 0;
1363
- right: 0;
1364
- z-index: 10; }
1365
- .royal-theme .tui-editor-cancel-btn {
1366
- background-color: #FFF;
1367
- border: 1px solid #CCCCCC; }
1368
- .royal-theme .tui-editor-save-btn {
1369
- color: #FFF; }
1370
- .royal-theme .examples-variante > a {
1371
- font-size: 14px;
1372
- font-family: Arial, Helvetica, sans-serif; }
1373
- .royal-theme .sc-cm-holder > .sc-cm {
1374
- border-top: 5px solid #222222 !important; }
1375
- .royal-theme .sc-cm__item_dropdown:hover > a, .royal-theme .sc-cm a:hover {
1376
- background-color: #ebebeb !important; }
1377
- .royal-theme .sc-cm__item_active > a, .royal-theme .sc-cm__item_active > a:hover, .royal-theme .sc-cm a:active, .royal-theme .sc-cm a:focus {
1378
- background-color: #d6d6d6 !important; }
1379
- .royal-theme .sc-cm-holder > .sc-cm:before {
1380
- background-color: #ebebeb !important; }
1381
- .royal-theme .fr-tooltip {
1382
- top: 0;
1383
- left: 0;
1384
- border-radius: 2px;
1385
- -moz-border-radius: 2px;
1386
- -webkit-border-radius: 2px;
1387
- -moz-background-clip: padding;
1388
- -webkit-background-clip: padding-box;
1389
- background-clip: padding-box;
1390
- background: #222222;
1391
- color: #FFF;
1392
- font-size: 11px;
1393
- line-height: 22px;
1394
- font-family: Arial, Helvetica, sans-serif;
1395
- -webkit-transition: opacity 0.2s ease 0s;
1396
- -moz-transition: opacity 0.2s ease 0s;
1397
- -ms-transition: opacity 0.2s ease 0s;
1398
- -o-transition: opacity 0.2s ease 0s;
1399
- -webkit-opacity: 0;
1400
- -moz-opacity: 0;
1401
- opacity: 0;
1402
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1403
- user-select: none;
1404
- -o-user-select: none;
1405
- -moz-user-select: none;
1406
- -khtml-user-select: none;
1407
- -webkit-user-select: none;
1408
- -ms-user-select: none;
1409
- -webkit-font-smoothing: antialiased;
1410
- -moz-osx-font-smoothing: grayscale; }
1411
- .royal-theme .fr-tooltip.fr-visible {
1412
- -webkit-opacity: 1;
1413
- -moz-opacity: 1;
1414
- opacity: 1;
1415
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1416
- .royal-theme.fr-toolbar .fr-command.fr-btn, .royal-theme.fr-popup .fr-command.fr-btn, .royal-theme.fr-modal .fr-command.fr-btn {
1417
- color: #333333;
1418
- -moz-outline: 0;
1419
- border: 0;
1420
- margin: 4px 2px;
1421
- padding: 0;
1422
- -webkit-transition: all 0.5s;
1423
- -moz-transition: all 0.5s;
1424
- -ms-transition: all 0.5s;
1425
- -o-transition: all 0.5s;
1426
- border-radius: 4px;
1427
- -moz-border-radius: 4px;
1428
- -webkit-border-radius: 4px;
1429
- -moz-background-clip: padding;
1430
- -webkit-background-clip: padding-box;
1431
- background-clip: padding-box;
1432
- -webkit-box-sizing: border-box;
1433
- -moz-box-sizing: border-box;
1434
- box-sizing: border-box;
1435
- user-select: none;
1436
- -o-user-select: none;
1437
- -moz-user-select: none;
1438
- -khtml-user-select: none;
1439
- -webkit-user-select: none;
1440
- -ms-user-select: none;
1441
- height: 40px; }
1442
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
1443
- border-radius: 0 4px 4px 0;
1444
- -moz-border-radius: 0 4px 4px 0;
1445
- -webkit-border-radius: 0 4px 4px 0;
1446
- -moz-background-clip: padding;
1447
- -webkit-background-clip: padding-box;
1448
- background-clip: padding-box; }
1449
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-popup .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-modal .fr-command.fr-btn.fr-btn-hover {
1450
- border-radius: 4px 0 0 4px;
1451
- -moz-border-radius: 4px 0 0 4px;
1452
- -webkit-border-radius: 4px 0 0 4px;
1453
- -moz-background-clip: padding;
1454
- -webkit-background-clip: padding-box;
1455
- background-clip: padding-box; }
1456
- .royal-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .royal-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner, .royal-theme.fr-modal .fr-command.fr-btn::-moz-focus-inner {
1457
- border: 0; }
1458
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text, .royal-theme.fr-popup .fr-command.fr-btn.fr-btn-text, .royal-theme.fr-modal .fr-command.fr-btn.fr-btn-text {
1459
- width: auto; }
1460
- .royal-theme.fr-toolbar .fr-command.fr-btn i, .royal-theme.fr-toolbar .fr-command.fr-btn svg, .royal-theme.fr-popup .fr-command.fr-btn i, .royal-theme.fr-popup .fr-command.fr-btn svg, .royal-theme.fr-modal .fr-command.fr-btn i, .royal-theme.fr-modal .fr-command.fr-btn svg {
1461
- margin: 8px 7px;
1462
- width: 24px; }
1463
- .royal-theme.fr-toolbar .fr-command.fr-btn svg.fr-svg, .royal-theme.fr-popup .fr-command.fr-btn svg.fr-svg, .royal-theme.fr-modal .fr-command.fr-btn svg.fr-svg {
1464
- height: 24px; }
1465
- .royal-theme.fr-toolbar .fr-command.fr-btn svg path, .royal-theme.fr-popup .fr-command.fr-btn svg path, .royal-theme.fr-modal .fr-command.fr-btn svg path {
1466
- -webkit-transition: all 0.5s;
1467
- -moz-transition: all 0.5s;
1468
- -ms-transition: all 0.5s;
1469
- -o-transition: all 0.5s;
1470
- fill: #333333; }
1471
- .royal-theme.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .royal-theme.fr-popup .fr-command.fr-btn span.fr-sr-only, .royal-theme.fr-modal .fr-command.fr-btn span.fr-sr-only {
1472
- position: absolute;
1473
- width: 1px;
1474
- height: 1px;
1475
- padding: 0;
1476
- margin: -1px;
1477
- overflow: hidden;
1478
- clip: rect(0, 0, 0, 0);
1479
- border: 0; }
1480
- .royal-theme.fr-toolbar .fr-command.fr-btn span, .royal-theme.fr-popup .fr-command.fr-btn span, .royal-theme.fr-modal .fr-command.fr-btn span {
1481
- font-size: 14px;
1482
- line-height: 17px;
1483
- min-width: 30px;
1484
- height: 17px;
1485
- padding: 0 4px; }
1486
- .royal-theme.fr-toolbar .fr-command.fr-btn img, .royal-theme.fr-popup .fr-command.fr-btn img, .royal-theme.fr-modal .fr-command.fr-btn img {
1487
- margin: 8px 7px;
1488
- width: 24px; }
1489
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .royal-theme.fr-popup .fr-command.fr-btn.fr-btn-active-popup, .royal-theme.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
1490
- background: #d6d6d6; }
1491
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span, .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img, .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown i, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown span, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown img, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown i, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown span, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown img, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown svg {
1492
- margin-left: 3px;
1493
- margin-right: 11px; }
1494
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown:after, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown:after {
1495
- width: 0;
1496
- height: 0;
1497
- border-left: 4px solid transparent;
1498
- border-right: 4px solid transparent;
1499
- border-top: 4px solid #333333;
1500
- right: 2px;
1501
- top: 18px;
1502
- -webkit-transition: all 0.3s;
1503
- -moz-transition: all 0.3s;
1504
- -ms-transition: all 0.3s;
1505
- -o-transition: all 0.3s; }
1506
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
1507
- fill: #333333;
1508
- background: #d6d6d6;
1509
- -webkit-transition: 0.5s ease;
1510
- -moz-transition: 0.5s ease;
1511
- -ms-transition: 0.5s ease;
1512
- -o-transition: 0.5s ease; }
1513
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
1514
- background: #ebebeb;
1515
- fill: #333333; }
1516
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
1517
- border-top-color: #333333; }
1518
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
1519
- border-top: 0;
1520
- border-bottom: 4px solid #222222; }
1521
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, .royal-theme.fr-popup .fr-command.fr-btn.fr-disabled, .royal-theme.fr-modal .fr-command.fr-btn.fr-disabled {
1522
- color: #bdbdbd;
1523
- -webkit-opacity: 0.3;
1524
- -moz-opacity: 0.3;
1525
- opacity: 0.3;
1526
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1527
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .royal-theme.fr-popup .fr-command.fr-btn.fr-disabled::after, .royal-theme.fr-modal .fr-command.fr-btn.fr-disabled::after {
1528
- border-top-color: #bdbdbd; }
1529
- .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn {
1530
- margin: 0;
1531
- width: 46px;
1532
- height: 40px;
1533
- border-radius: 0;
1534
- -moz-border-radius: 0;
1535
- -webkit-border-radius: 0;
1536
- -moz-background-clip: padding;
1537
- -webkit-background-clip: padding-box;
1538
- background-clip: padding-box; }
1539
- .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
1540
- background: #FFF; }
1541
- .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn span, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn span, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn span {
1542
- height: 27px; }
1543
- .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn img, .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn svg, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn img, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn svg, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn img, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn svg {
1544
- margin: 8px 11px;
1545
- width: 24px;
1546
- height: 24px; }
1547
- .royal-theme.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
1548
- fill: #0098f7; }
1549
- .royal-theme.fr-toolbar.fr-disabled .fr-btn, .royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-active, .royal-theme.fr-popup.fr-disabled .fr-btn, .royal-theme.fr-popup.fr-disabled .fr-btn.fr-active, .royal-theme.fr-modal.fr-disabled .fr-btn, .royal-theme.fr-modal.fr-disabled .fr-btn.fr-active {
1550
- color: #bdbdbd;
1551
- -webkit-opacity: 0.3;
1552
- -moz-opacity: 0.3;
1553
- opacity: 0.3;
1554
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1555
- .royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .royal-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .royal-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .royal-theme.fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .royal-theme.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
1556
- border-top-color: #bdbdbd; }
1557
- .royal-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .royal-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .royal-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
1558
- border-radius: 4px 0 0 4px;
1559
- -moz-border-radius: 4px 0 0 4px;
1560
- -webkit-border-radius: 4px 0 0 4px;
1561
- -moz-background-clip: padding;
1562
- -webkit-background-clip: padding-box;
1563
- background-clip: padding-box; }
1564
- .royal-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .royal-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .royal-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
1565
- border-radius: 0 4px 4px 0;
1566
- -moz-border-radius: 0 4px 4px 0;
1567
- -webkit-border-radius: 0 4px 4px 0;
1568
- -moz-background-clip: padding;
1569
- -webkit-background-clip: padding-box;
1570
- background-clip: padding-box; }
1571
- .royal-theme.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .royal-theme.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
1572
- display: -webkit-inline-flex;
1573
- display: -ms-inline-flexbox;
1574
- display: inline-flex; }
1575
- .royal-theme.fr-desktop .fr-command:hover, .royal-theme.fr-desktop .fr-command:focus, .royal-theme.fr-desktop .fr-command.fr-btn-hover, .royal-theme.fr-desktop .fr-command.fr-expanded {
1576
- outline: 0;
1577
- color: #333333; }
1578
- .royal-theme.fr-desktop .fr-command:hover:not(.fr-table-cell), .royal-theme.fr-desktop .fr-command:focus:not(.fr-table-cell), .royal-theme.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .royal-theme.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
1579
- background: #ebebeb; }
1580
- .royal-theme.fr-desktop .fr-command:hover::after, .royal-theme.fr-desktop .fr-command:focus::after, .royal-theme.fr-desktop .fr-command.fr-btn-hover::after, .royal-theme.fr-desktop .fr-command.fr-expanded::after {
1581
- border-top-color: #333333; }
1582
- .royal-theme.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .royal-theme.fr-desktop .fr-command:active {
1583
- color: #333333;
1584
- background: #d6d6d6; }
1585
- .royal-theme.fr-desktop .fr-command.fr-active:hover, .royal-theme.fr-desktop .fr-command.fr-active:focus, .royal-theme.fr-desktop .fr-command.fr-active.fr-btn-hover, .royal-theme.fr-desktop .fr-command.fr-active.fr-expanded {
1586
- background: #ebebeb; }
1587
- .royal-theme.fr-desktop .fr-command.fr-active:active {
1588
- background: #d6d6d6; }
1589
- .royal-theme.fr-toolbar.fr-mobile .fr-command.fr-blink, .royal-theme.fr-popup.fr-mobile .fr-command.fr-blink {
1590
- background: #d6d6d6; }
1591
- .royal-theme .fr-command.fr-btn.fr-options {
1592
- width: 16px;
1593
- margin-left: -5px; }
1594
- .royal-theme .fr-command.fr-btn.fr-options.fr-btn-hover, .royal-theme .fr-command.fr-btn.fr-options:hover, .royal-theme .fr-command.fr-btn.fr-options:focus {
1595
- border-left: solid 1px #FAFAFA;
1596
- -webkit-transition: border-left 0s, background-color 0.5s;
1597
- -moz-transition: border-left 0s, background-color 0.5s;
1598
- -ms-transition: border-left 0s, background-color 0.5s;
1599
- -o-transition: border-left 0s, background-color 0.5s; }
1600
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu {
1601
- background: #FFF;
1602
- right: auto;
1603
- bottom: auto;
1604
- height: auto;
1605
- border-radius: 4px;
1606
- -moz-border-radius: 4px;
1607
- -webkit-border-radius: 4px;
1608
- -moz-background-clip: padding;
1609
- -webkit-background-clip: padding-box;
1610
- background-clip: padding-box;
1611
- -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);
1612
- -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);
1613
- 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); }
1614
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
1615
- -webkit-transition: none;
1616
- -moz-transition: none;
1617
- -ms-transition: none;
1618
- -o-transition: none;
1619
- height: auto;
1620
- max-height: 275px; }
1621
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
1622
- padding: 0;
1623
- margin: auto;
1624
- -webkit-box-sizing: border-box;
1625
- -moz-box-sizing: border-box;
1626
- box-sizing: border-box;
1627
- -webkit-transition: height 0.3s;
1628
- -moz-transition: height 0.3s;
1629
- -ms-transition: height 0.3s;
1630
- -o-transition: height 0.3s;
1631
- margin-top: 0;
1632
- height: 0; }
1633
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
1634
- margin: 0;
1635
- padding: 8px 0;
1636
- min-width: 72px; }
1637
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
1638
- padding: 0;
1639
- margin: 0;
1640
- font-size: 15px; }
1641
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
1642
- padding: 0 20px;
1643
- color: inherit;
1644
- border-radius: 0;
1645
- -moz-border-radius: 0;
1646
- -webkit-border-radius: 0;
1647
- -moz-background-clip: padding;
1648
- -webkit-background-clip: padding-box;
1649
- background-clip: padding-box; }
1650
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
1651
- width: 24px;
1652
- height: 24px;
1653
- margin: 3px 4px; }
1654
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
1655
- fill: #333333; }
1656
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
1657
- background: #d6d6d6; }
1658
- .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
1659
- color: #bdbdbd; }
1660
- .royal-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
1661
- -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);
1662
- -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);
1663
- 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); }
1664
- .royal-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
1665
- border-radius: 2px 2px 0 0;
1666
- -moz-border-radius: 2px 2px 0 0;
1667
- -webkit-border-radius: 2px 2px 0 0;
1668
- -moz-background-clip: padding;
1669
- -webkit-background-clip: padding-box;
1670
- background-clip: padding-box; }
1671
- .royal-theme.fr-modal {
1672
- color: #222222;
1673
- font-family: Arial, Helvetica, sans-serif;
1674
- overflow-x: auto;
1675
- top: 0;
1676
- left: 0;
1677
- bottom: 0;
1678
- right: 0;
1679
- z-index: 2147483640;
1680
- -webkit-font-smoothing: antialiased;
1681
- -moz-osx-font-smoothing: grayscale; }
1682
- .royal-theme.fr-modal.fr-middle .fr-modal-wrapper {
1683
- margin-top: 0;
1684
- margin-bottom: 0;
1685
- margin-left: auto;
1686
- margin-right: auto;
1687
- -webkit-transform: translate(-50%, -50%);
1688
- -moz-transform: translate(-50%, -50%);
1689
- -ms-transform: translate(-50%, -50%);
1690
- -o-transform: translate(-50%, -50%); }
1691
- .royal-theme.fr-modal .fr-modal-wrapper {
1692
- border-radius: 10px;
1693
- -moz-border-radius: 10px;
1694
- -webkit-border-radius: 10px;
1695
- -moz-background-clip: padding;
1696
- -webkit-background-clip: padding-box;
1697
- background-clip: padding-box;
1698
- margin: 20px auto;
1699
- background: #FFF;
1700
- min-width: 300px;
1701
- -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);
1702
- -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);
1703
- 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);
1704
- border: 0; }
1705
- @media (min-width: 768px) and (max-width: 991px) {
1706
- .royal-theme.fr-modal .fr-modal-wrapper {
1707
- margin: 30px auto; } }
1708
- @media (min-width: 992px) {
1709
- .royal-theme.fr-modal .fr-modal-wrapper {
1710
- margin: 50px auto; } }
1711
- .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
1712
- background: #FFF;
1713
- min-height: 42px;
1714
- border-bottom: solid #efefef 1px;
1715
- -webkit-transition: all 0.2s ease 0s;
1716
- -moz-transition: all 0.2s ease 0s;
1717
- -ms-transition: all 0.2s ease 0s;
1718
- -o-transition: all 0.2s ease 0s; }
1719
- .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
1720
- height: 56px;
1721
- padding: 0 10px; }
1722
- .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
1723
- margin: 10px;
1724
- top: 0;
1725
- right: 0; }
1726
- .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
1727
- font-size: 20px;
1728
- padding: 19px 10px;
1729
- margin: 0;
1730
- font-weight: 400;
1731
- line-height: 18px; }
1732
- .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body {
1733
- min-height: 150px;
1734
- overflow-y: auto;
1735
- padding-bottom: 20px; }
1736
- .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
1737
- outline: 0; }
1738
- .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
1739
- height: 36px;
1740
- color: #0098f7;
1741
- padding: 10px;
1742
- -webkit-transition: background 0.2s ease 0s;
1743
- -moz-transition: background 0.2s ease 0s;
1744
- -ms-transition: background 0.2s ease 0s;
1745
- -o-transition: background 0.2s ease 0s;
1746
- border-radius: 2px;
1747
- -moz-border-radius: 2px;
1748
- -webkit-border-radius: 2px;
1749
- -moz-background-clip: padding;
1750
- -webkit-background-clip: padding-box;
1751
- background-clip: padding-box; }
1752
- .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
1753
- background: #ebebeb;
1754
- color: #0098f7; }
1755
- .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
1756
- background: #d6d6d6;
1757
- color: #0098f7; }
1758
- .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
1759
- border: 0; }
1760
- .royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
1761
- background: #ebebeb; }
1762
- .royal-theme.fr-overlay {
1763
- top: 0;
1764
- bottom: 0;
1765
- left: 0;
1766
- right: 0;
1767
- background: #000;
1768
- -webkit-opacity: 0.5;
1769
- -moz-opacity: 0.5;
1770
- opacity: 0.5;
1771
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1772
- .royal-theme.fr-popup {
1773
- color: #222222;
1774
- background: #FFF;
1775
- -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);
1776
- -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);
1777
- 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);
1778
- font-family: Arial, Helvetica, sans-serif;
1779
- -webkit-box-sizing: border-box;
1780
- -moz-box-sizing: border-box;
1781
- box-sizing: border-box;
1782
- user-select: none;
1783
- -o-user-select: none;
1784
- -moz-user-select: none;
1785
- -khtml-user-select: none;
1786
- -webkit-user-select: none;
1787
- -ms-user-select: none;
1788
- margin-top: 10px;
1789
- border-radius: 6px;
1790
- -moz-border-radius: 6px;
1791
- -webkit-border-radius: 6px;
1792
- -moz-background-clip: padding;
1793
- -webkit-background-clip: padding-box;
1794
- background-clip: padding-box;
1795
- -webkit-font-smoothing: antialiased;
1796
- -moz-osx-font-smoothing: grayscale; }
1797
- .royal-theme.fr-popup .fr-icon {
1798
- font-size: 20px;
1799
- font-weight: 400;
1800
- padding: 6px; }
1801
- .royal-theme.fr-popup .fr-icon-container {
1802
- padding: 20px;
1803
- max-height: 200px;
1804
- overflow: auto;
1805
- -webkit-box-sizing: border-box;
1806
- -moz-box-sizing: border-box;
1807
- box-sizing: border-box; }
1808
- @supports not (-ms-high-contrast: none) {
1809
- .royal-theme.fr-popup .fr-icon-container {
1810
- grid-template-columns: repeat(auto-fill, minmax(36px, 36px)); } }
1811
- @media (min-width: 768px) {
1812
- .royal-theme.fr-popup .fr-icon-container {
1813
- min-width: 276px; } }
1814
- @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
1815
- .royal-theme.fr-popup .fr-icon-container {
1816
- width: 236px; } }
1817
- .royal-theme.fr-popup .fr-input-focus {
1818
- background: whitesmoke; }
1819
- .royal-theme.fr-popup.fr-above {
1820
- border-top: 0; }
1821
- .royal-theme.fr-popup.fr-hidden {
1822
- -webkit-opacity: 0;
1823
- -moz-opacity: 0;
1824
- opacity: 0;
1825
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1826
- .royal-theme.fr-popup .fr-input-line {
1827
- padding: 15px 0; }
1828
- .royal-theme.fr-popup .fr-input-line input[type="text"], .royal-theme.fr-popup .fr-input-line textarea {
1829
- margin-bottom: 1px;
1830
- border-radius: 2px;
1831
- -moz-border-radius: 2px;
1832
- -webkit-border-radius: 2px;
1833
- -moz-background-clip: padding;
1834
- -webkit-background-clip: padding-box;
1835
- background-clip: padding-box;
1836
- border: solid 1px #999999;
1837
- color: #222222;
1838
- font-size: 14px;
1839
- background: #FFF;
1840
- padding: 4px 12px;
1841
- -webkit-box-sizing: border-box;
1842
- -moz-box-sizing: border-box;
1843
- box-sizing: border-box;
1844
- -webkit-transition: border 0.5s, padding 0.5s;
1845
- -moz-transition: border 0.5s, padding 0.5s;
1846
- -ms-transition: border 0.5s, padding 0.5s;
1847
- -o-transition: border 0.5s, padding 0.5s; }
1848
- .royal-theme.fr-popup .fr-input-line input[type="text"]:hover, .royal-theme.fr-popup .fr-input-line textarea:hover {
1849
- border: solid 1px #515151; }
1850
- .royal-theme.fr-popup .fr-input-line input[type="text"]:focus, .royal-theme.fr-popup .fr-input-line textarea:focus {
1851
- border: solid 2px #0098f7;
1852
- padding: 3px 11px; }
1853
- .royal-theme.fr-popup .fr-input-line input[type="text"] {
1854
- height: 46px; }
1855
- .royal-theme.fr-popup .fr-input-line input + label, .royal-theme.fr-popup .fr-input-line textarea + label {
1856
- top: 29px;
1857
- left: 12px;
1858
- font-size: 14px;
1859
- -webkit-transition: all 0.5s ease;
1860
- -moz-transition: all 0.5s ease;
1861
- -ms-transition: all 0.5s ease;
1862
- -o-transition: all 0.5s ease;
1863
- background: #FFF;
1864
- padding: 0; }
1865
- .royal-theme.fr-popup .fr-input-line input.fr-not-empty + label, .royal-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
1866
- color: gray;
1867
- width: auto;
1868
- left: 4px;
1869
- padding: 0 4px;
1870
- font-size: 11px;
1871
- top: 9px; }
1872
- .royal-theme.fr-popup input, .royal-theme.fr-popup textarea {
1873
- user-select: text;
1874
- -o-user-select: text;
1875
- -moz-user-select: text;
1876
- -khtml-user-select: text;
1877
- -webkit-user-select: text;
1878
- -ms-user-select: text;
1879
- border-radius: 0;
1880
- -moz-border-radius: 0;
1881
- -webkit-border-radius: 0;
1882
- -moz-background-clip: padding;
1883
- -webkit-background-clip: padding-box;
1884
- background-clip: padding-box; }
1885
- .royal-theme.fr-popup .fr-buttons {
1886
- line-height: 0; }
1887
- .royal-theme.fr-popup .fr-buttons .fr-btn {
1888
- margin-left: 4px;
1889
- margin-right: 4px; }
1890
- .royal-theme.fr-popup .fr-buttons.fr-tabs {
1891
- border-radius: 6px 6px 0 0;
1892
- -moz-border-radius: 6px 6px 0 0;
1893
- -webkit-border-radius: 6px 6px 0 0;
1894
- -moz-background-clip: padding;
1895
- -webkit-background-clip: padding-box;
1896
- background-clip: padding-box;
1897
- background-color: #f5f5f5; }
1898
- @media (max-width: 768px) {
1899
- .royal-theme.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
1900
- width: 276px; } }
1901
- .royal-theme.fr-popup .fr-buttons:not(.fr-tabs) {
1902
- padding: 5px; }
1903
- .royal-theme.fr-popup .fr-layer {
1904
- border-radius: 6px;
1905
- -moz-border-radius: 6px;
1906
- -webkit-border-radius: 6px;
1907
- -moz-background-clip: padding;
1908
- -webkit-background-clip: padding-box;
1909
- background-clip: padding-box;
1910
- width: 195px;
1911
- -webkit-box-sizing: border-box;
1912
- -moz-box-sizing: border-box;
1913
- box-sizing: border-box;
1914
- margin: 20px; }
1915
- @media (min-width: 768px) {
1916
- .royal-theme.fr-popup .fr-layer {
1917
- width: 260px; } }
1918
- .royal-theme.fr-popup .fr-action-buttons {
1919
- height: 36px; }
1920
- .royal-theme.fr-popup .fr-action-buttons button.fr-command {
1921
- height: 36px;
1922
- color: #0098f7;
1923
- padding: 10px;
1924
- font-size: 16px;
1925
- -webkit-transition: background 0.2s ease 0s;
1926
- -moz-transition: background 0.2s ease 0s;
1927
- -ms-transition: background 0.2s ease 0s;
1928
- -o-transition: background 0.2s ease 0s;
1929
- border-radius: 2px;
1930
- -moz-border-radius: 2px;
1931
- -webkit-border-radius: 2px;
1932
- -moz-background-clip: padding;
1933
- -webkit-background-clip: padding-box;
1934
- background-clip: padding-box; }
1935
- .royal-theme.fr-popup .fr-action-buttons button.fr-command:hover, .royal-theme.fr-popup .fr-action-buttons button.fr-command:focus {
1936
- background: #ebebeb;
1937
- color: #0098f7; }
1938
- .royal-theme.fr-popup .fr-action-buttons button.fr-command:active {
1939
- background: #d6d6d6;
1940
- color: #0098f7; }
1941
- .royal-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
1942
- border: 0; }
1943
- .royal-theme.fr-popup .fr-checkbox {
1944
- width: 18px;
1945
- height: 18px;
1946
- padding: 10px;
1947
- -webkit-box-sizing: content-box;
1948
- -moz-box-sizing: content-box;
1949
- box-sizing: content-box; }
1950
- .royal-theme.fr-popup .fr-checkbox svg {
1951
- margin-left: 2px;
1952
- margin-top: 2px;
1953
- width: 10px;
1954
- height: 10px; }
1955
- .royal-theme.fr-popup .fr-checkbox span {
1956
- border-radius: 2px;
1957
- -moz-border-radius: 2px;
1958
- -webkit-border-radius: 2px;
1959
- -moz-background-clip: padding;
1960
- -webkit-background-clip: padding-box;
1961
- background-clip: padding-box;
1962
- width: 18px;
1963
- height: 18px;
1964
- -webkit-box-sizing: border-box;
1965
- -moz-box-sizing: border-box;
1966
- box-sizing: border-box;
1967
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1968
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1969
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1970
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
1971
- .royal-theme.fr-popup .fr-checkbox input {
1972
- -webkit-opacity: 0;
1973
- -moz-opacity: 0;
1974
- opacity: 0;
1975
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1976
- height: 18px;
1977
- margin: 0;
1978
- padding: 0;
1979
- width: 18px; }
1980
- .royal-theme.fr-popup .fr-checkbox input:not(:checked) + span {
1981
- border: solid 2px #999999; }
1982
- .royal-theme.fr-popup .fr-checkbox input:not(:checked):active + span {
1983
- background-color: #f5f5f5; }
1984
- .royal-theme.fr-popup .fr-checkbox input:not(:checked):focus + span, .royal-theme.fr-popup .fr-checkbox input:not(:checked):hover + span {
1985
- border-color: #515151; }
1986
- .royal-theme.fr-popup .fr-checkbox input:checked + span {
1987
- background: #0098f7;
1988
- border: solid 2px #0098f7; }
1989
- .royal-theme.fr-popup .fr-checkbox input:checked:active + span {
1990
- background-color: #EcF5Ff; }
1991
- .royal-theme.fr-popup .fr-checkbox input:checked:focus + span, .royal-theme.fr-popup .fr-checkbox input:checked:hover + span {
1992
- -webkit-opacity: 0.8;
1993
- -moz-opacity: 0.8;
1994
- opacity: 0.8;
1995
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1996
- .royal-theme.fr-popup .fr-checkbox-line {
1997
- font-size: 14px;
1998
- line-height: 1.4px;
1999
- margin-top: 10px; }
2000
- .royal-theme.fr-popup .fr-checkbox-line label {
2001
- margin: 0 5px; }
2002
- .royal-theme.fr-popup.fr-rtl .fr-input-line input + label, .royal-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
2003
- left: auto;
2004
- right: 0; }
2005
- .royal-theme .fr-text-edit-layer {
2006
- -webkit-box-sizing: border-box;
2007
- -moz-box-sizing: border-box;
2008
- box-sizing: border-box; }
2009
- .royal-theme.fr-toolbar {
2010
- color: #222222;
2011
- background: #FFF;
2012
- font-family: Arial, Helvetica, sans-serif;
2013
- -webkit-box-sizing: border-box;
2014
- -moz-box-sizing: border-box;
2015
- box-sizing: border-box;
2016
- user-select: none;
2017
- -o-user-select: none;
2018
- -moz-user-select: none;
2019
- -khtml-user-select: none;
2020
- -webkit-user-select: none;
2021
- -ms-user-select: none;
2022
- border-radius: 2px;
2023
- -moz-border-radius: 2px;
2024
- -webkit-border-radius: 2px;
2025
- -moz-background-clip: padding;
2026
- -webkit-background-clip: padding-box;
2027
- background-clip: padding-box;
2028
- border: 1px solid #CCCCCC;
2029
- -webkit-font-smoothing: antialiased;
2030
- -moz-osx-font-smoothing: grayscale;
2031
- padding-bottom: 0;
2032
- -webkit-transition: padding-bottom 0.5s;
2033
- -moz-transition: padding-bottom 0.5s;
2034
- -ms-transition: padding-bottom 0.5s;
2035
- -o-transition: padding-bottom 0.5s; }
2036
- .royal-theme.fr-toolbar::after {
2037
- clear: both;
2038
- display: block;
2039
- content: "";
2040
- height: 0; }
2041
- .royal-theme.fr-toolbar::after {
2042
- height: 0; }
2043
- .royal-theme.fr-toolbar .fr-newline {
2044
- margin-left: 9px;
2045
- margin-right: 9px;
2046
- background: #efefef;
2047
- height: 1px;
2048
- -webkit-transition: height 0.5s;
2049
- -moz-transition: height 0.5s;
2050
- -ms-transition: height 0.5s;
2051
- -o-transition: height 0.5s; }
2052
- .royal-theme.fr-toolbar.fr-toolbar-open .fr-newline {
2053
- height: 0; }
2054
- .royal-theme.fr-toolbar .fr-more-toolbar {
2055
- border-radius: 0;
2056
- -moz-border-radius: 0;
2057
- -webkit-border-radius: 0;
2058
- -moz-background-clip: padding;
2059
- -webkit-background-clip: padding-box;
2060
- background-clip: padding-box;
2061
- background-color: #f5f5f5;
2062
- -webkit-transition: height 0.5s;
2063
- -moz-transition: height 0.5s;
2064
- -ms-transition: height 0.5s;
2065
- -o-transition: height 0.5s;
2066
- height: 0;
2067
- -webkit-box-sizing: border-box;
2068
- -moz-box-sizing: border-box;
2069
- box-sizing: border-box; }
2070
- .royal-theme.fr-toolbar .fr-more-toolbar.fr-expanded {
2071
- height: 48px; }
2072
- .royal-theme.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
2073
- margin-left: 4px;
2074
- margin-right: 4px; }
2075
- .royal-theme.fr-toolbar .fr-btn-grp {
2076
- margin: 0 17px 0 12px; }
2077
- @media (max-width: 768px) {
2078
- .royal-theme.fr-toolbar .fr-btn-grp {
2079
- margin: 0 7px 0 6px; } }
2080
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-open {
2081
- margin-top: 10px;
2082
- margin-bottom: -1px;
2083
- border-radius: 4px 4px 0 0;
2084
- -moz-border-radius: 4px 4px 0 0;
2085
- -webkit-border-radius: 4px 4px 0 0;
2086
- -moz-background-clip: padding;
2087
- -webkit-background-clip: padding-box;
2088
- background-clip: padding-box; }
2089
- .royal-theme.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
2090
- background: #f5f5f5; }
2091
- .royal-theme.fr-toolbar.fr-inline {
2092
- -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);
2093
- -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);
2094
- 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);
2095
- border: 0;
2096
- z-index: 2147483630; }
2097
- .royal-theme.fr-toolbar.fr-inline.fr-above {
2098
- border-top: 0; }
2099
- .royal-theme.fr-toolbar.fr-inline .fr-newline {
2100
- height: 0; }
2101
- .royal-theme.fr-toolbar.fr-top {
2102
- top: 0;
2103
- border-bottom: 0;
2104
- border-radius: 10px 10px 0 0;
2105
- -moz-border-radius: 10px 10px 0 0;
2106
- -webkit-border-radius: 10px 10px 0 0;
2107
- -moz-background-clip: padding;
2108
- -webkit-background-clip: padding-box;
2109
- background-clip: padding-box; }
2110
- .royal-theme.fr-toolbar.fr-bottom {
2111
- bottom: 0;
2112
- border-top: 0;
2113
- padding-bottom: 0;
2114
- border-radius: 0 0 10px 10px;
2115
- -moz-border-radius: 0 0 10px 10px;
2116
- -webkit-border-radius: 0 0 10px 10px;
2117
- -moz-background-clip: padding;
2118
- -webkit-background-clip: padding-box;
2119
- background-clip: padding-box; }
2120
- .royal-theme.fr-toolbar.fr-bottom .fr-newline {
2121
- padding-top: 0;
2122
- -webkit-transition: padding-top 0.5s;
2123
- -moz-transition: padding-top 0.5s;
2124
- -ms-transition: padding-top 0.5s;
2125
- -o-transition: padding-top 0.5s; }
2126
- .royal-theme.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
2127
- padding-top: 48px;
2128
- background: #FFF; }
2129
- .royal-theme.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
2130
- margin-top: -1px;
2131
- margin-bottom: 10px;
2132
- border-radius: 0 0 4px 4px;
2133
- -moz-border-radius: 0 0 4px 4px;
2134
- -webkit-border-radius: 0 0 4px 4px;
2135
- -moz-background-clip: padding;
2136
- -webkit-background-clip: padding-box;
2137
- background-clip: padding-box; }
2138
- .royal-theme.fr-toolbar.fr-sticky-on {
2139
- border-radius: 0;
2140
- -moz-border-radius: 0;
2141
- -webkit-border-radius: 0;
2142
- -moz-background-clip: padding;
2143
- -webkit-background-clip: padding-box;
2144
- background-clip: padding-box; }
2145
- .royal-theme .fr-separator {
2146
- background: #ebebeb; }
2147
- .royal-theme .fr-separator.fr-vs {
2148
- height: 32px;
2149
- width: 1px;
2150
- margin: 8px 4px; }
2151
- .royal-theme .fr-separator.fr-hs {
2152
- width: calc(100% - (2 * 4px));
2153
- margin: 0 4px;
2154
- height: 1px; }
2155
- .royal-theme .fr-second-toolbar {
2156
- border: 1px solid #CCCCCC;
2157
- border-top: 0;
2158
- background: #FFF;
2159
- border-radius: 0 0 10px 10px;
2160
- -moz-border-radius: 0 0 10px 10px;
2161
- -webkit-border-radius: 0 0 10px 10px;
2162
- -moz-background-clip: padding;
2163
- -webkit-background-clip: padding-box;
2164
- background-clip: padding-box; }
2165
- .royal-theme .fr-second-toolbar::after {
2166
- clear: both;
2167
- display: block;
2168
- content: "";
2169
- height: 0; }
2170
- .royal-theme #fr-logo > span {
2171
- padding: 11px 5px 10px 15px;
2172
- font-size: 12px;
2173
- font-weight: 500;
2174
- color: #b1b2b7;
2175
- -webkit-transition: color 0.3s;
2176
- -moz-transition: color 0.3s;
2177
- -ms-transition: color 0.3s;
2178
- -o-transition: color 0.3s; }
2179
- .royal-theme #fr-logo > svg {
2180
- height: 20px;
2181
- width: 47px;
2182
- margin: 7px 0; }
2183
- .royal-theme #fr-logo > svg * {
2184
- -webkit-transition: fill 0.3s;
2185
- -moz-transition: fill 0.3s;
2186
- -ms-transition: fill 0.3s;
2187
- -o-transition: fill 0.3s; }
2188
- .royal-theme #fr-logo:hover > span, .royal-theme #fr-logo:focus > span {
2189
- color: #0098f7; }
2190
- .royal-theme #fr-logo:hover > svg .fr-logo, .royal-theme #fr-logo:focus > svg .fr-logo {
2191
- fill: #0098f7; }
7
+ .fr-clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0; }
12
+
13
+ .fr-hide-by-clipping {
14
+ position: absolute;
15
+ width: 1px;
16
+ height: 1px;
17
+ padding: 0;
18
+ margin: -1px;
19
+ overflow: hidden;
20
+ clip: rect(0, 0, 0, 0);
21
+ border: 0; }
22
+
23
+ .royal-theme.fr-box.fr-basic {
24
+ border-radius: 10px;
25
+ -moz-border-radius: 10px;
26
+ -webkit-border-radius: 10px;
27
+ -moz-background-clip: padding;
28
+ -webkit-background-clip: padding-box;
29
+ background-clip: padding-box; }
30
+ .royal-theme.fr-box.fr-basic .fr-element {
31
+ font-family: sans-serif;
32
+ color: #414141;
33
+ font-size: 14px;
34
+ line-height: 1.6;
35
+ padding: 20px;
36
+ -webkit-box-sizing: border-box;
37
+ -moz-box-sizing: border-box;
38
+ box-sizing: border-box;
39
+ overflow-x: auto;
40
+ min-height: 60px;
41
+ text-align: left; }
42
+ .royal-theme .fr-element {
43
+ -webkit-user-select: auto; }
44
+ .royal-theme .fr-element a {
45
+ user-select: auto;
46
+ -o-user-select: auto;
47
+ -moz-user-select: auto;
48
+ -khtml-user-select: auto;
49
+ -webkit-user-select: auto;
50
+ -ms-user-select: auto; }
51
+ .royal-theme .fr-element.fr-disabled {
52
+ user-select: none;
53
+ -o-user-select: none;
54
+ -moz-user-select: none;
55
+ -khtml-user-select: none;
56
+ -webkit-user-select: none;
57
+ -ms-user-select: none; }
58
+ .royal-theme.fr-box a.fr-floating-btn {
59
+ -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);
60
+ -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);
61
+ 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);
62
+ border-radius: 100%;
63
+ -moz-border-radius: 100%;
64
+ -webkit-border-radius: 100%;
65
+ -moz-background-clip: padding;
66
+ -webkit-background-clip: padding-box;
67
+ background-clip: padding-box;
68
+ height: 40px;
69
+ width: 40px;
70
+ background: #FFF;
71
+ color: #333333;
72
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
73
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
74
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
75
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
76
+ left: 0;
77
+ top: 0;
78
+ line-height: 40px;
79
+ -webkit-transform: scale(0);
80
+ -moz-transform: scale(0);
81
+ -ms-transform: scale(0);
82
+ -o-transform: scale(0);
83
+ -webkit-box-sizing: border-box;
84
+ -moz-box-sizing: border-box;
85
+ box-sizing: border-box;
86
+ border: none; }
87
+ .royal-theme.fr-box a.fr-floating-btn svg {
88
+ -webkit-transition: transform 0.2s ease 0s;
89
+ -moz-transition: transform 0.2s ease 0s;
90
+ -ms-transition: transform 0.2s ease 0s;
91
+ -o-transition: transform 0.2s ease 0s;
92
+ fill: #333333; }
93
+ .royal-theme.fr-box a.fr-floating-btn i, .royal-theme.fr-box a.fr-floating-btn svg {
94
+ font-size: 14px;
95
+ line-height: 40px; }
96
+ .royal-theme.fr-box a.fr-floating-btn:hover {
97
+ background: #ebebeb; }
98
+ .royal-theme.fr-box a.fr-floating-btn:hover svg {
99
+ fill: #333333; }
100
+ .royal-theme.fr-box .fr-visible a.fr-floating-btn {
101
+ -webkit-transform: scale(1);
102
+ -moz-transform: scale(1);
103
+ -ms-transform: scale(1);
104
+ -o-transform: scale(1); }
105
+ .royal-theme iframe.fr-iframe {
106
+ -webkit-box-sizing: border-box;
107
+ -moz-box-sizing: border-box;
108
+ box-sizing: border-box; }
109
+ .royal-theme .fr-wrapper::after {
110
+ clear: both;
111
+ display: block;
112
+ content: "";
113
+ height: 0; }
114
+ .royal-theme .fr-wrapper .fr-placeholder {
115
+ font-size: 14px;
116
+ color: #AAA;
117
+ font-family: sans-serif;
118
+ top: 0;
119
+ left: 0;
120
+ right: 0; }
121
+ .royal-theme .fr-wrapper ::-moz-selection {
122
+ background: rgba(181, 214, 253, 0.8);
123
+ color: #000; }
124
+ .royal-theme .fr-wrapper ::selection {
125
+ background: rgba(181, 214, 253, 0.8);
126
+ color: #000; }
127
+ .royal-theme.fr-box.fr-basic .fr-wrapper {
128
+ background: #FFF;
129
+ border: 1px solid #CCCCCC;
130
+ border-bottom-color: #efefef;
131
+ top: 0;
132
+ left: 0; }
133
+ .royal-theme.fr-box.fr-basic.fr-top .fr-wrapper {
134
+ border-top: 0; }
135
+ .royal-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
136
+ border-bottom: 0;
137
+ border-radius: 10px 10px 0 0;
138
+ -moz-border-radius: 10px 10px 0 0;
139
+ -webkit-border-radius: 10px 10px 0 0;
140
+ -moz-background-clip: padding;
141
+ -webkit-background-clip: padding-box;
142
+ background-clip: padding-box; }
143
+ @media (min-width: 992px) {
144
+ .royal-theme .fr-box.fr-document .fr-wrapper {
145
+ padding: 30px;
146
+ background: #efefef; }
147
+ .royal-theme .fr-box.fr-document .fr-wrapper .fr-element {
148
+ background: #FFF;
149
+ margin: auto;
150
+ z-index: auto; }
151
+ .royal-theme .fr-box.fr-document .fr-wrapper .fr-element hr {
152
+ background: #efefef; } }
153
+ .royal-theme .fr-sticky-on {
154
+ z-index: 10; }
155
+ .royal-theme .fr-sticky-on.fr-sticky-ios {
156
+ left: 0;
157
+ right: 0; }
158
+ .royal-theme span.fr-sr-only {
159
+ position: absolute;
160
+ width: 1px;
161
+ height: 1px;
162
+ padding: 0;
163
+ margin: -1px;
164
+ overflow: hidden;
165
+ clip: rect(0, 0, 0, 0);
166
+ border: 0; }
167
+ .royal-theme .fr-track-hide-mobile {
168
+ width: 0;
169
+ height: 0; }
170
+ .royal-theme .fr-opacity-0 {
171
+ -webkit-opacity: 0;
172
+ -moz-opacity: 0;
173
+ opacity: 0;
174
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
175
+ .royal-theme.fr-box .fr-counter {
176
+ padding: 10px;
177
+ color: #999999;
178
+ font-size: 14px;
179
+ font-family: sans-serif;
180
+ border-radius: 2px 0 0 0;
181
+ -moz-border-radius: 2px 0 0 0;
182
+ -webkit-border-radius: 2px 0 0 0;
183
+ -moz-background-clip: padding;
184
+ -webkit-background-clip: padding-box;
185
+ background-clip: padding-box; }
186
+ .royal-theme.fr-box.fr-rtl .fr-counter {
187
+ left: 0;
188
+ right: auto;
189
+ border-radius: 0 2px 0 0;
190
+ -moz-border-radius: 0 2px 0 0;
191
+ -webkit-border-radius: 0 2px 0 0;
192
+ -moz-background-clip: padding;
193
+ -webkit-background-clip: padding-box;
194
+ background-clip: padding-box; }
195
+ .royal-theme textarea.fr-code {
196
+ resize: none;
197
+ -moz-resize: none;
198
+ -webkit-resize: none;
199
+ -webkit-box-sizing: border-box;
200
+ -moz-box-sizing: border-box;
201
+ box-sizing: border-box;
202
+ margin: 0;
203
+ background: #FFF;
204
+ color: #000; }
205
+ .royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
206
+ top: 0;
207
+ right: 0;
208
+ background: #FFF;
209
+ color: #333333;
210
+ -moz-outline: 0;
211
+ outline: 0;
212
+ border: 0;
213
+ padding: 8px 7px;
214
+ -webkit-transition: background 0.2s ease 0s;
215
+ -moz-transition: background 0.2s ease 0s;
216
+ -ms-transition: background 0.2s ease 0s;
217
+ -o-transition: background 0.2s ease 0s;
218
+ border-radius: 0;
219
+ -moz-border-radius: 0;
220
+ -webkit-border-radius: 0;
221
+ -moz-background-clip: padding;
222
+ -webkit-background-clip: padding-box;
223
+ background-clip: padding-box;
224
+ -webkit-box-sizing: border-box;
225
+ -moz-box-sizing: border-box;
226
+ box-sizing: border-box;
227
+ user-select: none;
228
+ -o-user-select: none;
229
+ -moz-user-select: none;
230
+ -khtml-user-select: none;
231
+ -webkit-user-select: none;
232
+ -ms-user-select: none; }
233
+ .royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
234
+ font-size: 24px;
235
+ width: 24px; }
236
+ .royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
237
+ background: #ebebeb; }
238
+ .royal-theme.fr-popup .fr-layer.fr-color-hex-layer {
239
+ margin: 0;
240
+ padding: 20px;
241
+ padding-top: 0; }
242
+ .royal-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
243
+ padding: 15px 0 0; }
244
+ .royal-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
245
+ width: 38px;
246
+ height: 40px;
247
+ padding: 17px 0 0;
248
+ margin: 0; }
249
+ .royal-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
250
+ border-radius: 2px;
251
+ -moz-border-radius: 2px;
252
+ -webkit-border-radius: 2px;
253
+ -moz-background-clip: padding;
254
+ -webkit-background-clip: padding-box;
255
+ background-clip: padding-box;
256
+ font-size: 13px;
257
+ height: 40px;
258
+ width: 38px; }
259
+ .royal-theme.fr-popup .fr-color-set {
260
+ line-height: 0; }
261
+ .royal-theme.fr-popup .fr-color-set.fr-selected-set {
262
+ padding: 20px;
263
+ padding-bottom: 0; }
264
+ .royal-theme.fr-popup .fr-color-set > span {
265
+ width: 32px;
266
+ height: 32px; }
267
+ .royal-theme.fr-popup .fr-color-set > span > i, .royal-theme.fr-popup .fr-color-set > span > svg {
268
+ line-height: 32px;
269
+ height: 24px;
270
+ width: 24px;
271
+ margin: 4px;
272
+ font-size: 13px;
273
+ bottom: 0;
274
+ left: 0; }
275
+ .royal-theme.fr-popup .fr-color-set > span > i path, .royal-theme.fr-popup .fr-color-set > span > svg path {
276
+ fill: #222222; }
277
+ .royal-theme.fr-popup .fr-color-set > span .fr-selected-color {
278
+ color: #FFF;
279
+ font-size: 13px;
280
+ font-weight: 400;
281
+ line-height: 32px;
282
+ top: 0;
283
+ bottom: 0;
284
+ right: 0;
285
+ left: 0; }
286
+ .royal-theme.fr-popup .fr-color-set > span:hover, .royal-theme.fr-popup .fr-color-set > span:focus {
287
+ outline: 1px solid #222222; }
288
+ .royal-theme.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
289
+ -webkit-transform: translate3d(100%, 0, 0);
290
+ -moz-transform: translate3d(100%, 0, 0);
291
+ -ms-transform: translate3d(100%, 0, 0);
292
+ -o-transform: translate3d(100%, 0, 0); }
293
+ .royal-theme .fr-drag-helper {
294
+ background: #0098f7;
295
+ -webkit-opacity: 0.2;
296
+ -moz-opacity: 0.2;
297
+ opacity: 0.2;
298
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
299
+ z-index: 2147483640; }
300
+ .royal-theme .fr-dragging {
301
+ -webkit-opacity: 0.4;
302
+ -moz-opacity: 0.4;
303
+ opacity: 0.4;
304
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
305
+ .royal-theme.fr-popup .fr-emoticon {
306
+ width: 24px;
307
+ height: 24px; }
308
+ .royal-theme.fr-popup .fr-emoticon img {
309
+ height: 24px;
310
+ width: 24px; }
311
+ .royal-theme.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
312
+ padding: 0 0 0 14px; }
313
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
314
+ .royal-theme.fr-popup .fr-icon-container.fr-emoticon-container {
315
+ width: 368px; } }
316
+ .royal-theme.fr-popup .fr-file-upload-layer {
317
+ border: dashed 2px #bdbdbd;
318
+ padding: 25px 0;
319
+ margin: 20px;
320
+ -webkit-box-sizing: border-box;
321
+ -moz-box-sizing: border-box;
322
+ box-sizing: border-box; }
323
+ .royal-theme.fr-popup .fr-file-upload-layer:hover {
324
+ background: #ebebeb; }
325
+ .royal-theme.fr-popup .fr-file-upload-layer.fr-drop {
326
+ background: #ebebeb;
327
+ border-color: #0098f7; }
328
+ .royal-theme.fr-popup .fr-file-upload-layer .fr-form {
329
+ -webkit-opacity: 0;
330
+ -moz-opacity: 0;
331
+ opacity: 0;
332
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
333
+ top: 0;
334
+ bottom: 0;
335
+ left: 0;
336
+ right: 0;
337
+ z-index: 2147483640; }
338
+ .royal-theme.fr-popup .fr-file-upload-layer .fr-form input {
339
+ right: 0;
340
+ top: 0;
341
+ bottom: 0;
342
+ margin: 0; }
343
+ .royal-theme.fr-popup .fr-file-progress-bar-layer {
344
+ -webkit-box-sizing: border-box;
345
+ -moz-box-sizing: border-box;
346
+ box-sizing: border-box; }
347
+ .royal-theme.fr-popup .fr-file-progress-bar-layer > h3 {
348
+ margin: 10px 0; }
349
+ .royal-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
350
+ background: #b3e0fd; }
351
+ .royal-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
352
+ background: #0098f7;
353
+ -webkit-transition: width 0.2s ease 0s;
354
+ -moz-transition: width 0.2s ease 0s;
355
+ -ms-transition: width 0.2s ease 0s;
356
+ -o-transition: width 0.2s ease 0s; }
357
+ .royal-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
358
+ top: 0;
359
+ -webkit-animation: loading 2s linear infinite;
360
+ -moz-animation: loading 2s linear infinite;
361
+ -o-animation: loading 2s linear infinite;
362
+ animation: loading 2s linear infinite; }
363
+ .royal-theme .fr-element img {
364
+ padding: 0 1px; }
365
+ .royal-theme .fr-image-resizer {
366
+ border: solid 1px #0098f7;
367
+ user-select: none;
368
+ -o-user-select: none;
369
+ -moz-user-select: none;
370
+ -khtml-user-select: none;
371
+ -webkit-user-select: none;
372
+ -ms-user-select: none;
373
+ -webkit-box-sizing: content-box;
374
+ -moz-box-sizing: content-box;
375
+ box-sizing: content-box; }
376
+ .royal-theme .fr-image-resizer .fr-handler {
377
+ background: #0098f7;
378
+ border: solid 1px #FFF;
379
+ border-radius: 2px;
380
+ -moz-border-radius: 2px;
381
+ -webkit-border-radius: 2px;
382
+ -moz-background-clip: padding;
383
+ -webkit-background-clip: padding-box;
384
+ background-clip: padding-box;
385
+ -webkit-box-sizing: border-box;
386
+ -moz-box-sizing: border-box;
387
+ box-sizing: border-box; }
388
+ .royal-theme .fr-image-resizer .fr-handler {
389
+ width: 12px;
390
+ height: 12px; }
391
+ .royal-theme .fr-image-resizer .fr-handler.fr-hnw {
392
+ left: -6px;
393
+ top: -6px; }
394
+ .royal-theme .fr-image-resizer .fr-handler.fr-hne {
395
+ right: -6px;
396
+ top: -6px; }
397
+ .royal-theme .fr-image-resizer .fr-handler.fr-hsw {
398
+ left: -6px;
399
+ bottom: -6px; }
400
+ .royal-theme .fr-image-resizer .fr-handler.fr-hse {
401
+ right: -6px;
402
+ bottom: -6px; }
403
+ @media (min-width: 1200px) {
404
+ .royal-theme .fr-image-resizer .fr-handler {
405
+ width: 10px;
406
+ height: 10px; }
407
+ .royal-theme .fr-image-resizer .fr-handler.fr-hnw {
408
+ left: -5px;
409
+ top: -5px; }
410
+ .royal-theme .fr-image-resizer .fr-handler.fr-hne {
411
+ right: -5px;
412
+ top: -5px; }
413
+ .royal-theme .fr-image-resizer .fr-handler.fr-hsw {
414
+ left: -5px;
415
+ bottom: -5px; }
416
+ .royal-theme .fr-image-resizer .fr-handler.fr-hse {
417
+ right: -5px;
418
+ bottom: -5px; } }
419
+ .royal-theme.fr-image-overlay {
420
+ top: 0;
421
+ left: 0;
422
+ bottom: 0;
423
+ right: 0;
424
+ z-index: 2147483640; }
425
+ .royal-theme .fr-by-url-padding {
426
+ padding: 11.5px 0; }
427
+ .royal-theme.fr-popup .fr-upload-progress-layer {
428
+ border-radius: 0;
429
+ overflow-y: auto; }
430
+ .royal-theme.fr-popup .fr-files-upload-layer {
431
+ border: dashed 2px #bdbdbd;
432
+ margin: 20px; }
433
+ .royal-theme.fr-popup .fr-files-upload-layer:hover {
434
+ background: #ebebeb; }
435
+ .royal-theme.fr-popup .fr-files-upload-layer.fr-drop {
436
+ background: #ebebeb;
437
+ border-color: #0098f7; }
438
+ .royal-theme.fr-popup .fr-files-upload-layer .fr-form {
439
+ -webkit-opacity: 0;
440
+ -moz-opacity: 0;
441
+ opacity: 0;
442
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
443
+ top: 0;
444
+ bottom: 0;
445
+ left: 0;
446
+ right: 0;
447
+ z-index: 2147483640; }
448
+ .royal-theme.fr-popup .fr-files-upload-layer .fr-form input {
449
+ right: 0;
450
+ top: 0;
451
+ bottom: 0;
452
+ margin: 0; }
453
+ .royal-theme.fr-popup .fr-files-progress-bar-layer > h3 {
454
+ margin: 10px 0; }
455
+ .royal-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
456
+ background: #b3e0fd; }
457
+ .royal-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
458
+ background: #0098f7;
459
+ -webkit-transition: width 0.2s ease 0s;
460
+ -moz-transition: width 0.2s ease 0s;
461
+ -ms-transition: width 0.2s ease 0s;
462
+ -o-transition: width 0.2s ease 0s; }
463
+ .royal-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
464
+ top: 0;
465
+ -webkit-animation: loading 2s linear infinite;
466
+ -moz-animation: loading 2s linear infinite;
467
+ -o-animation: loading 2s linear infinite;
468
+ animation: loading 2s linear infinite; }
469
+ .royal-theme .fr-progress-bar {
470
+ background-color: #4CAF50; }
471
+ .royal-theme .fr-uploading {
472
+ -webkit-opacity: 0.4;
473
+ -moz-opacity: 0.4;
474
+ opacity: 0.4;
475
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
476
+ .royal-theme .fr-icons {
477
+ padding: 10px 20px 0; }
478
+ .royal-theme .half-circle {
479
+ border-bottom: 0; }
480
+ .royal-theme .checkbox-container input {
481
+ opacity: 0;
482
+ height: 0;
483
+ width: 0; }
484
+ .royal-theme .checkmark {
485
+ top: 0;
486
+ left: 0; }
487
+ .royal-theme .fr-cloud-icon {
488
+ margin: 0 auto; }
489
+ .royal-theme .fr-files-checkbox {
490
+ -webkit-box-sizing: content-box;
491
+ -moz-box-sizing: content-box;
492
+ box-sizing: content-box; }
493
+ .royal-theme .fr-files-checkbox svg {
494
+ width: 10px;
495
+ height: 10px; }
496
+ .royal-theme .fr-files-checkbox span {
497
+ border-radius: 2px;
498
+ -moz-border-radius: 2px;
499
+ -webkit-border-radius: 2px;
500
+ -moz-background-clip: padding;
501
+ -webkit-background-clip: padding-box;
502
+ background-clip: padding-box;
503
+ -webkit-box-sizing: border-box;
504
+ -moz-box-sizing: border-box;
505
+ box-sizing: border-box;
506
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
507
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
508
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
509
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
510
+ .royal-theme .fr-files-checkbox input {
511
+ -webkit-opacity: 0;
512
+ -moz-opacity: 0;
513
+ opacity: 0;
514
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
515
+ height: 18px;
516
+ margin: 0;
517
+ padding: 0;
518
+ width: 18px; }
519
+ .royal-theme .fr-files-checkbox input:not(:checked) + span {
520
+ border: solid 2px #999999; }
521
+ .royal-theme .fr-files-checkbox input:not(:checked):active + span {
522
+ background-color: #f5f5f5; }
523
+ .royal-theme .fr-files-checkbox input:not(:checked):focus + span, .royal-theme .fr-files-checkbox input:not(:checked):hover + span {
524
+ border-color: #515151; }
525
+ .royal-theme .fr-files-checkbox input:checked + span {
526
+ background: #0098f7;
527
+ border: solid 2px #0098f7; }
528
+ .royal-theme .fr-files-checkbox input:checked:active + span {
529
+ background-color: #EcF5Ff; }
530
+ .royal-theme .fr-files-checkbox input:checked:focus + span, .royal-theme .fr-files-checkbox input:checked:hover + span {
531
+ -webkit-opacity: 0.8;
532
+ -moz-opacity: 0.8;
533
+ opacity: 0.8;
534
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
535
+ .royal-theme .fr-checkbox-disabled {
536
+ -webkit-box-sizing: content-box;
537
+ -moz-box-sizing: content-box;
538
+ box-sizing: content-box; }
539
+ .royal-theme .fr-checkbox-disabled span {
540
+ border-radius: 2px;
541
+ -moz-border-radius: 2px;
542
+ -webkit-border-radius: 2px;
543
+ -moz-background-clip: padding;
544
+ -webkit-background-clip: padding-box;
545
+ background-clip: padding-box;
546
+ -webkit-box-sizing: border-box;
547
+ -moz-box-sizing: border-box;
548
+ box-sizing: border-box;
549
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
550
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
551
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
552
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
553
+ .royal-theme .fr-checkbox-disabled input {
554
+ -webkit-opacity: 0;
555
+ -moz-opacity: 0;
556
+ opacity: 0;
557
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
558
+ margin: 0;
559
+ padding: 0; }
560
+ .royal-theme .fr-checkbox-disabled input:not(:checked) + span {
561
+ border: solid 2px #999999; }
562
+ .royal-theme .fr-checkbox-disabled input:not(:checked):active + span {
563
+ background-color: #f5f5f5; }
564
+ .royal-theme .fr-checkbox-disabled input:checked + span {
565
+ background: #0098f7;
566
+ border: solid 2px #0098f7; }
567
+ .royal-theme .fr-checkbox-disabled input:checked:active + span {
568
+ background-color: #EcF5Ff; }
569
+ .royal-theme .fr-files-manager-tooltip .tooltiptext {
570
+ font-weight: 100; }
571
+ .royal-theme .fr-file-view-modal {
572
+ left: 0;
573
+ top: 0;
574
+ overflow: auto; }
575
+ .royal-theme .fr-file-view-image {
576
+ top: 0;
577
+ bottom: 0;
578
+ left: 0;
579
+ right: 0;
580
+ margin: auto; }
581
+ .royal-theme .fr-file-error {
582
+ font-weight: 200; }
583
+ .royal-theme .fr-autoplay-checkbox-label {
584
+ margin: 0; }
585
+ .royal-theme .checkbox-container .checkmark:after {
586
+ border-width: 0 3px 3px 0; }
587
+ .royal-theme .file-item-details .file-description {
588
+ font-weight: 300; }
589
+ .royal-theme #myprogressBar {
590
+ background-color: #4CAF50; }
591
+ .royal-theme .progress-circle {
592
+ padding: 0; }
593
+ .royal-theme .fr-hovered-over-file {
594
+ background-color: #F0F0F0; }
595
+ .royal-theme.fr-box.fr-fullscreen {
596
+ top: 0;
597
+ left: 0;
598
+ bottom: 0;
599
+ right: 0; }
600
+ .royal-theme.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
601
+ border-radius: 0;
602
+ -moz-border-radius: 0;
603
+ -webkit-border-radius: 0;
604
+ -moz-background-clip: padding;
605
+ -webkit-background-clip: padding-box;
606
+ background-clip: padding-box; }
607
+ .royal-theme.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
608
+ border-radius: 0;
609
+ -moz-border-radius: 0;
610
+ -webkit-border-radius: 0;
611
+ -moz-background-clip: padding;
612
+ -webkit-background-clip: padding-box;
613
+ background-clip: padding-box; }
614
+ .royal-theme.fr-box.fr-fullscreen .fr-toolbar {
615
+ border-radius: 0;
616
+ -moz-border-radius: 0;
617
+ -webkit-border-radius: 0;
618
+ -moz-background-clip: padding;
619
+ -webkit-background-clip: padding-box;
620
+ background-clip: padding-box; }
621
+ .royal-theme.fr-box.fr-fullscreen .fr-second-toolbar {
622
+ margin-top: 0;
623
+ border-radius: 0;
624
+ -moz-border-radius: 0;
625
+ -webkit-border-radius: 0;
626
+ -moz-background-clip: padding;
627
+ -webkit-background-clip: padding-box;
628
+ background-clip: padding-box; }
629
+ .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
630
+ border: 0; }
631
+ .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
632
+ border-bottom: solid 1px #ebebeb; }
633
+ .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
634
+ color: #646464; }
635
+ .royal-theme .fr-element img {
636
+ padding: 0 1px; }
637
+ .royal-theme .fr-image-resizer {
638
+ border: solid 1px #0098f7;
639
+ user-select: none;
640
+ -o-user-select: none;
641
+ -moz-user-select: none;
642
+ -khtml-user-select: none;
643
+ -webkit-user-select: none;
644
+ -ms-user-select: none;
645
+ -webkit-box-sizing: content-box;
646
+ -moz-box-sizing: content-box;
647
+ box-sizing: content-box; }
648
+ .royal-theme .fr-image-resizer .fr-handler {
649
+ background: #0098f7;
650
+ border: solid 1px #FFF;
651
+ border-radius: 2px;
652
+ -moz-border-radius: 2px;
653
+ -webkit-border-radius: 2px;
654
+ -moz-background-clip: padding;
655
+ -webkit-background-clip: padding-box;
656
+ background-clip: padding-box;
657
+ -webkit-box-sizing: border-box;
658
+ -moz-box-sizing: border-box;
659
+ box-sizing: border-box; }
660
+ .royal-theme .fr-image-resizer .fr-handler {
661
+ width: 12px;
662
+ height: 12px; }
663
+ .royal-theme .fr-image-resizer .fr-handler.fr-hnw {
664
+ left: -6px;
665
+ top: -6px; }
666
+ .royal-theme .fr-image-resizer .fr-handler.fr-hne {
667
+ right: -6px;
668
+ top: -6px; }
669
+ .royal-theme .fr-image-resizer .fr-handler.fr-hsw {
670
+ left: -6px;
671
+ bottom: -6px; }
672
+ .royal-theme .fr-image-resizer .fr-handler.fr-hse {
673
+ right: -6px;
674
+ bottom: -6px; }
675
+ @media (min-width: 1200px) {
676
+ .royal-theme .fr-image-resizer .fr-handler {
677
+ width: 10px;
678
+ height: 10px; }
679
+ .royal-theme .fr-image-resizer .fr-handler.fr-hnw {
680
+ left: -5px;
681
+ top: -5px; }
682
+ .royal-theme .fr-image-resizer .fr-handler.fr-hne {
683
+ right: -5px;
684
+ top: -5px; }
685
+ .royal-theme .fr-image-resizer .fr-handler.fr-hsw {
686
+ left: -5px;
687
+ bottom: -5px; }
688
+ .royal-theme .fr-image-resizer .fr-handler.fr-hse {
689
+ right: -5px;
690
+ bottom: -5px; } }
691
+ .royal-theme.fr-image-overlay {
692
+ top: 0;
693
+ left: 0;
694
+ bottom: 0;
695
+ right: 0;
696
+ z-index: 2147483640; }
697
+ .royal-theme.fr-popup .fr-image-upload-layer {
698
+ border: dashed 2px #bdbdbd;
699
+ padding: 25px 0;
700
+ margin: 20px; }
701
+ .royal-theme.fr-popup .fr-image-upload-layer:hover {
702
+ background: #ebebeb; }
703
+ .royal-theme.fr-popup .fr-image-upload-layer.fr-drop {
704
+ background: #ebebeb;
705
+ border-color: #0098f7; }
706
+ .royal-theme.fr-popup .fr-image-upload-layer .fr-form {
707
+ -webkit-opacity: 0;
708
+ -moz-opacity: 0;
709
+ opacity: 0;
710
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
711
+ top: 0;
712
+ bottom: 0;
713
+ left: 0;
714
+ right: 0;
715
+ z-index: 2147483640; }
716
+ .royal-theme.fr-popup .fr-image-upload-layer .fr-form input {
717
+ right: 0;
718
+ top: 0;
719
+ bottom: 0;
720
+ margin: 0; }
721
+ .royal-theme.fr-popup .fr-image-progress-bar-layer > h3 {
722
+ margin: 10px 0; }
723
+ .royal-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
724
+ background: #b3e0fd; }
725
+ .royal-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
726
+ background: #0098f7;
727
+ -webkit-transition: width 0.2s ease 0s;
728
+ -moz-transition: width 0.2s ease 0s;
729
+ -ms-transition: width 0.2s ease 0s;
730
+ -o-transition: width 0.2s ease 0s; }
731
+ .royal-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
732
+ top: 0;
733
+ -webkit-animation: loading 2s linear infinite;
734
+ -moz-animation: loading 2s linear infinite;
735
+ -o-animation: loading 2s linear infinite;
736
+ animation: loading 2s linear infinite; }
737
+ .royal-theme .fr-uploading {
738
+ -webkit-opacity: 0.4;
739
+ -moz-opacity: 0.4;
740
+ opacity: 0.4;
741
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
742
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-head-line::after {
743
+ clear: both;
744
+ display: block;
745
+ content: "";
746
+ height: 0; }
747
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
748
+ margin-top: 10px; }
749
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
750
+ opacity: 0;
751
+ width: 0;
752
+ padding: 12px 0; }
753
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-tags {
754
+ padding: 0 20px; }
755
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a {
756
+ opacity: 0;
757
+ padding: 6px 12px;
758
+ margin: 8px 0 8px 8px;
759
+ border-radius: 32px;
760
+ -moz-border-radius: 32px;
761
+ -webkit-border-radius: 32px;
762
+ -moz-background-clip: padding;
763
+ -webkit-background-clip: padding-box;
764
+ background-clip: padding-box;
765
+ -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
766
+ -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
767
+ -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
768
+ -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
769
+ background-color: #f5f5f5; }
770
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a:focus {
771
+ background-color: #ebebeb; }
772
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a:hover {
773
+ background-color: #ebebeb; }
774
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a:active {
775
+ background-color: #d6d6d6; }
776
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
777
+ background-color: #EcF5Ff;
778
+ color: #0098f7; }
779
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
780
+ background-color: #ebebeb; }
781
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
782
+ background-color: #ebebeb; }
783
+ .royal-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
784
+ background-color: #d6d6d6; }
785
+ .royal-theme.fr-show-tags .fr-modal-more svg path {
786
+ fill: #0098f7; }
787
+ .royal-themediv.fr-modal-body {
788
+ -webkit-transition: background 0.2s ease 0s;
789
+ -moz-transition: background 0.2s ease 0s;
790
+ -ms-transition: background 0.2s ease 0s;
791
+ -o-transition: background 0.2s ease 0s; }
792
+ .royal-themediv.fr-modal-body .fr-preloader {
793
+ margin: 50px auto; }
794
+ .royal-themediv.fr-modal-body div.fr-image-list {
795
+ margin: 0 20px;
796
+ padding: 0; }
797
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
798
+ border-radius: 2px;
799
+ -moz-border-radius: 2px;
800
+ -webkit-border-radius: 2px;
801
+ -moz-background-clip: padding;
802
+ -webkit-background-clip: padding-box;
803
+ background-clip: padding-box; }
804
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
805
+ -webkit-opacity: 0.5;
806
+ -moz-opacity: 0.5;
807
+ opacity: 0.5;
808
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
809
+ -webkit-transition: opacity 0.2s ease 0s;
810
+ -moz-transition: opacity 0.2s ease 0s;
811
+ -ms-transition: opacity 0.2s ease 0s;
812
+ -o-transition: opacity 0.2s ease 0s;
813
+ background: #000;
814
+ top: 0;
815
+ left: 0;
816
+ bottom: 0;
817
+ right: 0; }
818
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
819
+ color: #FFF;
820
+ top: 0;
821
+ left: 0;
822
+ bottom: 0;
823
+ right: 0;
824
+ margin: auto; }
825
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
826
+ background: #CCCCCC; }
827
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
828
+ margin: auto;
829
+ top: 0;
830
+ bottom: 0;
831
+ left: 0;
832
+ right: 0; }
833
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
834
+ -webkit-opacity: 1;
835
+ -moz-opacity: 1;
836
+ opacity: 1;
837
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
838
+ -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
839
+ -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
840
+ -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
841
+ -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
842
+ -webkit-transform: translateZ(0);
843
+ -moz-transform: translateZ(0);
844
+ -ms-transform: translateZ(0);
845
+ -o-transform: translateZ(0); }
846
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
847
+ -webkit-opacity: 0.75;
848
+ -moz-opacity: 0.75;
849
+ opacity: 0.75;
850
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
851
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
852
+ border-radius: 100%;
853
+ -moz-border-radius: 100%;
854
+ -webkit-border-radius: 100%;
855
+ -moz-background-clip: padding;
856
+ -webkit-background-clip: padding-box;
857
+ background-clip: padding-box;
858
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
859
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
860
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
861
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
862
+ -webkit-box-sizing: border-box;
863
+ -moz-box-sizing: border-box;
864
+ box-sizing: border-box;
865
+ margin: 0;
866
+ line-height: 40px; }
867
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
868
+ background: #B8312F;
869
+ fill: #FFF;
870
+ padding: 8px;
871
+ -webkit-transform: translateY(-50%) translateX(25%);
872
+ -moz-transform: translateY(-50%) translateX(25%);
873
+ -ms-transform: translateY(-50%) translateX(25%);
874
+ -o-transform: translateY(-50%) translateX(25%); }
875
+ .royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
876
+ background: #FFF;
877
+ fill: #0098f7;
878
+ padding: 8px;
879
+ -webkit-transform: translateY(-50%) translateX(-125%);
880
+ -moz-transform: translateY(-50%) translateX(-125%);
881
+ -ms-transform: translateY(-50%) translateX(-125%);
882
+ -o-transform: translateY(-50%) translateX(-125%); }
883
+ .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
884
+ -webkit-opacity: 0.75;
885
+ -moz-opacity: 0.75;
886
+ opacity: 0.75;
887
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
888
+ .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
889
+ width: 40px;
890
+ height: 40px; }
891
+ .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
892
+ background: #bf4644;
893
+ color: #FFF; }
894
+ .royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
895
+ background: #ebebeb; }
896
+ .royal-theme .fr-line-breaker {
897
+ border-top: 1px solid #0098f7; }
898
+ .royal-theme .fr-line-breaker a.fr-floating-btn {
899
+ left: calc(50% - (40px / 2));
900
+ top: -20px; }
901
+ .royal-theme .fr-line-breaker a.fr-floating-btn svg {
902
+ margin: 8px;
903
+ height: 24px;
904
+ width: 24px; }
905
+ .royal-theme .fr-markdown-view {
906
+ box-sizing: inherit; }
907
+ .royal-theme .fr-markdown-editor {
908
+ box-sizing: inherit; }
909
+ .royal-theme .fr-markdown-editor > p {
910
+ margin: 0; }
911
+ .royal-theme .fr-markdown-view > p {
912
+ margin-top: 0; }
913
+ .royal-theme .fr-markdown-view > dl {
914
+ margin-top: 0; }
915
+ .royal-theme .fr-markdown-view > dt {
916
+ font-weight: 700; }
917
+ .royal-theme .fr-markdown-view > dd {
918
+ margin-left: 0; }
919
+ .royal-theme .fr-markdown-view > pre code {
920
+ border: 0;
921
+ padding: 0; }
922
+ .royal-theme .fr-markdown-view > hr {
923
+ border: 0; }
924
+ .royal-theme .fr-markdown-view > table {
925
+ border-spacing: 0; }
926
+ .royal-theme .fr-quick-insert {
927
+ padding-right: 10px;
928
+ -webkit-box-sizing: content-box;
929
+ -moz-box-sizing: content-box;
930
+ box-sizing: content-box; }
931
+ .royal-theme .fr-quick-insert a.fr-floating-btn svg {
932
+ margin: 8px;
933
+ width: 24px;
934
+ height: 24px; }
935
+ .royal-theme .fr-quick-insert.fr-on a.fr-floating-btn svg {
936
+ -webkit-transform: rotate(135deg);
937
+ -moz-transform: rotate(135deg);
938
+ -ms-transform: rotate(135deg);
939
+ -o-transform: rotate(135deg); }
940
+ .royal-theme .fr-qi-helper {
941
+ padding-left: 20px; }
942
+ .royal-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
943
+ padding: 6px 10px 10px 10px;
944
+ color: #222222;
945
+ background: #FFF;
946
+ -webkit-opacity: 0;
947
+ -moz-opacity: 0;
948
+ opacity: 0;
949
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
950
+ -webkit-transform: scale(0);
951
+ -moz-transform: scale(0);
952
+ -ms-transform: scale(0);
953
+ -o-transform: scale(0); }
954
+ .royal-theme .fr-qi-helper a.fr-btn.fr-floating-btn svg {
955
+ fill: #222222; }
956
+ .royal-theme .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
957
+ -webkit-opacity: 1;
958
+ -moz-opacity: 1;
959
+ opacity: 1;
960
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
961
+ -webkit-transform: scale(1);
962
+ -moz-transform: scale(1);
963
+ -ms-transform: scale(1);
964
+ -o-transform: scale(1); }
965
+ .royal-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
966
+ padding: 10px 15px; }
967
+ .royal-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
968
+ font-size: 16px; }
969
+ .royal-theme.fr-popup .fr-special-character {
970
+ width: 24px;
971
+ height: 24px; }
972
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
973
+ .royal-theme.fr-popup .fr-icon-container.fr-sc-container {
974
+ width: 368px; } }
975
+ .royal-theme .fr-element table td.fr-selected-cell, .royal-theme .fr-element table th.fr-selected-cell {
976
+ border: 1px double #0098f7; }
977
+ .royal-theme .fr-element table tr {
978
+ user-select: none;
979
+ -o-user-select: none;
980
+ -moz-user-select: none;
981
+ -khtml-user-select: none;
982
+ -webkit-user-select: none;
983
+ -ms-user-select: none; }
984
+ .royal-theme .fr-element table td, .royal-theme .fr-element table th {
985
+ user-select: text;
986
+ -o-user-select: text;
987
+ -moz-user-select: text;
988
+ -khtml-user-select: text;
989
+ -webkit-user-select: text;
990
+ -ms-user-select: text; }
991
+ .royal-theme .fr-element .fr-no-selection table td, .royal-theme .fr-element .fr-no-selection table th {
992
+ user-select: none;
993
+ -o-user-select: none;
994
+ -moz-user-select: none;
995
+ -khtml-user-select: none;
996
+ -webkit-user-select: none;
997
+ -ms-user-select: none; }
998
+ .royal-theme .fr-table-resizer div {
999
+ -webkit-opacity: 0;
1000
+ -moz-opacity: 0;
1001
+ opacity: 0;
1002
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1003
+ border-right: 1px solid #0098f7; }
1004
+ .royal-theme .fr-no-selection {
1005
+ user-select: none;
1006
+ -o-user-select: none;
1007
+ -moz-user-select: none;
1008
+ -khtml-user-select: none;
1009
+ -webkit-user-select: none;
1010
+ -ms-user-select: none; }
1011
+ .royal-theme.fr-popup .fr-table-size {
1012
+ margin: 20px; }
1013
+ .royal-theme.fr-popup .fr-table-size .fr-select-table-size {
1014
+ line-height: 0; }
1015
+ .royal-theme.fr-popup .fr-table-size .fr-select-table-size > span {
1016
+ padding: 0 4px 4px 0; }
1017
+ .royal-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
1018
+ border: 1px solid #DDD; }
1019
+ .royal-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
1020
+ background: rgba(0, 152, 247, 0.3);
1021
+ border: solid 1px #0098f7; }
1022
+ .royal-theme.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
1023
+ clear: both;
1024
+ display: block;
1025
+ content: "";
1026
+ height: 0; }
1027
+ .royal-theme.fr-popup .fr-table-colors {
1028
+ padding: 20px;
1029
+ padding-bottom: 0; }
1030
+ .royal-theme #fr-form-container {
1031
+ margin: auto;
1032
+ overflow: auto; }
1033
+ .royal-theme .fr-range-value-start > span:before {
1034
+ width: 0;
1035
+ height: 0; }
1036
+ .royal-theme .fr-range-value-end > span:before {
1037
+ width: 0;
1038
+ height: 0; }
1039
+ .royal-theme .fr-range-slider > input {
1040
+ left: 0; }
1041
+ .royal-theme .fr-range-slider > input::-moz-range-thumb {
1042
+ z-index: 10; }
1043
+ .royal-theme .fr-range-slider > input::-moz-range-track {
1044
+ border: 0; }
1045
+ .royal-theme .fr-range-slider > input:last-of-type::-moz-range-track {
1046
+ border: 0; }
1047
+ .royal-theme .fr-range-slider > input[type="range"]::-moz-focus-outer {
1048
+ border: 0; }
1049
+ .royal-theme .fr-element .fr-video {
1050
+ user-select: none;
1051
+ -o-user-select: none;
1052
+ -moz-user-select: none;
1053
+ -khtml-user-select: none;
1054
+ -webkit-user-select: none;
1055
+ -ms-user-select: none; }
1056
+ .royal-theme .fr-element .fr-video::after {
1057
+ top: 0;
1058
+ left: 0;
1059
+ right: 0;
1060
+ bottom: 0; }
1061
+ .royal-theme .fr-element .fr-video > * {
1062
+ -webkit-box-sizing: content-box;
1063
+ -moz-box-sizing: content-box;
1064
+ box-sizing: content-box; }
1065
+ .royal-theme.fr-box .fr-video-resizer {
1066
+ border: solid 1px #0098f7;
1067
+ user-select: none;
1068
+ -o-user-select: none;
1069
+ -moz-user-select: none;
1070
+ -khtml-user-select: none;
1071
+ -webkit-user-select: none;
1072
+ -ms-user-select: none; }
1073
+ .royal-theme.fr-box .fr-video-resizer .fr-handler {
1074
+ background: #0098f7;
1075
+ border: solid 1px #FFF;
1076
+ -webkit-box-sizing: border-box;
1077
+ -moz-box-sizing: border-box;
1078
+ box-sizing: border-box; }
1079
+ .royal-theme.fr-box .fr-video-resizer .fr-handler {
1080
+ width: 12px;
1081
+ height: 12px; }
1082
+ .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
1083
+ left: -6px;
1084
+ top: -6px; }
1085
+ .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
1086
+ right: -6px;
1087
+ top: -6px; }
1088
+ .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
1089
+ left: -6px;
1090
+ bottom: -6px; }
1091
+ .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
1092
+ right: -6px;
1093
+ bottom: -6px; }
1094
+ @media (min-width: 1200px) {
1095
+ .royal-theme.fr-box .fr-video-resizer .fr-handler {
1096
+ width: 10px;
1097
+ height: 10px; }
1098
+ .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
1099
+ left: -5px;
1100
+ top: -5px; }
1101
+ .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
1102
+ right: -5px;
1103
+ top: -5px; }
1104
+ .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
1105
+ left: -5px;
1106
+ bottom: -5px; }
1107
+ .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
1108
+ right: -5px;
1109
+ bottom: -5px; } }
1110
+ .royal-theme.fr-popup .fr-video-upload-layer {
1111
+ border: dashed 2px #bdbdbd;
1112
+ padding: 25px 0;
1113
+ margin: 20px; }
1114
+ .royal-theme.fr-popup .fr-video-upload-layer:hover {
1115
+ background: #ebebeb; }
1116
+ .royal-theme.fr-popup .fr-video-upload-layer.fr-drop {
1117
+ background: #ebebeb;
1118
+ border-color: #0098f7; }
1119
+ .royal-theme.fr-popup .fr-video-upload-layer .fr-form {
1120
+ -webkit-opacity: 0;
1121
+ -moz-opacity: 0;
1122
+ opacity: 0;
1123
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1124
+ top: 0;
1125
+ bottom: 0;
1126
+ left: 0;
1127
+ right: 0;
1128
+ z-index: 2147483640; }
1129
+ .royal-theme.fr-popup .fr-video-upload-layer .fr-form input {
1130
+ right: 0;
1131
+ top: 0;
1132
+ bottom: 0;
1133
+ margin: 0; }
1134
+ .royal-theme.fr-popup .fr-video-progress-bar-layer > h3 {
1135
+ margin: 10px 0; }
1136
+ .royal-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
1137
+ background: #b3e0fd; }
1138
+ .royal-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
1139
+ background: #0098f7;
1140
+ -webkit-transition: width 0.2s ease 0s;
1141
+ -moz-transition: width 0.2s ease 0s;
1142
+ -ms-transition: width 0.2s ease 0s;
1143
+ -o-transition: width 0.2s ease 0s; }
1144
+ .royal-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
1145
+ top: 0;
1146
+ -webkit-animation: loading 2s linear infinite;
1147
+ -moz-animation: loading 2s linear infinite;
1148
+ -o-animation: loading 2s linear infinite;
1149
+ animation: loading 2s linear infinite; }
1150
+ .royal-theme.fr-video-overlay {
1151
+ top: 0;
1152
+ left: 0;
1153
+ bottom: 0;
1154
+ right: 0;
1155
+ z-index: 2147483640; }
1156
+ .royal-theme .fr-view img.fr-rounded, .royal-theme .fr-view .fr-img-caption.fr-rounded img {
1157
+ border-radius: 10px;
1158
+ -moz-border-radius: 10px;
1159
+ -webkit-border-radius: 10px;
1160
+ -moz-background-clip: padding;
1161
+ -webkit-background-clip: padding-box;
1162
+ background-clip: padding-box; }
1163
+ .royal-theme .fr-view img.fr-shadow, .royal-theme .fr-view .fr-img-caption.fr-shadow img {
1164
+ -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
1165
+ -moz-box-shadow: 10px 10px 5px 0px #cccccc;
1166
+ box-shadow: 10px 10px 5px 0px #cccccc; }
1167
+ .royal-theme .fr-view img.fr-bordered {
1168
+ -webkit-box-sizing: content-box;
1169
+ -moz-box-sizing: content-box;
1170
+ box-sizing: content-box; }
1171
+ .royal-theme .fr-view .fr-img-caption.fr-bordered img {
1172
+ -webkit-box-sizing: border-box;
1173
+ -moz-box-sizing: border-box;
1174
+ box-sizing: border-box; }
1175
+ .royal-theme .fr-view span[style~="color:"] a {
1176
+ color: inherit; }
1177
+ .royal-theme .fr-view strong {
1178
+ font-weight: 700; }
1179
+ .royal-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
1180
+ background: whitesmoke; }
1181
+ .royal-theme .fr-view table td, .royal-theme .fr-view table th {
1182
+ border: 1px solid #DDD; }
1183
+ .royal-theme .fr-view table th {
1184
+ background: #ececec; }
1185
+ .royal-theme .fr-view hr {
1186
+ user-select: none;
1187
+ -o-user-select: none;
1188
+ -moz-user-select: none;
1189
+ -khtml-user-select: none;
1190
+ -webkit-user-select: none;
1191
+ -ms-user-select: none; }
1192
+ .royal-theme .fr-view[dir="rtl"] blockquote {
1193
+ border-right: solid 2px #5E35B1;
1194
+ margin-right: 0;
1195
+ padding-left: 0; }
1196
+ .royal-theme .fr-view[dir="rtl"] blockquote blockquote {
1197
+ border-color: #00BCD4; }
1198
+ .royal-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
1199
+ border-color: #43A047; }
1200
+ .royal-theme .fr-view blockquote {
1201
+ border-left: solid 2px #5E35B1;
1202
+ margin-left: 0;
1203
+ color: #5E35B1; }
1204
+ .royal-theme .fr-view blockquote blockquote {
1205
+ border-color: #00BCD4;
1206
+ color: #00BCD4; }
1207
+ .royal-theme .fr-view blockquote blockquote blockquote {
1208
+ border-color: #43A047;
1209
+ color: #43A047; }
1210
+ .royal-theme .fr-view span.fr-emoticon {
1211
+ line-height: 0; }
1212
+ .royal-theme .fr-view span.fr-emoticon.fr-emoticon-img {
1213
+ font-size: inherit; }
1214
+ .royal-theme .fr-view .fr-text-bordered {
1215
+ padding: 10px 0; }
1216
+ .royal-theme .fr-view .fr-class-highlighted {
1217
+ background-color: #ffff00; }
1218
+ .royal-theme .fr-view .fr-class-code {
1219
+ border-radius: 2px;
1220
+ -moz-border-radius: 2px;
1221
+ -webkit-border-radius: 2px;
1222
+ -moz-background-clip: padding;
1223
+ -webkit-background-clip: padding-box;
1224
+ background-clip: padding-box;
1225
+ background: #f5f5f5; }
1226
+ .royal-theme .fr-view img.fr-dib {
1227
+ margin: 5px auto; }
1228
+ .royal-theme .fr-view img.fr-dib.fr-fil {
1229
+ margin-left: 0; }
1230
+ .royal-theme .fr-view img.fr-dib.fr-fir {
1231
+ margin-right: 0; }
1232
+ .royal-theme .fr-view img.fr-dii {
1233
+ margin-left: 5px;
1234
+ margin-right: 5px;
1235
+ max-width: calc(100% - (2 * 5px)); }
1236
+ .royal-theme .fr-view img.fr-dii.fr-fil {
1237
+ margin: 5px 5px 5px 0;
1238
+ max-width: calc(100% - 5px); }
1239
+ .royal-theme .fr-view img.fr-dii.fr-fir {
1240
+ margin: 5px 0 5px 5px;
1241
+ max-width: calc(100% - 5px); }
1242
+ .royal-theme .fr-view span.fr-img-caption.fr-dib {
1243
+ margin: 5px auto; }
1244
+ .royal-theme .fr-view span.fr-img-caption.fr-dib.fr-fil {
1245
+ margin-left: 0; }
1246
+ .royal-theme .fr-view span.fr-img-caption.fr-dib.fr-fir {
1247
+ margin-right: 0; }
1248
+ .royal-theme .fr-view span.fr-img-caption.fr-dii {
1249
+ margin-left: 5px;
1250
+ margin-right: 5px;
1251
+ max-width: calc(100% - (2 * 5px)); }
1252
+ .royal-theme .fr-view span.fr-img-caption.fr-dii.fr-fil {
1253
+ margin: 5px 5px 5px 0;
1254
+ max-width: calc(100% - 5px); }
1255
+ .royal-theme .fr-view span.fr-img-caption.fr-dii.fr-fir {
1256
+ margin: 5px 0 5px 5px;
1257
+ max-width: calc(100% - 5px); }
1258
+ .royal-theme .fr-view .fr-video.fr-rv {
1259
+ height: 0; }
1260
+ .royal-theme .fr-view .fr-video.fr-rv > iframe, .royal-theme .fr-view .fr-video.fr-rv object, .royal-theme .fr-view .fr-video.fr-rv embed {
1261
+ top: 0;
1262
+ left: 0; }
1263
+ .royal-theme .fr-view .fr-video > * {
1264
+ -webkit-box-sizing: content-box;
1265
+ -moz-box-sizing: content-box;
1266
+ box-sizing: content-box; }
1267
+ .royal-theme .fr-view a.fr-strong {
1268
+ font-weight: 700; }
1269
+ .royal-theme .fr-view .fr-img-caption .fr-img-wrap {
1270
+ padding: 0;
1271
+ margin: auto; }
1272
+ .royal-theme .fr-view .fr-img-caption .fr-img-wrap img {
1273
+ margin: auto; }
1274
+ .royal-theme .fr-view .fr-img-caption .fr-img-wrap > span {
1275
+ margin: auto;
1276
+ -webkit-box-sizing: border-box;
1277
+ -moz-box-sizing: border-box;
1278
+ box-sizing: border-box;
1279
+ -webkit-opacity: 0.9;
1280
+ -moz-opacity: 0.9;
1281
+ opacity: 0.9;
1282
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1283
+ .royal-theme .fr-view button.fr-rounded, .royal-theme .fr-view input.fr-rounded, .royal-theme .fr-view textarea.fr-rounded {
1284
+ border-radius: 10px;
1285
+ -moz-border-radius: 10px;
1286
+ -webkit-border-radius: 10px;
1287
+ -moz-background-clip: padding;
1288
+ -webkit-background-clip: padding-box;
1289
+ background-clip: padding-box; }
1290
+ .royal-theme a.fr-view.fr-strong {
1291
+ font-weight: 700; }
1292
+ .royal-theme img.fr-view.fr-dib {
1293
+ margin: 5px auto; }
1294
+ .royal-theme img.fr-view.fr-dib.fr-fil {
1295
+ margin-left: 0; }
1296
+ .royal-theme img.fr-view.fr-dib.fr-fir {
1297
+ margin-right: 0; }
1298
+ .royal-theme img.fr-view.fr-dii {
1299
+ margin-left: 5px;
1300
+ margin-right: 5px;
1301
+ max-width: calc(100% - (2 * 5px)); }
1302
+ .royal-theme img.fr-view.fr-dii.fr-fil {
1303
+ margin: 5px 5px 5px 0;
1304
+ max-width: calc(100% - 5px); }
1305
+ .royal-theme img.fr-view.fr-dii.fr-fir {
1306
+ margin: 5px 0 5px 5px;
1307
+ max-width: calc(100% - 5px); }
1308
+ .royal-theme span.fr-img-caption.fr-view.fr-dib {
1309
+ margin: 5px auto; }
1310
+ .royal-theme span.fr-img-caption.fr-view.fr-dib.fr-fil {
1311
+ margin-left: 0; }
1312
+ .royal-theme span.fr-img-caption.fr-view.fr-dib.fr-fir {
1313
+ margin-right: 0; }
1314
+ .royal-theme span.fr-img-caption.fr-view.fr-dii {
1315
+ margin-left: 5px;
1316
+ margin-right: 5px;
1317
+ max-width: calc(100% - (2 * 5px)); }
1318
+ .royal-theme span.fr-img-caption.fr-view.fr-dii.fr-fil {
1319
+ margin: 5px 5px 5px 0;
1320
+ max-width: calc(100% - 5px); }
1321
+ .royal-theme span.fr-img-caption.fr-view.fr-dii.fr-fir {
1322
+ margin: 5px 0 5px 5px;
1323
+ max-width: calc(100% - 5px); }
1324
+ .royal-theme .fr-element .fr-embedly {
1325
+ user-select: none;
1326
+ -o-user-select: none;
1327
+ -moz-user-select: none;
1328
+ -khtml-user-select: none;
1329
+ -webkit-user-select: none;
1330
+ -ms-user-select: none; }
1331
+ .royal-theme .fr-element .fr-embedly::after {
1332
+ top: 0;
1333
+ left: 0;
1334
+ right: 0;
1335
+ bottom: 0; }
1336
+ .royal-theme .fr-element .fr-embedly > * {
1337
+ -webkit-box-sizing: content-box;
1338
+ -moz-box-sizing: content-box;
1339
+ box-sizing: content-box; }
1340
+ .royal-theme.fr-box .fr-embedly-resizer {
1341
+ border: solid 1px #0098f7;
1342
+ user-select: none;
1343
+ -o-user-select: none;
1344
+ -moz-user-select: none;
1345
+ -khtml-user-select: none;
1346
+ -webkit-user-select: none;
1347
+ -ms-user-select: none; }
1348
+ .royal-theme.fr-popup .fr-icon.fr-fa-icon {
1349
+ width: 18px;
1350
+ padding: 8px;
1351
+ margin: 6px;
1352
+ font-size: 16px; }
1353
+ @supports not (-ms-high-contrast: none) {
1354
+ .royal-theme.fr-popup .fr-icon-container.fr-fa-container {
1355
+ grid-template-columns: repeat(auto-fill, minmax(45px, 45px)); } }
1356
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
1357
+ .royal-theme.fr-popup .fr-icon-container.fr-fa-container {
1358
+ width: 506px; } }
1359
+ .royal-theme .tui-image-editor-container {
1360
+ top: 0;
1361
+ left: 0;
1362
+ bottom: 0;
1363
+ right: 0;
1364
+ z-index: 10; }
1365
+ .royal-theme .tui-editor-cancel-btn {
1366
+ background-color: #FFF;
1367
+ border: 1px solid #CCCCCC; }
1368
+ .royal-theme .tui-editor-save-btn {
1369
+ color: #FFF; }
1370
+ .royal-theme .examples-variante > a {
1371
+ font-size: 14px;
1372
+ font-family: Arial, Helvetica, sans-serif; }
1373
+ .royal-theme .sc-cm-holder > .sc-cm {
1374
+ border-top: 5px solid #222222 !important; }
1375
+ .royal-theme .sc-cm__item_dropdown:hover > a, .royal-theme .sc-cm a:hover {
1376
+ background-color: #ebebeb !important; }
1377
+ .royal-theme .sc-cm__item_active > a, .royal-theme .sc-cm__item_active > a:hover, .royal-theme .sc-cm a:active, .royal-theme .sc-cm a:focus {
1378
+ background-color: #d6d6d6 !important; }
1379
+ .royal-theme .sc-cm-holder > .sc-cm:before {
1380
+ background-color: #ebebeb !important; }
1381
+ .royal-theme .fr-tooltip {
1382
+ top: 0;
1383
+ left: 0;
1384
+ border-radius: 2px;
1385
+ -moz-border-radius: 2px;
1386
+ -webkit-border-radius: 2px;
1387
+ -moz-background-clip: padding;
1388
+ -webkit-background-clip: padding-box;
1389
+ background-clip: padding-box;
1390
+ background: #222222;
1391
+ color: #FFF;
1392
+ font-size: 11px;
1393
+ line-height: 22px;
1394
+ font-family: Arial, Helvetica, sans-serif;
1395
+ -webkit-transition: opacity 0.2s ease 0s;
1396
+ -moz-transition: opacity 0.2s ease 0s;
1397
+ -ms-transition: opacity 0.2s ease 0s;
1398
+ -o-transition: opacity 0.2s ease 0s;
1399
+ -webkit-opacity: 0;
1400
+ -moz-opacity: 0;
1401
+ opacity: 0;
1402
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1403
+ user-select: none;
1404
+ -o-user-select: none;
1405
+ -moz-user-select: none;
1406
+ -khtml-user-select: none;
1407
+ -webkit-user-select: none;
1408
+ -ms-user-select: none;
1409
+ -webkit-font-smoothing: antialiased;
1410
+ -moz-osx-font-smoothing: grayscale; }
1411
+ .royal-theme .fr-tooltip.fr-visible {
1412
+ -webkit-opacity: 1;
1413
+ -moz-opacity: 1;
1414
+ opacity: 1;
1415
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1416
+ .royal-theme.fr-toolbar .fr-command.fr-btn, .royal-theme.fr-popup .fr-command.fr-btn, .royal-theme.fr-modal .fr-command.fr-btn {
1417
+ color: #333333;
1418
+ -moz-outline: 0;
1419
+ border: 0;
1420
+ margin: 4px 2px;
1421
+ padding: 0;
1422
+ -webkit-transition: all 0.5s;
1423
+ -moz-transition: all 0.5s;
1424
+ -ms-transition: all 0.5s;
1425
+ -o-transition: all 0.5s;
1426
+ border-radius: 4px;
1427
+ -moz-border-radius: 4px;
1428
+ -webkit-border-radius: 4px;
1429
+ -moz-background-clip: padding;
1430
+ -webkit-background-clip: padding-box;
1431
+ background-clip: padding-box;
1432
+ -webkit-box-sizing: border-box;
1433
+ -moz-box-sizing: border-box;
1434
+ box-sizing: border-box;
1435
+ user-select: none;
1436
+ -o-user-select: none;
1437
+ -moz-user-select: none;
1438
+ -khtml-user-select: none;
1439
+ -webkit-user-select: none;
1440
+ -ms-user-select: none;
1441
+ height: 40px; }
1442
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
1443
+ border-radius: 0 4px 4px 0;
1444
+ -moz-border-radius: 0 4px 4px 0;
1445
+ -webkit-border-radius: 0 4px 4px 0;
1446
+ -moz-background-clip: padding;
1447
+ -webkit-background-clip: padding-box;
1448
+ background-clip: padding-box; }
1449
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-popup .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-modal .fr-command.fr-btn.fr-btn-hover {
1450
+ border-radius: 4px 0 0 4px;
1451
+ -moz-border-radius: 4px 0 0 4px;
1452
+ -webkit-border-radius: 4px 0 0 4px;
1453
+ -moz-background-clip: padding;
1454
+ -webkit-background-clip: padding-box;
1455
+ background-clip: padding-box; }
1456
+ .royal-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .royal-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner, .royal-theme.fr-modal .fr-command.fr-btn::-moz-focus-inner {
1457
+ border: 0; }
1458
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text, .royal-theme.fr-popup .fr-command.fr-btn.fr-btn-text, .royal-theme.fr-modal .fr-command.fr-btn.fr-btn-text {
1459
+ width: auto; }
1460
+ .royal-theme.fr-toolbar .fr-command.fr-btn i, .royal-theme.fr-toolbar .fr-command.fr-btn svg, .royal-theme.fr-popup .fr-command.fr-btn i, .royal-theme.fr-popup .fr-command.fr-btn svg, .royal-theme.fr-modal .fr-command.fr-btn i, .royal-theme.fr-modal .fr-command.fr-btn svg {
1461
+ margin: 8px 7px;
1462
+ width: 24px; }
1463
+ .royal-theme.fr-toolbar .fr-command.fr-btn svg.fr-svg, .royal-theme.fr-popup .fr-command.fr-btn svg.fr-svg, .royal-theme.fr-modal .fr-command.fr-btn svg.fr-svg {
1464
+ height: 24px; }
1465
+ .royal-theme.fr-toolbar .fr-command.fr-btn svg path, .royal-theme.fr-popup .fr-command.fr-btn svg path, .royal-theme.fr-modal .fr-command.fr-btn svg path {
1466
+ -webkit-transition: all 0.5s;
1467
+ -moz-transition: all 0.5s;
1468
+ -ms-transition: all 0.5s;
1469
+ -o-transition: all 0.5s;
1470
+ fill: #333333; }
1471
+ .royal-theme.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .royal-theme.fr-popup .fr-command.fr-btn span.fr-sr-only, .royal-theme.fr-modal .fr-command.fr-btn span.fr-sr-only {
1472
+ position: absolute;
1473
+ width: 1px;
1474
+ height: 1px;
1475
+ padding: 0;
1476
+ margin: -1px;
1477
+ overflow: hidden;
1478
+ clip: rect(0, 0, 0, 0);
1479
+ border: 0; }
1480
+ .royal-theme.fr-toolbar .fr-command.fr-btn span, .royal-theme.fr-popup .fr-command.fr-btn span, .royal-theme.fr-modal .fr-command.fr-btn span {
1481
+ font-size: 14px;
1482
+ line-height: 17px;
1483
+ min-width: 30px;
1484
+ height: 17px;
1485
+ padding: 0 4px; }
1486
+ .royal-theme.fr-toolbar .fr-command.fr-btn img, .royal-theme.fr-popup .fr-command.fr-btn img, .royal-theme.fr-modal .fr-command.fr-btn img {
1487
+ margin: 8px 7px;
1488
+ width: 24px; }
1489
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .royal-theme.fr-popup .fr-command.fr-btn.fr-btn-active-popup, .royal-theme.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
1490
+ background: #d6d6d6; }
1491
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span, .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img, .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown i, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown span, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown img, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown i, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown span, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown img, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown svg {
1492
+ margin-left: 3px;
1493
+ margin-right: 11px; }
1494
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown:after, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown:after {
1495
+ width: 0;
1496
+ height: 0;
1497
+ border-left: 4px solid transparent;
1498
+ border-right: 4px solid transparent;
1499
+ border-top: 4px solid #333333;
1500
+ right: 2px;
1501
+ top: 18px;
1502
+ -webkit-transition: all 0.3s;
1503
+ -moz-transition: all 0.3s;
1504
+ -ms-transition: all 0.3s;
1505
+ -o-transition: all 0.3s; }
1506
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
1507
+ fill: #333333;
1508
+ background: #d6d6d6;
1509
+ -webkit-transition: 0.5s ease;
1510
+ -moz-transition: 0.5s ease;
1511
+ -ms-transition: 0.5s ease;
1512
+ -o-transition: 0.5s ease; }
1513
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
1514
+ background: #ebebeb;
1515
+ fill: #333333; }
1516
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
1517
+ border-top-color: #333333; }
1518
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .royal-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
1519
+ border-top: 0;
1520
+ border-bottom: 4px solid #222222; }
1521
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, .royal-theme.fr-popup .fr-command.fr-btn.fr-disabled, .royal-theme.fr-modal .fr-command.fr-btn.fr-disabled {
1522
+ color: #bdbdbd;
1523
+ -webkit-opacity: 0.3;
1524
+ -moz-opacity: 0.3;
1525
+ opacity: 0.3;
1526
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1527
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .royal-theme.fr-popup .fr-command.fr-btn.fr-disabled::after, .royal-theme.fr-modal .fr-command.fr-btn.fr-disabled::after {
1528
+ border-top-color: #bdbdbd; }
1529
+ .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn {
1530
+ margin: 0;
1531
+ width: 46px;
1532
+ height: 40px;
1533
+ border-radius: 0;
1534
+ -moz-border-radius: 0;
1535
+ -webkit-border-radius: 0;
1536
+ -moz-background-clip: padding;
1537
+ -webkit-background-clip: padding-box;
1538
+ background-clip: padding-box; }
1539
+ .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
1540
+ background: #FFF; }
1541
+ .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn span, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn span, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn span {
1542
+ height: 27px; }
1543
+ .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn img, .royal-theme.fr-toolbar .fr-tabs .fr-command.fr-btn svg, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn img, .royal-theme.fr-popup .fr-tabs .fr-command.fr-btn svg, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn img, .royal-theme.fr-modal .fr-tabs .fr-command.fr-btn svg {
1544
+ margin: 8px 11px;
1545
+ width: 24px;
1546
+ height: 24px; }
1547
+ .royal-theme.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .royal-theme.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
1548
+ fill: #0098f7; }
1549
+ .royal-theme.fr-toolbar.fr-disabled .fr-btn, .royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-active, .royal-theme.fr-popup.fr-disabled .fr-btn, .royal-theme.fr-popup.fr-disabled .fr-btn.fr-active, .royal-theme.fr-modal.fr-disabled .fr-btn, .royal-theme.fr-modal.fr-disabled .fr-btn.fr-active {
1550
+ color: #bdbdbd;
1551
+ -webkit-opacity: 0.3;
1552
+ -moz-opacity: 0.3;
1553
+ opacity: 0.3;
1554
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1555
+ .royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .royal-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .royal-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .royal-theme.fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .royal-theme.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
1556
+ border-top-color: #bdbdbd; }
1557
+ .royal-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .royal-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .royal-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .royal-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
1558
+ border-radius: 4px 0 0 4px;
1559
+ -moz-border-radius: 4px 0 0 4px;
1560
+ -webkit-border-radius: 4px 0 0 4px;
1561
+ -moz-background-clip: padding;
1562
+ -webkit-background-clip: padding-box;
1563
+ background-clip: padding-box; }
1564
+ .royal-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .royal-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .royal-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .royal-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
1565
+ border-radius: 0 4px 4px 0;
1566
+ -moz-border-radius: 0 4px 4px 0;
1567
+ -webkit-border-radius: 0 4px 4px 0;
1568
+ -moz-background-clip: padding;
1569
+ -webkit-background-clip: padding-box;
1570
+ background-clip: padding-box; }
1571
+ .royal-theme.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .royal-theme.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
1572
+ display: -webkit-inline-flex;
1573
+ display: -ms-inline-flexbox;
1574
+ display: inline-flex; }
1575
+ .royal-theme.fr-desktop .fr-command:hover, .royal-theme.fr-desktop .fr-command:focus, .royal-theme.fr-desktop .fr-command.fr-btn-hover, .royal-theme.fr-desktop .fr-command.fr-expanded {
1576
+ outline: 0;
1577
+ color: #333333; }
1578
+ .royal-theme.fr-desktop .fr-command:hover:not(.fr-table-cell), .royal-theme.fr-desktop .fr-command:focus:not(.fr-table-cell), .royal-theme.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .royal-theme.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
1579
+ background: #ebebeb; }
1580
+ .royal-theme.fr-desktop .fr-command:hover::after, .royal-theme.fr-desktop .fr-command:focus::after, .royal-theme.fr-desktop .fr-command.fr-btn-hover::after, .royal-theme.fr-desktop .fr-command.fr-expanded::after {
1581
+ border-top-color: #333333; }
1582
+ .royal-theme.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .royal-theme.fr-desktop .fr-command:active {
1583
+ color: #333333;
1584
+ background: #d6d6d6; }
1585
+ .royal-theme.fr-desktop .fr-command.fr-active:hover, .royal-theme.fr-desktop .fr-command.fr-active:focus, .royal-theme.fr-desktop .fr-command.fr-active.fr-btn-hover, .royal-theme.fr-desktop .fr-command.fr-active.fr-expanded {
1586
+ background: #ebebeb; }
1587
+ .royal-theme.fr-desktop .fr-command.fr-active:active {
1588
+ background: #d6d6d6; }
1589
+ .royal-theme.fr-toolbar.fr-mobile .fr-command.fr-blink, .royal-theme.fr-popup.fr-mobile .fr-command.fr-blink {
1590
+ background: #d6d6d6; }
1591
+ .royal-theme .fr-command.fr-btn.fr-options {
1592
+ width: 16px;
1593
+ margin-left: -5px; }
1594
+ .royal-theme .fr-command.fr-btn.fr-options.fr-btn-hover, .royal-theme .fr-command.fr-btn.fr-options:hover, .royal-theme .fr-command.fr-btn.fr-options:focus {
1595
+ border-left: solid 1px #FAFAFA;
1596
+ -webkit-transition: border-left 0s, background-color 0.5s;
1597
+ -moz-transition: border-left 0s, background-color 0.5s;
1598
+ -ms-transition: border-left 0s, background-color 0.5s;
1599
+ -o-transition: border-left 0s, background-color 0.5s; }
1600
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu {
1601
+ background: #FFF;
1602
+ right: auto;
1603
+ bottom: auto;
1604
+ height: auto;
1605
+ border-radius: 4px;
1606
+ -moz-border-radius: 4px;
1607
+ -webkit-border-radius: 4px;
1608
+ -moz-background-clip: padding;
1609
+ -webkit-background-clip: padding-box;
1610
+ background-clip: padding-box;
1611
+ -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);
1612
+ -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);
1613
+ 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); }
1614
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
1615
+ -webkit-transition: none;
1616
+ -moz-transition: none;
1617
+ -ms-transition: none;
1618
+ -o-transition: none;
1619
+ height: auto;
1620
+ max-height: 275px; }
1621
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
1622
+ padding: 0;
1623
+ margin: auto;
1624
+ -webkit-box-sizing: border-box;
1625
+ -moz-box-sizing: border-box;
1626
+ box-sizing: border-box;
1627
+ -webkit-transition: height 0.3s;
1628
+ -moz-transition: height 0.3s;
1629
+ -ms-transition: height 0.3s;
1630
+ -o-transition: height 0.3s;
1631
+ margin-top: 0;
1632
+ height: 0; }
1633
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
1634
+ margin: 0;
1635
+ padding: 8px 0;
1636
+ min-width: 72px; }
1637
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
1638
+ padding: 0;
1639
+ margin: 0;
1640
+ font-size: 15px; }
1641
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
1642
+ padding: 0 20px;
1643
+ color: inherit;
1644
+ border-radius: 0;
1645
+ -moz-border-radius: 0;
1646
+ -webkit-border-radius: 0;
1647
+ -moz-background-clip: padding;
1648
+ -webkit-background-clip: padding-box;
1649
+ background-clip: padding-box; }
1650
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
1651
+ width: 24px;
1652
+ height: 24px;
1653
+ margin: 3px 4px; }
1654
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
1655
+ fill: #333333; }
1656
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
1657
+ background: #d6d6d6; }
1658
+ .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
1659
+ color: #bdbdbd; }
1660
+ .royal-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
1661
+ -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);
1662
+ -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);
1663
+ 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); }
1664
+ .royal-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
1665
+ border-radius: 2px 2px 0 0;
1666
+ -moz-border-radius: 2px 2px 0 0;
1667
+ -webkit-border-radius: 2px 2px 0 0;
1668
+ -moz-background-clip: padding;
1669
+ -webkit-background-clip: padding-box;
1670
+ background-clip: padding-box; }
1671
+ .royal-theme.fr-modal {
1672
+ color: #222222;
1673
+ font-family: Arial, Helvetica, sans-serif;
1674
+ overflow-x: auto;
1675
+ top: 0;
1676
+ left: 0;
1677
+ bottom: 0;
1678
+ right: 0;
1679
+ z-index: 2147483640;
1680
+ -webkit-font-smoothing: antialiased;
1681
+ -moz-osx-font-smoothing: grayscale; }
1682
+ .royal-theme.fr-modal.fr-middle .fr-modal-wrapper {
1683
+ margin-top: 0;
1684
+ margin-bottom: 0;
1685
+ margin-left: auto;
1686
+ margin-right: auto;
1687
+ -webkit-transform: translate(-50%, -50%);
1688
+ -moz-transform: translate(-50%, -50%);
1689
+ -ms-transform: translate(-50%, -50%);
1690
+ -o-transform: translate(-50%, -50%); }
1691
+ .royal-theme.fr-modal .fr-modal-wrapper {
1692
+ border-radius: 10px;
1693
+ -moz-border-radius: 10px;
1694
+ -webkit-border-radius: 10px;
1695
+ -moz-background-clip: padding;
1696
+ -webkit-background-clip: padding-box;
1697
+ background-clip: padding-box;
1698
+ margin: 20px auto;
1699
+ background: #FFF;
1700
+ min-width: 300px;
1701
+ -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);
1702
+ -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);
1703
+ 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);
1704
+ border: 0; }
1705
+ @media (min-width: 768px) and (max-width: 991px) {
1706
+ .royal-theme.fr-modal .fr-modal-wrapper {
1707
+ margin: 30px auto; } }
1708
+ @media (min-width: 992px) {
1709
+ .royal-theme.fr-modal .fr-modal-wrapper {
1710
+ margin: 50px auto; } }
1711
+ .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
1712
+ background: #FFF;
1713
+ min-height: 42px;
1714
+ border-bottom: solid #efefef 1px;
1715
+ -webkit-transition: all 0.2s ease 0s;
1716
+ -moz-transition: all 0.2s ease 0s;
1717
+ -ms-transition: all 0.2s ease 0s;
1718
+ -o-transition: all 0.2s ease 0s; }
1719
+ .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
1720
+ height: 56px;
1721
+ padding: 0 10px; }
1722
+ .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
1723
+ margin: 10px;
1724
+ top: 0;
1725
+ right: 0; }
1726
+ .royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
1727
+ font-size: 20px;
1728
+ padding: 19px 10px;
1729
+ margin: 0;
1730
+ font-weight: 400;
1731
+ line-height: 18px; }
1732
+ .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body {
1733
+ min-height: 150px;
1734
+ overflow-y: auto;
1735
+ padding-bottom: 20px; }
1736
+ .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
1737
+ outline: 0; }
1738
+ .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
1739
+ height: 36px;
1740
+ color: #0098f7;
1741
+ padding: 10px;
1742
+ -webkit-transition: background 0.2s ease 0s;
1743
+ -moz-transition: background 0.2s ease 0s;
1744
+ -ms-transition: background 0.2s ease 0s;
1745
+ -o-transition: background 0.2s ease 0s;
1746
+ border-radius: 2px;
1747
+ -moz-border-radius: 2px;
1748
+ -webkit-border-radius: 2px;
1749
+ -moz-background-clip: padding;
1750
+ -webkit-background-clip: padding-box;
1751
+ background-clip: padding-box; }
1752
+ .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
1753
+ background: #ebebeb;
1754
+ color: #0098f7; }
1755
+ .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
1756
+ background: #d6d6d6;
1757
+ color: #0098f7; }
1758
+ .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
1759
+ border: 0; }
1760
+ .royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
1761
+ background: #ebebeb; }
1762
+ .royal-theme.fr-overlay {
1763
+ top: 0;
1764
+ bottom: 0;
1765
+ left: 0;
1766
+ right: 0;
1767
+ background: #000;
1768
+ -webkit-opacity: 0.5;
1769
+ -moz-opacity: 0.5;
1770
+ opacity: 0.5;
1771
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1772
+ .royal-theme.fr-popup {
1773
+ color: #222222;
1774
+ background: #FFF;
1775
+ -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);
1776
+ -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);
1777
+ 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);
1778
+ font-family: Arial, Helvetica, sans-serif;
1779
+ -webkit-box-sizing: border-box;
1780
+ -moz-box-sizing: border-box;
1781
+ box-sizing: border-box;
1782
+ user-select: none;
1783
+ -o-user-select: none;
1784
+ -moz-user-select: none;
1785
+ -khtml-user-select: none;
1786
+ -webkit-user-select: none;
1787
+ -ms-user-select: none;
1788
+ margin-top: 10px;
1789
+ border-radius: 6px;
1790
+ -moz-border-radius: 6px;
1791
+ -webkit-border-radius: 6px;
1792
+ -moz-background-clip: padding;
1793
+ -webkit-background-clip: padding-box;
1794
+ background-clip: padding-box;
1795
+ -webkit-font-smoothing: antialiased;
1796
+ -moz-osx-font-smoothing: grayscale; }
1797
+ .royal-theme.fr-popup .fr-icon {
1798
+ font-size: 20px;
1799
+ font-weight: 400;
1800
+ padding: 6px; }
1801
+ .royal-theme.fr-popup .fr-icon-container {
1802
+ padding: 20px;
1803
+ max-height: 200px;
1804
+ overflow: auto;
1805
+ -webkit-box-sizing: border-box;
1806
+ -moz-box-sizing: border-box;
1807
+ box-sizing: border-box; }
1808
+ @supports not (-ms-high-contrast: none) {
1809
+ .royal-theme.fr-popup .fr-icon-container {
1810
+ grid-template-columns: repeat(auto-fill, minmax(36px, 36px)); } }
1811
+ @media (min-width: 768px) {
1812
+ .royal-theme.fr-popup .fr-icon-container {
1813
+ min-width: 276px; } }
1814
+ @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
1815
+ .royal-theme.fr-popup .fr-icon-container {
1816
+ width: 236px; } }
1817
+ .royal-theme.fr-popup .fr-input-focus {
1818
+ background: whitesmoke; }
1819
+ .royal-theme.fr-popup.fr-above {
1820
+ border-top: 0; }
1821
+ .royal-theme.fr-popup.fr-hidden {
1822
+ -webkit-opacity: 0;
1823
+ -moz-opacity: 0;
1824
+ opacity: 0;
1825
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1826
+ .royal-theme.fr-popup .fr-input-line {
1827
+ padding: 15px 0; }
1828
+ .royal-theme.fr-popup .fr-input-line input[type="text"], .royal-theme.fr-popup .fr-input-line textarea {
1829
+ margin-bottom: 1px;
1830
+ border-radius: 2px;
1831
+ -moz-border-radius: 2px;
1832
+ -webkit-border-radius: 2px;
1833
+ -moz-background-clip: padding;
1834
+ -webkit-background-clip: padding-box;
1835
+ background-clip: padding-box;
1836
+ border: solid 1px #999999;
1837
+ color: #222222;
1838
+ font-size: 14px;
1839
+ background: #FFF;
1840
+ padding: 4px 12px;
1841
+ -webkit-box-sizing: border-box;
1842
+ -moz-box-sizing: border-box;
1843
+ box-sizing: border-box;
1844
+ -webkit-transition: border 0.5s, padding 0.5s;
1845
+ -moz-transition: border 0.5s, padding 0.5s;
1846
+ -ms-transition: border 0.5s, padding 0.5s;
1847
+ -o-transition: border 0.5s, padding 0.5s; }
1848
+ .royal-theme.fr-popup .fr-input-line input[type="text"]:hover, .royal-theme.fr-popup .fr-input-line textarea:hover {
1849
+ border: solid 1px #515151; }
1850
+ .royal-theme.fr-popup .fr-input-line input[type="text"]:focus, .royal-theme.fr-popup .fr-input-line textarea:focus {
1851
+ border: solid 2px #0098f7;
1852
+ padding: 3px 11px; }
1853
+ .royal-theme.fr-popup .fr-input-line input[type="text"] {
1854
+ height: 46px; }
1855
+ .royal-theme.fr-popup .fr-input-line input + label, .royal-theme.fr-popup .fr-input-line textarea + label {
1856
+ top: 29px;
1857
+ left: 12px;
1858
+ font-size: 14px;
1859
+ -webkit-transition: all 0.5s ease;
1860
+ -moz-transition: all 0.5s ease;
1861
+ -ms-transition: all 0.5s ease;
1862
+ -o-transition: all 0.5s ease;
1863
+ background: #FFF;
1864
+ padding: 0; }
1865
+ .royal-theme.fr-popup .fr-input-line input.fr-not-empty + label, .royal-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
1866
+ color: gray;
1867
+ width: auto;
1868
+ left: 4px;
1869
+ padding: 0 4px;
1870
+ font-size: 11px;
1871
+ top: 9px; }
1872
+ .royal-theme.fr-popup input, .royal-theme.fr-popup textarea {
1873
+ user-select: text;
1874
+ -o-user-select: text;
1875
+ -moz-user-select: text;
1876
+ -khtml-user-select: text;
1877
+ -webkit-user-select: text;
1878
+ -ms-user-select: text;
1879
+ border-radius: 0;
1880
+ -moz-border-radius: 0;
1881
+ -webkit-border-radius: 0;
1882
+ -moz-background-clip: padding;
1883
+ -webkit-background-clip: padding-box;
1884
+ background-clip: padding-box; }
1885
+ .royal-theme.fr-popup .fr-buttons {
1886
+ line-height: 0; }
1887
+ .royal-theme.fr-popup .fr-buttons .fr-btn {
1888
+ margin-left: 4px;
1889
+ margin-right: 4px; }
1890
+ .royal-theme.fr-popup .fr-buttons.fr-tabs {
1891
+ border-radius: 6px 6px 0 0;
1892
+ -moz-border-radius: 6px 6px 0 0;
1893
+ -webkit-border-radius: 6px 6px 0 0;
1894
+ -moz-background-clip: padding;
1895
+ -webkit-background-clip: padding-box;
1896
+ background-clip: padding-box;
1897
+ background-color: #f5f5f5; }
1898
+ @media (max-width: 768px) {
1899
+ .royal-theme.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
1900
+ width: 276px; } }
1901
+ .royal-theme.fr-popup .fr-buttons:not(.fr-tabs) {
1902
+ padding: 5px; }
1903
+ .royal-theme.fr-popup .fr-layer {
1904
+ border-radius: 6px;
1905
+ -moz-border-radius: 6px;
1906
+ -webkit-border-radius: 6px;
1907
+ -moz-background-clip: padding;
1908
+ -webkit-background-clip: padding-box;
1909
+ background-clip: padding-box;
1910
+ width: 195px;
1911
+ -webkit-box-sizing: border-box;
1912
+ -moz-box-sizing: border-box;
1913
+ box-sizing: border-box;
1914
+ margin: 20px; }
1915
+ @media (min-width: 768px) {
1916
+ .royal-theme.fr-popup .fr-layer {
1917
+ width: 260px; } }
1918
+ .royal-theme.fr-popup .fr-action-buttons {
1919
+ height: 36px; }
1920
+ .royal-theme.fr-popup .fr-action-buttons button.fr-command {
1921
+ height: 36px;
1922
+ color: #0098f7;
1923
+ padding: 10px;
1924
+ font-size: 16px;
1925
+ -webkit-transition: background 0.2s ease 0s;
1926
+ -moz-transition: background 0.2s ease 0s;
1927
+ -ms-transition: background 0.2s ease 0s;
1928
+ -o-transition: background 0.2s ease 0s;
1929
+ border-radius: 2px;
1930
+ -moz-border-radius: 2px;
1931
+ -webkit-border-radius: 2px;
1932
+ -moz-background-clip: padding;
1933
+ -webkit-background-clip: padding-box;
1934
+ background-clip: padding-box; }
1935
+ .royal-theme.fr-popup .fr-action-buttons button.fr-command:hover, .royal-theme.fr-popup .fr-action-buttons button.fr-command:focus {
1936
+ background: #ebebeb;
1937
+ color: #0098f7; }
1938
+ .royal-theme.fr-popup .fr-action-buttons button.fr-command:active {
1939
+ background: #d6d6d6;
1940
+ color: #0098f7; }
1941
+ .royal-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
1942
+ border: 0; }
1943
+ .royal-theme.fr-popup .fr-checkbox {
1944
+ width: 18px;
1945
+ height: 18px;
1946
+ padding: 10px;
1947
+ -webkit-box-sizing: content-box;
1948
+ -moz-box-sizing: content-box;
1949
+ box-sizing: content-box; }
1950
+ .royal-theme.fr-popup .fr-checkbox svg {
1951
+ margin-left: 2px;
1952
+ margin-top: 2px;
1953
+ width: 10px;
1954
+ height: 10px; }
1955
+ .royal-theme.fr-popup .fr-checkbox span {
1956
+ border-radius: 2px;
1957
+ -moz-border-radius: 2px;
1958
+ -webkit-border-radius: 2px;
1959
+ -moz-background-clip: padding;
1960
+ -webkit-background-clip: padding-box;
1961
+ background-clip: padding-box;
1962
+ width: 18px;
1963
+ height: 18px;
1964
+ -webkit-box-sizing: border-box;
1965
+ -moz-box-sizing: border-box;
1966
+ box-sizing: border-box;
1967
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1968
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1969
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1970
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
1971
+ .royal-theme.fr-popup .fr-checkbox input {
1972
+ -webkit-opacity: 0;
1973
+ -moz-opacity: 0;
1974
+ opacity: 0;
1975
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1976
+ height: 18px;
1977
+ margin: 0;
1978
+ padding: 0;
1979
+ width: 18px; }
1980
+ .royal-theme.fr-popup .fr-checkbox input:not(:checked) + span {
1981
+ border: solid 2px #999999; }
1982
+ .royal-theme.fr-popup .fr-checkbox input:not(:checked):active + span {
1983
+ background-color: #f5f5f5; }
1984
+ .royal-theme.fr-popup .fr-checkbox input:not(:checked):focus + span, .royal-theme.fr-popup .fr-checkbox input:not(:checked):hover + span {
1985
+ border-color: #515151; }
1986
+ .royal-theme.fr-popup .fr-checkbox input:checked + span {
1987
+ background: #0098f7;
1988
+ border: solid 2px #0098f7; }
1989
+ .royal-theme.fr-popup .fr-checkbox input:checked:active + span {
1990
+ background-color: #EcF5Ff; }
1991
+ .royal-theme.fr-popup .fr-checkbox input:checked:focus + span, .royal-theme.fr-popup .fr-checkbox input:checked:hover + span {
1992
+ -webkit-opacity: 0.8;
1993
+ -moz-opacity: 0.8;
1994
+ opacity: 0.8;
1995
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1996
+ .royal-theme.fr-popup .fr-checkbox-line {
1997
+ font-size: 14px;
1998
+ line-height: 1.4px;
1999
+ margin-top: 10px; }
2000
+ .royal-theme.fr-popup .fr-checkbox-line label {
2001
+ margin: 0 5px; }
2002
+ .royal-theme.fr-popup.fr-rtl .fr-input-line input + label, .royal-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
2003
+ left: auto;
2004
+ right: 0; }
2005
+ .royal-theme .fr-text-edit-layer {
2006
+ -webkit-box-sizing: border-box;
2007
+ -moz-box-sizing: border-box;
2008
+ box-sizing: border-box; }
2009
+ .royal-theme.fr-toolbar {
2010
+ color: #222222;
2011
+ background: #FFF;
2012
+ font-family: Arial, Helvetica, sans-serif;
2013
+ -webkit-box-sizing: border-box;
2014
+ -moz-box-sizing: border-box;
2015
+ box-sizing: border-box;
2016
+ user-select: none;
2017
+ -o-user-select: none;
2018
+ -moz-user-select: none;
2019
+ -khtml-user-select: none;
2020
+ -webkit-user-select: none;
2021
+ -ms-user-select: none;
2022
+ border-radius: 2px;
2023
+ -moz-border-radius: 2px;
2024
+ -webkit-border-radius: 2px;
2025
+ -moz-background-clip: padding;
2026
+ -webkit-background-clip: padding-box;
2027
+ background-clip: padding-box;
2028
+ border: 1px solid #CCCCCC;
2029
+ -webkit-font-smoothing: antialiased;
2030
+ -moz-osx-font-smoothing: grayscale;
2031
+ padding-bottom: 0;
2032
+ -webkit-transition: padding-bottom 0.5s;
2033
+ -moz-transition: padding-bottom 0.5s;
2034
+ -ms-transition: padding-bottom 0.5s;
2035
+ -o-transition: padding-bottom 0.5s; }
2036
+ .royal-theme.fr-toolbar::after {
2037
+ clear: both;
2038
+ display: block;
2039
+ content: "";
2040
+ height: 0; }
2041
+ .royal-theme.fr-toolbar::after {
2042
+ height: 0; }
2043
+ .royal-theme.fr-toolbar .fr-newline {
2044
+ margin-left: 9px;
2045
+ margin-right: 9px;
2046
+ background: #efefef;
2047
+ height: 1px;
2048
+ -webkit-transition: height 0.5s;
2049
+ -moz-transition: height 0.5s;
2050
+ -ms-transition: height 0.5s;
2051
+ -o-transition: height 0.5s; }
2052
+ .royal-theme.fr-toolbar.fr-toolbar-open .fr-newline {
2053
+ height: 0; }
2054
+ .royal-theme.fr-toolbar .fr-more-toolbar {
2055
+ border-radius: 0;
2056
+ -moz-border-radius: 0;
2057
+ -webkit-border-radius: 0;
2058
+ -moz-background-clip: padding;
2059
+ -webkit-background-clip: padding-box;
2060
+ background-clip: padding-box;
2061
+ background-color: #f5f5f5;
2062
+ -webkit-transition: height 0.5s;
2063
+ -moz-transition: height 0.5s;
2064
+ -ms-transition: height 0.5s;
2065
+ -o-transition: height 0.5s;
2066
+ height: 0;
2067
+ -webkit-box-sizing: border-box;
2068
+ -moz-box-sizing: border-box;
2069
+ box-sizing: border-box; }
2070
+ .royal-theme.fr-toolbar .fr-more-toolbar.fr-expanded {
2071
+ height: 48px; }
2072
+ .royal-theme.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
2073
+ margin-left: 4px;
2074
+ margin-right: 4px; }
2075
+ .royal-theme.fr-toolbar .fr-btn-grp {
2076
+ margin: 0 17px 0 12px; }
2077
+ @media (max-width: 768px) {
2078
+ .royal-theme.fr-toolbar .fr-btn-grp {
2079
+ margin: 0 7px 0 6px; } }
2080
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-open {
2081
+ margin-top: 10px;
2082
+ margin-bottom: -1px;
2083
+ border-radius: 4px 4px 0 0;
2084
+ -moz-border-radius: 4px 4px 0 0;
2085
+ -webkit-border-radius: 4px 4px 0 0;
2086
+ -moz-background-clip: padding;
2087
+ -webkit-background-clip: padding-box;
2088
+ background-clip: padding-box; }
2089
+ .royal-theme.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
2090
+ background: #f5f5f5; }
2091
+ .royal-theme.fr-toolbar.fr-inline {
2092
+ -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);
2093
+ -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);
2094
+ 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);
2095
+ border: 0;
2096
+ z-index: 2147483630; }
2097
+ .royal-theme.fr-toolbar.fr-inline.fr-above {
2098
+ border-top: 0; }
2099
+ .royal-theme.fr-toolbar.fr-inline .fr-newline {
2100
+ height: 0; }
2101
+ .royal-theme.fr-toolbar.fr-top {
2102
+ top: 0;
2103
+ border-bottom: 0;
2104
+ border-radius: 10px 10px 0 0;
2105
+ -moz-border-radius: 10px 10px 0 0;
2106
+ -webkit-border-radius: 10px 10px 0 0;
2107
+ -moz-background-clip: padding;
2108
+ -webkit-background-clip: padding-box;
2109
+ background-clip: padding-box; }
2110
+ .royal-theme.fr-toolbar.fr-bottom {
2111
+ bottom: 0;
2112
+ border-top: 0;
2113
+ padding-bottom: 0;
2114
+ border-radius: 0 0 10px 10px;
2115
+ -moz-border-radius: 0 0 10px 10px;
2116
+ -webkit-border-radius: 0 0 10px 10px;
2117
+ -moz-background-clip: padding;
2118
+ -webkit-background-clip: padding-box;
2119
+ background-clip: padding-box; }
2120
+ .royal-theme.fr-toolbar.fr-bottom .fr-newline {
2121
+ padding-top: 0;
2122
+ -webkit-transition: padding-top 0.5s;
2123
+ -moz-transition: padding-top 0.5s;
2124
+ -ms-transition: padding-top 0.5s;
2125
+ -o-transition: padding-top 0.5s; }
2126
+ .royal-theme.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
2127
+ padding-top: 48px;
2128
+ background: #FFF; }
2129
+ .royal-theme.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
2130
+ margin-top: -1px;
2131
+ margin-bottom: 10px;
2132
+ border-radius: 0 0 4px 4px;
2133
+ -moz-border-radius: 0 0 4px 4px;
2134
+ -webkit-border-radius: 0 0 4px 4px;
2135
+ -moz-background-clip: padding;
2136
+ -webkit-background-clip: padding-box;
2137
+ background-clip: padding-box; }
2138
+ .royal-theme.fr-toolbar.fr-sticky-on {
2139
+ border-radius: 0;
2140
+ -moz-border-radius: 0;
2141
+ -webkit-border-radius: 0;
2142
+ -moz-background-clip: padding;
2143
+ -webkit-background-clip: padding-box;
2144
+ background-clip: padding-box; }
2145
+ .royal-theme .fr-separator {
2146
+ background: #ebebeb; }
2147
+ .royal-theme .fr-separator.fr-vs {
2148
+ height: 32px;
2149
+ width: 1px;
2150
+ margin: 8px 4px; }
2151
+ .royal-theme .fr-separator.fr-hs {
2152
+ width: calc(100% - (2 * 4px));
2153
+ margin: 0 4px;
2154
+ height: 1px; }
2155
+ .royal-theme .fr-second-toolbar {
2156
+ border: 1px solid #CCCCCC;
2157
+ border-top: 0;
2158
+ background: #FFF;
2159
+ border-radius: 0 0 10px 10px;
2160
+ -moz-border-radius: 0 0 10px 10px;
2161
+ -webkit-border-radius: 0 0 10px 10px;
2162
+ -moz-background-clip: padding;
2163
+ -webkit-background-clip: padding-box;
2164
+ background-clip: padding-box; }
2165
+ .royal-theme .fr-second-toolbar::after {
2166
+ clear: both;
2167
+ display: block;
2168
+ content: "";
2169
+ height: 0; }
2170
+ .royal-theme #fr-logo > span {
2171
+ padding: 11px 5px 10px 15px;
2172
+ font-size: 12px;
2173
+ font-weight: 500;
2174
+ color: #b1b2b7;
2175
+ -webkit-transition: color 0.3s;
2176
+ -moz-transition: color 0.3s;
2177
+ -ms-transition: color 0.3s;
2178
+ -o-transition: color 0.3s; }
2179
+ .royal-theme #fr-logo > svg {
2180
+ height: 20px;
2181
+ width: 47px;
2182
+ margin: 7px 0; }
2183
+ .royal-theme #fr-logo > svg * {
2184
+ -webkit-transition: fill 0.3s;
2185
+ -moz-transition: fill 0.3s;
2186
+ -ms-transition: fill 0.3s;
2187
+ -o-transition: fill 0.3s; }
2188
+ .royal-theme #fr-logo:hover > span, .royal-theme #fr-logo:focus > span {
2189
+ color: #0098f7; }
2190
+ .royal-theme #fr-logo:hover > svg .fr-logo, .royal-theme #fr-logo:focus > svg .fr-logo {
2191
+ fill: #0098f7; }