activeadmin_froala_editor 0.4.0 → 1.0.0

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