@syncfusion/ej2-angular-documenteditor 24.1.43 → 24.1.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/README.md +1 -1
  2. package/package.json +7 -7
  3. package/schematics/utils/lib-details.d.ts +2 -2
  4. package/schematics/utils/lib-details.js +2 -2
  5. package/schematics/utils/lib-details.ts +2 -2
  6. package/styles/bootstrap-dark.css +1 -5865
  7. package/styles/bootstrap.css +1 -5893
  8. package/styles/bootstrap4.css +1 -6251
  9. package/styles/bootstrap5-dark.css +1 -6211
  10. package/styles/bootstrap5.css +1 -6211
  11. package/styles/document-editor/bootstrap-dark.css +1 -3874
  12. package/styles/document-editor/bootstrap-dark.scss +1 -4
  13. package/styles/document-editor/bootstrap.css +1 -3875
  14. package/styles/document-editor/bootstrap.scss +1 -4
  15. package/styles/document-editor/bootstrap4.css +1 -4030
  16. package/styles/document-editor/bootstrap4.scss +1 -4
  17. package/styles/document-editor/bootstrap5-dark.css +1 -3972
  18. package/styles/document-editor/bootstrap5-dark.scss +1 -4
  19. package/styles/document-editor/bootstrap5.css +1 -3972
  20. package/styles/document-editor/bootstrap5.scss +1 -4
  21. package/styles/document-editor/fabric-dark.css +1 -3874
  22. package/styles/document-editor/fabric-dark.scss +1 -4
  23. package/styles/document-editor/fabric.css +1 -3878
  24. package/styles/document-editor/fabric.scss +1 -4
  25. package/styles/document-editor/fluent-dark.css +1 -3916
  26. package/styles/document-editor/fluent-dark.scss +1 -4
  27. package/styles/document-editor/fluent.css +1 -3916
  28. package/styles/document-editor/fluent.scss +1 -4
  29. package/styles/document-editor/highcontrast-light.css +1 -2794
  30. package/styles/document-editor/highcontrast-light.scss +1 -4
  31. package/styles/document-editor/highcontrast.css +1 -3874
  32. package/styles/document-editor/highcontrast.scss +1 -4
  33. package/styles/document-editor/material-dark.css +1 -3868
  34. package/styles/document-editor/material-dark.scss +1 -4
  35. package/styles/document-editor/material.css +1 -3868
  36. package/styles/document-editor/material.scss +1 -4
  37. package/styles/document-editor/material3-dark.css +1 -4026
  38. package/styles/document-editor/material3-dark.scss +1 -4
  39. package/styles/document-editor/material3.css +1 -4082
  40. package/styles/document-editor/material3.scss +1 -4
  41. package/styles/document-editor/tailwind-dark.css +1 -4182
  42. package/styles/document-editor/tailwind-dark.scss +1 -4
  43. package/styles/document-editor/tailwind.css +1 -4185
  44. package/styles/document-editor/tailwind.scss +1 -4
  45. package/styles/document-editor-container/bootstrap-dark.css +1 -1990
  46. package/styles/document-editor-container/bootstrap-dark.scss +1 -5
  47. package/styles/document-editor-container/bootstrap.css +1 -2017
  48. package/styles/document-editor-container/bootstrap.scss +1 -5
  49. package/styles/document-editor-container/bootstrap4.css +1 -2220
  50. package/styles/document-editor-container/bootstrap4.scss +1 -5
  51. package/styles/document-editor-container/bootstrap5-dark.css +1 -2238
  52. package/styles/document-editor-container/bootstrap5-dark.scss +1 -5
  53. package/styles/document-editor-container/bootstrap5.css +1 -2238
  54. package/styles/document-editor-container/bootstrap5.scss +1 -5
  55. package/styles/document-editor-container/fabric-dark.css +1 -1976
  56. package/styles/document-editor-container/fabric-dark.scss +1 -5
  57. package/styles/document-editor-container/fabric.css +1 -2012
  58. package/styles/document-editor-container/fabric.scss +1 -5
  59. package/styles/document-editor-container/fluent-dark.css +1 -2127
  60. package/styles/document-editor-container/fluent-dark.scss +1 -5
  61. package/styles/document-editor-container/fluent.css +1 -2127
  62. package/styles/document-editor-container/fluent.scss +1 -5
  63. package/styles/document-editor-container/highcontrast-light.css +1 -4011
  64. package/styles/document-editor-container/highcontrast-light.scss +1 -5
  65. package/styles/document-editor-container/highcontrast.css +1 -2019
  66. package/styles/document-editor-container/highcontrast.scss +1 -5
  67. package/styles/document-editor-container/material-dark.css +1 -1971
  68. package/styles/document-editor-container/material-dark.scss +1 -5
  69. package/styles/document-editor-container/material.css +1 -1990
  70. package/styles/document-editor-container/material.scss +1 -5
  71. package/styles/document-editor-container/material3-dark.css +1 -2251
  72. package/styles/document-editor-container/material3-dark.scss +1 -5
  73. package/styles/document-editor-container/material3.css +1 -2307
  74. package/styles/document-editor-container/material3.scss +1 -5
  75. package/styles/document-editor-container/tailwind-dark.css +1 -2074
  76. package/styles/document-editor-container/tailwind-dark.scss +1 -5
  77. package/styles/document-editor-container/tailwind.css +1 -2074
  78. package/styles/document-editor-container/tailwind.scss +1 -5
  79. package/styles/fabric-dark.css +1 -5851
  80. package/styles/fabric.css +1 -5891
  81. package/styles/fluent-dark.css +1 -6044
  82. package/styles/fluent.css +1 -6044
  83. package/styles/highcontrast-light.css +1 -4768
  84. package/styles/highcontrast.css +1 -5894
  85. package/styles/material-dark.css +1 -5840
  86. package/styles/material.css +1 -5859
  87. package/styles/material3-dark.css +1 -6223
  88. package/styles/material3-dark.scss +0 -1
  89. package/styles/material3.css +1 -6279
  90. package/styles/material3.scss +0 -1
  91. package/styles/tailwind-dark.css +1 -6257
  92. package/styles/tailwind.css +1 -6260
  93. package/styles/document-editor/_all.scss +0 -3
  94. package/styles/document-editor/_bootstrap-dark-definition.scss +0 -548
  95. package/styles/document-editor/_bootstrap-definition.scss +0 -547
  96. package/styles/document-editor/_bootstrap4-definition.scss +0 -560
  97. package/styles/document-editor/_bootstrap5-dark-definition.scss +0 -1
  98. package/styles/document-editor/_bootstrap5-definition.scss +0 -561
  99. package/styles/document-editor/_fabric-dark-definition.scss +0 -550
  100. package/styles/document-editor/_fabric-definition.scss +0 -549
  101. package/styles/document-editor/_fluent-dark-definition.scss +0 -1
  102. package/styles/document-editor/_fluent-definition.scss +0 -570
  103. package/styles/document-editor/_fusionnew-definition.scss +0 -561
  104. package/styles/document-editor/_highcontrast-definition.scss +0 -549
  105. package/styles/document-editor/_highcontrast-light-definition.scss +0 -2989
  106. package/styles/document-editor/_layout.scss +0 -224
  107. package/styles/document-editor/_material-dark-definition.scss +0 -566
  108. package/styles/document-editor/_material-definition.scss +0 -566
  109. package/styles/document-editor/_material3-dark-definition.scss +0 -1
  110. package/styles/document-editor/_material3-definition.scss +0 -561
  111. package/styles/document-editor/_tailwind-dark-definition.scss +0 -1
  112. package/styles/document-editor/_tailwind-definition.scss +0 -558
  113. package/styles/document-editor/_theme.scss +0 -3589
  114. package/styles/document-editor/icons/_bootstrap-dark.scss +0 -660
  115. package/styles/document-editor/icons/_bootstrap.scss +0 -660
  116. package/styles/document-editor/icons/_bootstrap4.scss +0 -645
  117. package/styles/document-editor/icons/_bootstrap5-dark.scss +0 -1
  118. package/styles/document-editor/icons/_bootstrap5.scss +0 -699
  119. package/styles/document-editor/icons/_fabric-dark.scss +0 -660
  120. package/styles/document-editor/icons/_fabric.scss +0 -660
  121. package/styles/document-editor/icons/_fluent-dark.scss +0 -1
  122. package/styles/document-editor/icons/_fluent.scss +0 -702
  123. package/styles/document-editor/icons/_fusionnew.scss +0 -696
  124. package/styles/document-editor/icons/_highcontrast-light.scss +0 -665
  125. package/styles/document-editor/icons/_highcontrast.scss +0 -660
  126. package/styles/document-editor/icons/_material-dark.scss +0 -653
  127. package/styles/document-editor/icons/_material.scss +0 -653
  128. package/styles/document-editor/icons/_material3-dark.scss +0 -1
  129. package/styles/document-editor/icons/_material3.scss +0 -696
  130. package/styles/document-editor/icons/_tailwind-dark.scss +0 -696
  131. package/styles/document-editor/icons/_tailwind.scss +0 -699
  132. package/styles/document-editor/implementation/dailogs/_paragraph-dailogs.scss +0 -174
  133. package/styles/document-editor-container/_all.scss +0 -2
  134. package/styles/document-editor-container/_bootstrap-dark-definition.scss +0 -141
  135. package/styles/document-editor-container/_bootstrap-definition.scss +0 -141
  136. package/styles/document-editor-container/_bootstrap4-definition.scss +0 -157
  137. package/styles/document-editor-container/_bootstrap5-dark-definition.scss +0 -1
  138. package/styles/document-editor-container/_bootstrap5-definition.scss +0 -167
  139. package/styles/document-editor-container/_definition.scss +0 -12
  140. package/styles/document-editor-container/_fabric-dark-definition.scss +0 -146
  141. package/styles/document-editor-container/_fabric-definition.scss +0 -143
  142. package/styles/document-editor-container/_fluent-dark-definition.scss +0 -1
  143. package/styles/document-editor-container/_fluent-definition.scss +0 -168
  144. package/styles/document-editor-container/_fusionnew-definition.scss +0 -167
  145. package/styles/document-editor-container/_highcontrast-definition.scss +0 -144
  146. package/styles/document-editor-container/_highcontrast-light-definition.scss +0 -147
  147. package/styles/document-editor-container/_layout.scss +0 -89
  148. package/styles/document-editor-container/_material-dark-definition.scss +0 -145
  149. package/styles/document-editor-container/_material-definition.scss +0 -144
  150. package/styles/document-editor-container/_material3-dark-definition.scss +0 -1
  151. package/styles/document-editor-container/_material3-definition.scss +0 -171
  152. package/styles/document-editor-container/_tailwind-dark-definition.scss +0 -1
  153. package/styles/document-editor-container/_tailwind-definition.scss +0 -161
  154. package/styles/document-editor-container/_theme.scss +0 -2468
  155. package/styles/document-editor-container/icons/_bootstrap-dark.scss +0 -482
  156. package/styles/document-editor-container/icons/_bootstrap.scss +0 -482
  157. package/styles/document-editor-container/icons/_bootstrap4.scss +0 -482
  158. package/styles/document-editor-container/icons/_bootstrap5-dark.scss +0 -1
  159. package/styles/document-editor-container/icons/_bootstrap5.scss +0 -509
  160. package/styles/document-editor-container/icons/_fabric-dark.scss +0 -483
  161. package/styles/document-editor-container/icons/_fabric.scss +0 -482
  162. package/styles/document-editor-container/icons/_fluent-dark.scss +0 -1
  163. package/styles/document-editor-container/icons/_fluent.scss +0 -508
  164. package/styles/document-editor-container/icons/_fusionnew.scss +0 -508
  165. package/styles/document-editor-container/icons/_highcontrast-light.scss +0 -482
  166. package/styles/document-editor-container/icons/_highcontrast.scss +0 -482
  167. package/styles/document-editor-container/icons/_material-dark.scss +0 -484
  168. package/styles/document-editor-container/icons/_material.scss +0 -484
  169. package/styles/document-editor-container/icons/_material3-dark.scss +0 -1
  170. package/styles/document-editor-container/icons/_material3.scss +0 -507
  171. package/styles/document-editor-container/icons/_tailwind-dark.scss +0 -508
  172. package/styles/document-editor-container/icons/_tailwind.scss +0 -508
@@ -1,2251 +1 @@
1
- :root {
2
- --color-sf-black: 0, 0, 0;
3
- --color-sf-white: 255, 255, 255;
4
- --color-sf-primary: 208, 188, 255;
5
- --color-sf-primary-container: 79, 55, 139;
6
- --color-sf-secondary: 204, 194, 220;
7
- --color-sf-secondary-container: 74, 68, 88;
8
- --color-sf-tertiary: 239, 184, 200;
9
- --color-sf-tertiary-container: 99, 59, 72;
10
- --color-sf-surface: 28, 27, 31;
11
- --color-sf-surface-variant: 73, 69, 79;
12
- --color-sf-background: var(--color-sf-surface);
13
- --color-sf-on-primary: 55, 30, 115;
14
- --color-sf-on-primary-container: 234, 221, 255;
15
- --color-sf-on-secondary: 51, 45, 65;
16
- --color-sf-on-secondary-container: 232, 222, 248;
17
- --color-sf-on-tertiary: 73, 37, 50;
18
- --color-sf-on-tertiary-containe: 255, 216, 228;
19
- --color-sf-on-surface: 230, 225, 229;
20
- --color-sf-on-surface-variant: 202, 196, 208;
21
- --color-sf-on-background: 230, 225, 229;
22
- --color-sf-outline: 147, 143, 153;
23
- --color-sf-outline-variant: 68, 71, 70;
24
- --color-sf-shadow: 0, 0, 0;
25
- --color-sf-surface-tint-color: 208, 188, 255;
26
- --color-sf-inverse-surface: 230, 225, 229;
27
- --color-sf-inverse-on-surface: 49, 48, 51;
28
- --color-sf-inverse-primary: 103, 80, 164;
29
- --color-sf-scrim: 0, 0, 0;
30
- --color-sf-error: 242, 184, 181;
31
- --color-sf-error-container: 140, 29, 24;
32
- --color-sf-on-error: 96, 20, 16;
33
- --color-sf-on-error-container: 249, 222, 220;
34
- --color-sf-success: 83, 202, 23;
35
- --color-sf-success-container: 22, 62, 2;
36
- --color-sf-on-success: 13, 39, 0;
37
- --color-sf-on-success-container: 183, 250, 150;
38
- --color-sf-info: 71, 172, 251;
39
- --color-sf-info-container: 0, 67, 120;
40
- --color-sf-on-info: 0, 51, 91;
41
- --color-sf-on-info-container: 173, 219, 255;
42
- --color-sf-warning: 245, 180, 130;
43
- --color-sf-warning-container: 123, 65, 0;
44
- --color-sf-on-warning: 99, 52, 0;
45
- --color-sf-on-warning-container: 255, 220, 193;
46
- --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
48
- --color-sf-success-text: 0, 0, 0;
49
- --color-sf-warning-text: 0, 0, 0;
50
- --color-sf-info-text: 0, 0, 0;
51
- --color-sf-danger-text: 0, 0, 0;
52
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
53
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
54
- }
55
-
56
- .e-de-ctnr-close::before {
57
- color: rgba(var(--color-sf-on-surface-variant));
58
- content: "\e7e7";
59
- font-size: 16px;
60
- }
61
-
62
- .e-de-ctnr-linespacing::before {
63
- content: "\e78d";
64
- }
65
-
66
- .e-de-ctnr-undo::before {
67
- content: "\e713";
68
- }
69
-
70
- .e-de-ctnr-find::before {
71
- content: "\e754";
72
- }
73
-
74
- .e-de-ctnr-lock::before {
75
- content: "\e7ff";
76
- }
77
-
78
- .e-de-ctnr-italic::before {
79
- content: "\e75a";
80
- }
81
-
82
- .e-de-selected-spellcheck-item::before {
83
- color: var(--color-sf-on-surface-variant);
84
- content: "\e774";
85
- font-family: "e-icons";
86
- font-size: 10px;
87
- }
88
-
89
- .e-de-selected-underline-item::before {
90
- color: var(--color-sf-on-surface-variant);
91
- content: "\e774";
92
- font-family: "e-icons";
93
- font-size: 10px;
94
- }
95
-
96
- .e-de-ctnr-link::before {
97
- content: "\e757";
98
- }
99
-
100
- .e-de-ctnr-table::before {
101
- content: "\e7d1";
102
- }
103
-
104
- .e-de-ctnr-download::before {
105
- color: var(--color-sf-on-surface-variant);
106
- content: "\e7a1";
107
- }
108
-
109
- .e-de-ctnr-justify::before {
110
- content: "\e721";
111
- }
112
-
113
- .e-de-ctnr-tableofcontent::before {
114
- content: "\e73d";
115
- }
116
-
117
- .e-de-ctnr-pagenumber::before {
118
- content: "\e77d";
119
- }
120
-
121
- .e-de-ctnr-highlight::before {
122
- content: "\e739";
123
- }
124
-
125
- .e-de-ctnr-new::before {
126
- content: "\e805";
127
- }
128
-
129
- .e-de-ctnr-paste::before {
130
- content: "\e70b";
131
- }
132
-
133
- .e-de-ctnr-bold::before {
134
- content: "\e737";
135
- }
136
-
137
- .e-de-ctnr-subscript::before {
138
- content: "\e80a";
139
- }
140
-
141
- .e-de-ctnr-aligncenter::before {
142
- content: "\e813";
143
- }
144
-
145
- .e-de-ctnr-fontcolor::before {
146
- content: "\e79f";
147
- }
148
-
149
- .e-de-ctnr-change-case::before {
150
- content: "\e7f5";
151
- }
152
-
153
- .e-de-ctnr-pagesetup::before {
154
- content: "\e794";
155
- }
156
-
157
- .e-de-ctnr-strokestyle::before {
158
- content: "\eb62";
159
- }
160
-
161
- .e-de-ctnr-strikethrough::before {
162
- content: "\e758";
163
- }
164
-
165
- .e-de-ctnr-image::before {
166
- content: "\e786";
167
- }
168
-
169
- .e-de-ctnr-redo::before {
170
- content: "\e755";
171
- }
172
-
173
- .e-de-ctnr-bookmark::before {
174
- content: "\e750";
175
- }
176
-
177
- .e-de-ctnr-increaseindent::before {
178
- content: "\e810";
179
- }
180
-
181
- .e-de-ctnr-header::before {
182
- content: "\e704";
183
- }
184
-
185
- .e-de-ctnr-backgroundcolor::before {
186
- content: "\eb6b";
187
- }
188
-
189
- .e-de-ctnr-open::before {
190
- content: "\e760";
191
- }
192
-
193
- .e-de-ctnr-underline::before {
194
- content: "\e82f";
195
- }
196
-
197
- .e-de-ctnr-superscript::before {
198
- content: "\e7a7";
199
- }
200
-
201
- .e-de-ctnr-alignleft::before {
202
- content: "\e7b8";
203
- }
204
-
205
- .e-de-ctnr-numbering::before {
206
- content: "\e7cb";
207
- }
208
-
209
- .e-de-ctnr-bullets::before {
210
- content: "\e77e";
211
- }
212
-
213
- .e-de-ctnr-borders::before {
214
- content: "\e893";
215
- }
216
-
217
- .e-de-ctnr-decreaseindent::before {
218
- content: "\e72a";
219
- }
220
-
221
- .e-de-ctnr-showhide::before {
222
- content: "\e71a";
223
- }
224
-
225
- .e-de-ctnr-print::before {
226
- content: "\e75d";
227
- }
228
-
229
- .e-de-ctnr-alignright::before {
230
- content: "\e719";
231
- }
232
-
233
- .e-de-ctnr-footer::before {
234
- content: "\e7bb";
235
- }
236
-
237
- .e-de-ctnr-clearall::before {
238
- content: "\e7cc";
239
- }
240
-
241
- .e-de-ctnr-outsideborder::before {
242
- content: "\e7ad";
243
- }
244
-
245
- .e-de-ctnr-allborders::before {
246
- content: "\e7d1";
247
- }
248
-
249
- .e-de-ctnr-insideborders::before {
250
- content: "\e78f";
251
- }
252
-
253
- .e-de-ctnr-leftborders::before {
254
- content: "\e806";
255
- }
256
-
257
- .e-de-ctnr-insideverticalborder::before {
258
- content: "\e792";
259
- }
260
-
261
- .e-de-ctnr-rightborder::before {
262
- content: "\e7ab";
263
- }
264
-
265
- .e-de-ctnr-topborder::before {
266
- content: "\e7e0";
267
- }
268
-
269
- .e-de-ctnr-insidehorizondalborder::before {
270
- content: "\e83b";
271
- }
272
-
273
- .e-de-ctnr-bottomborder::before {
274
- content: "\e766";
275
- }
276
-
277
- .e-de-ctnr-strokesize::before {
278
- content: "\e7bf";
279
- }
280
-
281
- .e-de-ctnr-highlightcolor::before {
282
- content: "\e739";
283
- }
284
-
285
- .e-de-ctnr-mergecell::before {
286
- content: "\e71e";
287
- }
288
-
289
- .e-de-ctnr-insertleft::before {
290
- content: "\e78b";
291
- }
292
-
293
- .e-de-ctnr-insertright::before {
294
- content: "\e70e";
295
- }
296
-
297
- .e-de-ctnr-insertabove::before {
298
- content: "\e836";
299
- }
300
-
301
- .e-de-ctnr-insertbelow::before {
302
- content: "\e801";
303
- }
304
-
305
- .e-de-ctnr-deleterows::before {
306
- content: "\e7f2";
307
- }
308
-
309
- .e-de-ctnr-deletecolumns::before {
310
- content: "\e714";
311
- }
312
-
313
- .e-de-ctnr-aligntop::before {
314
- content: "\e707";
315
- }
316
-
317
- .e-de-ctnr-alignbottom::before {
318
- content: "\e7a0";
319
- }
320
-
321
- .e-de-ctnr-aligncenter-table::before {
322
- content: "\e74f";
323
- }
324
-
325
- .e-de-ctnr-cellbg-clr-picker::before {
326
- content: "\e783";
327
- }
328
-
329
- .e-de-ctnr-bullet-none::before {
330
- color: var(--color-sf-on-surface-variant);
331
- content: "\e7f3";
332
- font-size: 20px;
333
- line-height: 28px;
334
- }
335
-
336
- .e-de-ctnr-bullet-dot::before {
337
- color: var(--color-sf-on-surface-variant);
338
- content: "\e747";
339
- font-size: 8px;
340
- line-height: 28px;
341
- }
342
-
343
- .e-de-ctnr-bullet-circle::before {
344
- color: var(--color-sf-on-surface-variant);
345
- content: "\e7d0";
346
- font-size: 8px;
347
- line-height: 28px;
348
- }
349
-
350
- .e-de-ctnr-bullet-square::before {
351
- color: var(--color-sf-on-surface-variant);
352
- content: "\e7be";
353
- font-size: 8px;
354
- line-height: 28px;
355
- }
356
-
357
- .e-de-ctnr-bullet-flower::before {
358
- color: var(--color-sf-on-surface-variant);
359
- content: "\e79b";
360
- line-height: 28px;
361
- }
362
-
363
- .e-de-ctnr-bullet-arrow::before {
364
- color: var(--color-sf-on-surface-variant);
365
- content: "\e763";
366
- line-height: 28px;
367
- }
368
-
369
- .e-de-ctnr-bullet-tick::before {
370
- color: var(--color-sf-on-surface-variant);
371
- content: "\e7fc";
372
- line-height: 28px;
373
- }
374
-
375
- .e-de-selected-item::before {
376
- color: var(--color-sf-on-surface-variant);
377
- content: "\e774";
378
- }
379
-
380
- .e-de-ctnr-break::before {
381
- content: "\e7bc";
382
- }
383
-
384
- .e-de-ctnr-page-break::before {
385
- content: "\e742";
386
- }
387
-
388
- .e-de-ctnr-section-break::before {
389
- content: "\e762";
390
- }
391
-
392
- .e-de-ctnr-upload::before {
393
- color: var(--color-sf-on-surface-variant);
394
- content: "\e712";
395
- }
396
-
397
- .e-de-flip {
398
- transform: scaleX(-1);
399
- }
400
-
401
- .e-de-cnt-cmt-add::before {
402
- content: "\e82c";
403
- }
404
-
405
- .e-de-cnt-track::before {
406
- content: "\e80b";
407
- }
408
-
409
- .e-de-printlayout::before {
410
- content: "\e73a";
411
- }
412
-
413
- .e-de-weblayout::before {
414
- content: "\e7d3";
415
- }
416
-
417
- .e-de-textform::before {
418
- color: var(--color-sf-on-surface-variant);
419
- content: "\e830";
420
- font-family: "e-icons";
421
- }
422
-
423
- .e-de-formproperties::before {
424
- color: var(--color-sf-on-surface-variant);
425
- content: "\e83e";
426
- font-family: "e-icons";
427
- }
428
-
429
- .e-de-clearform::before {
430
- color: var(--color-sf-on-surface-variant);
431
- content: "\e7f8";
432
- font-family: "e-icons";
433
- }
434
-
435
- .e-de-dropdownform::before {
436
- color: var(--color-sf-on-surface-variant);
437
- content: "\e7a6";
438
- font-family: "e-icons";
439
- }
440
-
441
- .e-de-formfield::before {
442
- content: "\e7cd";
443
- font-family: "e-icons";
444
- }
445
-
446
- .e-de-checkbox-form::before {
447
- color: var(--color-sf-on-surface-variant);
448
- content: "\e7e4";
449
- font-family: "e-icons";
450
- }
451
-
452
- .e-de-arrow-up::before {
453
- content: "\e776";
454
- font-family: "e-icons";
455
- }
456
-
457
- .e-de-arrow-down::before {
458
- content: "\e729";
459
- font-family: "e-icons";
460
- }
461
-
462
- .e-de-update-field::before {
463
- content: "\e828";
464
- font-family: "e-icons";
465
- }
466
-
467
- .e-de-footnote::before {
468
- content: "\e7af";
469
- font-family: "e-icons";
470
- }
471
-
472
- .e-de-endnote::before {
473
- content: "\e7af";
474
- font-family: "e-icons";
475
- }
476
-
477
- .e-de-e-paragraph-mark::before {
478
- content: "\e844";
479
- font-family: "e-icons";
480
- }
481
-
482
- .e-de-e-paragraph-style-mark::before {
483
- content: "\e844";
484
- font-family: "e-icons";
485
- }
486
-
487
- .e-de-e-character-style-mark::before {
488
- content: "\e8bf";
489
- font-family: "e-icons";
490
- }
491
-
492
- .e-de-e-linked-style-mark::before {
493
- content: "\e8c0";
494
- font-family: "e-icons";
495
- }
496
-
497
- .e-de-ctnr-columns::before {
498
- content: "\e8b4";
499
- font-family: "e-icons";
500
- }
501
-
502
- .e-de-ctnr-page-size::before {
503
- content: "\e89a";
504
- font-family: "e-icons";
505
- }
506
-
507
- .e-de-ctnr-page-break-column::before {
508
- content: "\e8b4";
509
- font-family: "e-icons";
510
- }
511
-
512
- .e-de-ctnr-page-break-text-wrapping::before {
513
- content: "\e972";
514
- font-family: "e-icons";
515
- }
516
-
517
- .e-de-ctnr-section-break-continuous::before {
518
- content: "\e8b5";
519
- font-family: "e-icons";
520
- }
521
-
522
- .e-de-ctnr-section-break-even-page::before {
523
- content: "\e8b2";
524
- font-family: "e-icons";
525
- }
526
-
527
- .e-de-ctnr-section-break-odd-page::before {
528
- content: "\e8b3";
529
- font-family: "e-icons";
530
- }
531
-
532
- .e-de-ctnr-columns-one::before {
533
- content: "\e8b9";
534
- font-family: "e-icons";
535
- font-size: 60px;
536
- }
537
-
538
- .e-de-ctnr-columns-two::before {
539
- content: "\e8ba";
540
- font-family: "e-icons";
541
- font-size: 60px;
542
- }
543
-
544
- .e-de-ctnr-columns-three::before {
545
- content: "\e8bb";
546
- font-family: "e-icons";
547
- font-size: 60px;
548
- }
549
-
550
- .e-de-ctnr-columns-right::before {
551
- content: "\e8b7";
552
- font-family: "e-icons";
553
- font-size: 60px;
554
- }
555
-
556
- .e-de-ctnr-columns-left::before {
557
- content: "\e8b8";
558
- font-family: "e-icons";
559
- font-size: 60px;
560
- }
561
-
562
- .e-de-toolbar {
563
- height: 100%;
564
- }
565
-
566
- .e-documenteditorcontainer {
567
- display: block;
568
- }
569
-
570
- .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
571
- height: 0;
572
- line-height: 0;
573
- }
574
-
575
- .e-de-ctnr-file-picker {
576
- left: -110em;
577
- position: fixed;
578
- }
579
-
580
- .e-de-ctnr-rtl {
581
- direction: rtl;
582
- }
583
-
584
- .e-de-ctnr-hglt-btn {
585
- border: 0.5px solid transparent;
586
- display: inline-block;
587
- height: 25px;
588
- margin: 3px;
589
- width: 25px;
590
- }
591
-
592
- .e-color-selected,
593
- .e-de-ctnr-hglt-btn:hover {
594
- border-color: rgba(var(--color-sf-white));
595
- outline: rgba(var(--color-sf-black)) 0.5px solid;
596
- }
597
-
598
- .e-hglt-no-color {
599
- height: 30px;
600
- padding-top: 1px;
601
- width: 157px;
602
- }
603
- .e-hglt-no-color:hover {
604
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
605
- cursor: pointer;
606
- }
607
-
608
- .e-de-ctnr-hglt-no-color {
609
- font-size: 12px;
610
- font-weight: normal;
611
- left: 40px;
612
- padding-top: 11px;
613
- position: absolute;
614
- top: 100px;
615
- }
616
-
617
- /* stylelint-disable */
618
- .e-de-scrollbar-hide::-webkit-scrollbar {
619
- width: 0;
620
- }
621
-
622
- .e-de-scrollbar-hide {
623
- -ms-overflow-style: none;
624
- scrollbar-width: none;
625
- }
626
-
627
- /* stylelint-enable */
628
- /* stylelint-disable */
629
- .e-de-toolbar {
630
- height: 100%;
631
- }
632
-
633
- .e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
634
- box-shadow: none;
635
- height: 32px;
636
- }
637
- .e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
638
- box-shadow: none;
639
- }
640
- .e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
641
- box-shadow: none;
642
- }
643
- .e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
644
- box-shadow: none;
645
- }
646
-
647
- .e-de-ctnr-group-btn-middle button {
648
- border-radius: 0px;
649
- }
650
-
651
- .e-de-review-pane button.e-de-close-icon {
652
- background: transparent;
653
- box-shadow: none;
654
- }
655
-
656
- .e-de-op-more-less > div:last-child label {
657
- left: 35px;
658
- }
659
-
660
- .e-bigger .e-de-ctn .e-de-bzr-button {
661
- line-height: 17px;
662
- padding-top: 12px;
663
- }
664
-
665
- .e-de-ctn .e-de-bzr-button {
666
- box-shadow: none !important;
667
- }
668
-
669
- .e-bigger .e-de-ctn .e-de-bzr-button {
670
- box-shadow: none !important;
671
- }
672
-
673
- .e-de-char-fmt-btn-left button:not(:first-child) {
674
- border: 1px solid transparent;
675
- border-left: 1px solid rgba(var(--color-sf-outline-variant));
676
- }
677
-
678
- .e-de-ctnr-group-btn .e-de-prop-font-button {
679
- position: relative;
680
- border: 1px solid transparent rgba(var(--color-sf-outline-variant));
681
- border-right-width: 1px;
682
- }
683
- .e-de-ctnr-group-btn .e-de-prop-font-last-button {
684
- position: relative;
685
- border: 1px solid transparent rgba(var(--color-sf-outline-variant));
686
- border-left-width: 1px;
687
- }
688
-
689
- .e-de-ctnr-group-btn .e-de-prop-indent-button {
690
- position: relative;
691
- border: 1px solid transparent rgba(var(--color-sf-outline-variant));
692
- border-right-width: 1px;
693
- }
694
- .e-de-ctnr-group-btn .e-de-prop-indent-last-button {
695
- position: relative;
696
- border: 1px solid transparent rgba(var(--color-sf-outline-variant));
697
- border-left-width: 1px;
698
- }
699
-
700
- .e-de-grp-btn-ctnr .e-de-ctnr-group-btn-middle {
701
- margin-bottom: -1px;
702
- }
703
- .e-de-grp-btn-ctnr .e-de-ctnr-group-btn-middle > * {
704
- border-radius: 0px;
705
- }
706
-
707
- .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn-middle > * {
708
- border-radius: 0px;
709
- }
710
- .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn-top > * {
711
- border-bottom-left-radius: 0px;
712
- border-bottom-right-radius: 0px;
713
- }
714
- .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn-bottom > * {
715
- border-top-left-radius: 0px;
716
- border-top-right-radius: 0px;
717
- }
718
-
719
- .de-tbl-fill-clr .e-dropdown-btn.e-btn {
720
- box-shadow: none;
721
- }
722
-
723
- .e-de-prop-pane .e-de-ctnr-group-btn button,
724
- .e-de-ctn .e-de-status-bar button {
725
- box-shadow: none;
726
- height: 32px;
727
- }
728
- .e-de-prop-pane .e-de-ctnr-group-btn button:focus,
729
- .e-de-ctn .e-de-status-bar button:focus {
730
- box-shadow: none;
731
- }
732
- .e-de-prop-pane .e-de-ctnr-group-btn button:active,
733
- .e-de-ctn .e-de-status-bar button:active {
734
- box-shadow: none;
735
- }
736
- .e-de-prop-pane .e-de-ctnr-group-btn button:hover,
737
- .e-de-ctn .e-de-status-bar button:hover {
738
- box-shadow: none;
739
- }
740
-
741
- .e-de-statusbar-pageweb {
742
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
743
- border: 0;
744
- box-shadow: none;
745
- float: right;
746
- height: 33px;
747
- width: 33px;
748
- }
749
- .e-de-statusbar-pageweb:hover {
750
- box-shadow: none;
751
- }
752
-
753
- .e-split-btn-wrapper.e-de-prop-splitbutton,
754
- .e-split-btn-wrapper.e-de-btn-hghlclr,
755
- .e-btn.de-split-button {
756
- box-shadow: none;
757
- }
758
-
759
- .e-de-statusbar-pageweb .e-de-printlayout,
760
- .e-de-statusbar-pageweb .e-de-weblayout {
761
- font-size: 16px;
762
- }
763
-
764
- .e-de-statusbar-pageweb .e-de-printlayout:hover,
765
- .e-de-statusbar-pageweb .e-de-weblayout:hover {
766
- font-size: 16px;
767
- }
768
-
769
- .e-bigger .e-btn.e-de-statusbar-pageweb {
770
- padding: 0;
771
- }
772
- .e-bigger .e-de-statusbar-pageweb .e-de-printlayout,
773
- .e-bigger .e-de-statusbar-pageweb .e-de-weblayout {
774
- font-size: 18px;
775
- }
776
-
777
- .e-listview .e-list-icon {
778
- height: 24px;
779
- width: 16px;
780
- margin-right: 12px;
781
- }
782
-
783
- .e-de-listview-icon {
784
- height: auto;
785
- width: auto;
786
- line-height: 22px;
787
- margin-right: 12px;
788
- }
789
-
790
- .e-de-linespacing {
791
- margin-top: 8px;
792
- }
793
-
794
- .e-de-statusbar-zoom {
795
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
796
- border: 0;
797
- color: rgba(var(--color-sf-on-secondary-container));
798
- float: right;
799
- font-weight: 400;
800
- height: 33px;
801
- }
802
-
803
- .e-de-pagenumber-text {
804
- border: none !important;
805
- }
806
-
807
- .e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group button {
808
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
809
- }
810
-
811
- .e-de-font-clr-picker button, .e-de-prop-font-colorpicker button {
812
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface)) !important;
813
- }
814
-
815
- .e-de-style-font-color-picker .e-de-style-icon-button-size button:first-child {
816
- margin-right: 0px;
817
- }
818
-
819
- .e-de-ctnr-group-btn .e-btn-group button,
820
- .e-documenteditorcontainer.e-lib .e-split-btn-wrapper button,
821
- .e-documenteditorcontainer.e-lib .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
822
- .e-de-ctnr-segment button,
823
- .e-de-char-fmt-btn-right button,
824
- .e-de-border-size-button,
825
- .e-de-cell-div button,
826
- .e-de-insert-del-cell button,
827
- .e-de-align-text button {
828
- border-radius: 4px;
829
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
830
- }
831
-
832
- .e-de-char-fmt-btn-right button:not(:first-child),
833
- .e-de-char-fmt-btn-left button:not(:first-child),
834
- .e-de-align-text button:not(:first-child) {
835
- border-left: 1.7px solid rgba(var(--color-sf-outline-variant));
836
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
837
- }
838
-
839
- .e-de-insert-del-cell button:not(:first-child):not(.e-rtl) {
840
- border-left: 1.7px solid rgba(var(--color-sf-outline-variant));
841
- }
842
-
843
- .e-de-ctnr-segment-rtl .e-de-char-fmt-btn-left .e-de-prop-font-last-button,
844
- .e-de-ctnr-segment-rtl .e-de-char-fmt-btn-left .e-de-prop-indent-last-button,
845
- .e-de-ctnr-segment-rtl .e-de-char-fmt-btn-right .e-de-prop-font-last-button,
846
- .e-de-ctnr-segment-rtl .e-de-char-fmt-btn-right .e-de-prop-indent-last-button {
847
- border-left: 0;
848
- }
849
-
850
- .e-rtl .e-de-char-fmt-btn-right button:not(:last-child),
851
- .e-rtl .e-de-char-fmt-btn-left button:not(:last-child),
852
- .e-rtl .e-de-insert-del-cell button:not(:last-child),
853
- .e-rtl .e-de-align-text button:not(:last-child) {
854
- border-right: 1.7px solid rgba(var(--color-sf-outline-variant));
855
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
856
- }
857
-
858
- .e-de-char-fmt-btn-right.e-rtl button:not(:first-child),
859
- .e-de-char-fmt-btn-left.e-rtl button:not(:first-child),
860
- .e-de-insert-del-cell .e-rtl button:not(:first-child),
861
- .e-de-align-text .e-rtl button:not(:first-child) {
862
- border-right: 1px solid rgba(var(--color-sf-outline-variant)) !important;
863
- }
864
-
865
- .e-de-grp-btn-ctnr .e-de-ctnr-group-btn .e-de-prop-font-button {
866
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
867
- border: 1px solid rgba(var(--color-sf-outline-variant)) !important;
868
- }
869
- .e-de-grp-btn-ctnr .e-de-ctnr-group-btn-top {
870
- margin-bottom: -1px;
871
- }
872
-
873
- .e-de-font-clr-picker > *,
874
- .de-split-button > div:first-child {
875
- margin-right: 8px;
876
- }
877
-
878
- .e-de-pagenumber-input {
879
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.12), rgba(var(--color-sf-primary), 0.12)), rgba(var(--color-sf-surface));
880
- border: none !important;
881
- border-radius: 2px;
882
- color: rgba(var(--color-sf-on-secondary-container));
883
- padding: 0px;
884
- text-align: center;
885
- width: 22px;
886
- }
887
-
888
- .e-btn-pageweb-toggle {
889
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
890
- box-shadow: none;
891
- outline: rgba(var(--color-sf-white)) 0 solid;
892
- outline-offset: 0;
893
- }
894
-
895
- .e-btn-pageweb-spellcheck {
896
- border: 0;
897
- box-shadow: none;
898
- float: right;
899
- margin-left: calc(100% - 395px);
900
- }
901
-
902
- .e-bigger .e-btn-pageweb-spellcheck {
903
- margin-left: calc(100% - 430px);
904
- }
905
-
906
- .e-de-ctn-title {
907
- background-color: rgba(var(--color-sf-primary));
908
- border-bottom: none !important;
909
- color: rgba(var(--color-sf-on-primary));
910
- font-size: 14px !important;
911
- }
912
- .e-de-ctn-title button {
913
- font-size: 14px !important;
914
- height: 36px !important;
915
- margin: 0 !important;
916
- }
917
- .e-de-ctn-title button .e-btn-icon {
918
- font-size: 16px !important;
919
- }
920
-
921
- .e-bigger .e-de-ctn-title {
922
- font-size: 16px !important;
923
- height: 40px !important;
924
- }
925
- .e-bigger .e-de-ctn-title button {
926
- font-size: 16px !important;
927
- height: auto !important;
928
- margin: 0 !important;
929
- }
930
- .e-bigger .e-de-ctn-title button .e-btn-icon {
931
- font-size: 18px !important;
932
- }
933
-
934
- .e-de-tool-ctnr-properties-pane {
935
- display: -ms-flexbox;
936
- display: flex;
937
- height: calc(100% - 117px);
938
- width: 100%;
939
- }
940
-
941
- .e-de-ctnr-properties-pane {
942
- display: -ms-flexbox;
943
- display: flex;
944
- height: calc(100% - 42px);
945
- width: 100%;
946
- }
947
-
948
- .e-de-statusbar-separator {
949
- border-left: 1px solid rgba(var(--color-sf-outline-variant));
950
- height: 16px;
951
- margin-left: 7.5px;
952
- margin-right: 7.5px;
953
- margin-top: 6px;
954
- }
955
-
956
- .e-bigger .e-de-statusbar-separator {
957
- border-left: 1px solid rgba(var(--color-sf-outline-variant));
958
- height: 20px;
959
- margin-left: 7.5px;
960
- margin-right: 7.5px;
961
- margin-top: 8px;
962
- }
963
-
964
- .e-de-statusbar-spellcheck {
965
- border-radius: 2px;
966
- font-weight: 400;
967
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
968
- }
969
-
970
- .e-de-ctn {
971
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
972
- border: 1px solid rgba(var(--color-sf-outline-variant));
973
- height: 100%;
974
- position: relative;
975
- width: 100%;
976
- }
977
-
978
- .e-bigger .e-de-statusbar-spellcheck {
979
- border-radius: 2px;
980
- }
981
-
982
- .e-de-ctnr-toolbar {
983
- display: -ms-flexbox;
984
- display: flex;
985
- height: 85px;
986
- width: 100%;
987
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
988
- }
989
-
990
- .e-de-tlbr-wrapper .e-de-toolbar.e-toolbar,
991
- .e-de-tlbr-wrapper .e-de-ctnr-properties-pane-btn {
992
- border: 0;
993
- }
994
-
995
- .e-de-pane {
996
- border-left: 1px solid rgba(var(--color-sf-outline-variant));
997
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
998
- }
999
-
1000
- .e-de-pane-rtl {
1001
- border-right: 1px solid rgba(var(--color-sf-outline-variant));
1002
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1003
- }
1004
-
1005
- .e-de-tool-ctnr-properties-pane,
1006
- .e-de-ctnr-properties-pane {
1007
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1008
- border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
1009
- border-top: 1px solid rgba(var(--color-sf-outline-variant));
1010
- }
1011
-
1012
- .e-de-ctnr-segment {
1013
- margin-bottom: 8px;
1014
- }
1015
-
1016
- .e-de-ctnr-segment > div:first-child:not(.e-rtl),
1017
- .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
1018
- .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
1019
- margin-right: 12px;
1020
- }
1021
-
1022
- .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
1023
- .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
1024
- .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
1025
- margin-left: 12px;
1026
- margin-right: 0;
1027
- }
1028
-
1029
- .e-de-tlbr-wrapper {
1030
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1031
- height: 85px;
1032
- width: calc(100% - 78px);
1033
- }
1034
-
1035
- .e-de-ctnr-prop-label {
1036
- color: rgba(var(--color-sf-on-secondary-container));
1037
- display: inline-block;
1038
- font-size: 12px;
1039
- font-weight: 500;
1040
- letter-spacing: 0.3px;
1041
- margin-bottom: 8px;
1042
- opacity: 0.87;
1043
- }
1044
-
1045
- .e-de-table-prop-label {
1046
- margin-left: 12px;
1047
- }
1048
-
1049
- .e-de-table-prop-label.e-de-rtl {
1050
- margin-left: 0;
1051
- margin-right: 12px;
1052
- }
1053
-
1054
- .e-de-toolbar.e-toolbar {
1055
- border-radius: 0;
1056
- }
1057
-
1058
- .e-de-ctnr-toolbar .e-toolbar-item.e-de-toolbar-btn-first {
1059
- margin-left: 0;
1060
- margin-right: 4px;
1061
- }
1062
-
1063
- .e-de-ctnr-toolbar.e-de-ctnr-rtl .e-toolbar-item.e-de-toolbar-btn-first {
1064
- margin-left: 4px;
1065
- margin-right: 0;
1066
- }
1067
-
1068
- .e-bigger .e-de-ctnr-toolbar .e-toolbar-item.e-de-toolbar-btn-first {
1069
- margin-left: 0;
1070
- margin-right: 8px;
1071
- }
1072
-
1073
- .e-bigger .e-de-ctnr-toolbar.e-de-ctnr-rtl .e-toolbar-item.e-de-toolbar-btn-first {
1074
- margin-left: 8px;
1075
- margin-right: 0;
1076
- }
1077
-
1078
- .e-de-ctnr-toolbar .e-toolbar-item.e-de-toolbar-btn-last {
1079
- margin-left: 4px;
1080
- margin-right: 0;
1081
- }
1082
-
1083
- .e-de-ctnr-toolbar.e-de-ctnr-rtl .e-toolbar-item.e-de-toolbar-btn-last {
1084
- margin-left: 0;
1085
- margin-right: 4px;
1086
- }
1087
-
1088
- .e-bigger .e-de-ctnr-toolbar .e-toolbar-item.e-de-toolbar-btn-last {
1089
- margin-left: 8px;
1090
- margin-right: 0;
1091
- }
1092
-
1093
- .e-bigger .e-de-ctnr-toolbar.e-de-ctnr-rtl .e-toolbar-item.e-de-toolbar-btn-last {
1094
- margin-left: 0;
1095
- margin-right: 8px;
1096
- }
1097
-
1098
- .e-de-toolbar.e-toolbar .e-toolbar-items {
1099
- height: 85px;
1100
- }
1101
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator {
1102
- height: 59px;
1103
- margin: 0 8px;
1104
- }
1105
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
1106
- margin-left: 8px !important;
1107
- margin-right: 4px;
1108
- }
1109
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
1110
- margin-left: 4px;
1111
- margin-right: 4px;
1112
- }
1113
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-end {
1114
- margin-left: 4px;
1115
- margin-right: 8px;
1116
- }
1117
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-image-focus :focus {
1118
- background-color: rgba(var(--color-sf-primary-container));
1119
- }
1120
-
1121
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
1122
- -ms-flex-direction: column;
1123
- flex-direction: column;
1124
- height: calc(100% - 10px);
1125
- padding: 0;
1126
- padding-bottom: 10px;
1127
- }
1128
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
1129
- padding: 0;
1130
- padding-bottom: 10px;
1131
- }
1132
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
1133
- padding: 0;
1134
- padding-bottom: 10px;
1135
- }
1136
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
1137
- padding: 0;
1138
- padding-bottom: 10px;
1139
- }
1140
-
1141
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
1142
- padding: 0;
1143
- }
1144
-
1145
- .e-de-overlay {
1146
- height: 100%;
1147
- opacity: 0.5;
1148
- pointer-events: none;
1149
- -ms-touch-action: none;
1150
- touch-action: none;
1151
- width: 100%;
1152
- }
1153
-
1154
- .e-de-ctnr-properties-pane-btn {
1155
- width: 78px;
1156
- }
1157
-
1158
- .e-de-pane-enable-clr.e-de-ctnr-properties-pane-btn .e-btn {
1159
- color: rgba(var(--color-sf-primary));
1160
- }
1161
-
1162
- .e-de-pane-disable-clr.e-de-ctnr-properties-pane-btn .e-btn {
1163
- color: rgba(var(--color-sf-on-secondary-container));
1164
- }
1165
-
1166
- .e-de-ctnr-properties-pane-btn .e-btn {
1167
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1168
- border-radius: 0;
1169
- box-shadow: none;
1170
- color: rgba(var(--color-sf-primary));
1171
- min-height: 100%;
1172
- min-width: 100%;
1173
- }
1174
- .e-de-ctnr-properties-pane-btn .e-btn:focus {
1175
- box-shadow: none;
1176
- }
1177
- .e-de-ctnr-properties-pane-btn .e-btn:active {
1178
- box-shadow: none;
1179
- }
1180
- .e-de-ctnr-properties-pane-btn .e-btn:hover {
1181
- box-shadow: none;
1182
- }
1183
-
1184
- .e-de-showhide-btn {
1185
- border: 0;
1186
- height: 85px;
1187
- }
1188
-
1189
- .e-de-showhide-btn-rtl {
1190
- border: 0;
1191
- height: 85px;
1192
- }
1193
-
1194
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
1195
- padding: 0;
1196
- }
1197
-
1198
- .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
1199
- line-height: 0.8;
1200
- }
1201
-
1202
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
1203
- display: table;
1204
- font-size: 12px;
1205
- margin: 0 6.5px;
1206
- padding: 0;
1207
- white-space: normal;
1208
- }
1209
-
1210
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
1211
- .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
1212
- padding: 0 !important;
1213
- min-height: 16px;
1214
- }
1215
-
1216
- .e-de-hdr-ftr-frst-div {
1217
- margin-bottom: 12px;
1218
- }
1219
-
1220
- .e-de-hdr-ftr-top-div {
1221
- margin-bottom: 12px;
1222
- }
1223
-
1224
- .e-de-cntr-pane-padding {
1225
- padding: 16px;
1226
- }
1227
-
1228
- .e-de-prop-pane {
1229
- height: 100%;
1230
- min-height: 200px;
1231
- overflow: auto;
1232
- width: 256px;
1233
- }
1234
-
1235
- .e-de-review-pane {
1236
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1237
- border-left: 1px solid rgba(var(--color-sf-outline-variant));
1238
- height: 100%;
1239
- min-height: 200px;
1240
- overflow: auto;
1241
- width: 380px;
1242
- }
1243
-
1244
- .e-bigger .e-de-cntr-pane-padding {
1245
- padding: 16px;
1246
- }
1247
- .e-bigger .e-de-prop-pane {
1248
- height: 100%;
1249
- min-height: 200px;
1250
- overflow: auto;
1251
- width: 306px;
1252
- }
1253
-
1254
- .e-de-property-div-padding {
1255
- border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
1256
- padding: 12px;
1257
- }
1258
-
1259
- .e-de-ctnr-dropdown-ftr {
1260
- border-top: 1px solid rgba(var(--color-sf-outline-variant));
1261
- color: rgba(var(--color-sf-on-secondary-container));
1262
- cursor: pointer;
1263
- display: block;
1264
- font-size: 12px;
1265
- line-height: 40px;
1266
- text-indent: 1.2em;
1267
- }
1268
-
1269
- .e-de-char-fmt-btn-left > button,
1270
- .e-de-insert-del-cell button {
1271
- width: 36px;
1272
- }
1273
-
1274
- .e-de-char-fmt-btn-right > button {
1275
- width: 36px;
1276
- }
1277
-
1278
- .e-de-panel-left-width {
1279
- width: 151px;
1280
- }
1281
-
1282
- .e-bigger .e-de-panel-left-width {
1283
- width: 169px;
1284
- }
1285
- .e-bigger .e-de-char-fmt-btn-left > button,
1286
- .e-bigger .e-de-insert-del-cell button {
1287
- width: 44px;
1288
- }
1289
-
1290
- .e-de-panel-right-width {
1291
- width: 73px;
1292
- }
1293
-
1294
- .e-de-cntr-highlight-pane {
1295
- border: 1px solid rgba(var(--color-sf-outline-variant));
1296
- }
1297
-
1298
- .e-de-btn-hghlclr > button:first-child {
1299
- padding: 1px !important;
1300
- }
1301
-
1302
- .e-de-ctnr-hglt-color {
1303
- font-size: 12px;
1304
- font-weight: 400;
1305
- height: 20px !important;
1306
- width: 20px !important;
1307
- }
1308
-
1309
- .e-de-font-clr-picker > div div button,
1310
- .e-de-font-clr-picker > div button,
1311
- .e-de-font-clr-picker > button {
1312
- width: 40px;
1313
- }
1314
-
1315
- .e-de-floating-menu.e-de-bullets-menu .e-de-floating-menuitem-md {
1316
- height: 55px;
1317
- padding: 4px !important;
1318
- width: 60px;
1319
- }
1320
-
1321
- .e-de-floating-menu.e-de-bullets-menu .e-de-floating-menuitem-md:hover {
1322
- border: 3px solid rgba(var(--color-sf-primary));
1323
- padding: 2px !important;
1324
- }
1325
-
1326
- .e-de-floating-menu.e-de-bullets-menu .e-de-floating-bullet-menuitem-md {
1327
- height: 38px;
1328
- padding: 4px !important;
1329
- width: 38px;
1330
- }
1331
-
1332
- .e-de-floating-menu.e-de-bullets-menu .e-de-floating-bullet-menuitem-md:hover {
1333
- border: 3px solid rgba(var(--color-sf-primary));
1334
- padding: 2px !important;
1335
- }
1336
-
1337
- .e-de-list-header-presetmenu {
1338
- cursor: pointer;
1339
- font-size: 11px;
1340
- line-height: 14px;
1341
- overflow: hidden;
1342
- text-align: left;
1343
- min-width: 50px;
1344
- white-space: nowrap;
1345
- width: 100%;
1346
- }
1347
-
1348
- .e-de-bullet-list-header-presetmenu {
1349
- cursor: pointer;
1350
- font-size: 14px;
1351
- left: -11px;
1352
- line-height: 0;
1353
- min-width: 50px;
1354
- overflow: hidden;
1355
- position: relative;
1356
- white-space: nowrap;
1357
- width: 100%;
1358
- }
1359
-
1360
- .e-rtl .e-de-bullet-list-header-presetmenu {
1361
- cursor: pointer;
1362
- font-size: 14px;
1363
- left: 10px;
1364
- line-height: 0;
1365
- min-width: 50px;
1366
- overflow: hidden;
1367
- position: relative;
1368
- white-space: nowrap;
1369
- width: 100%;
1370
- }
1371
-
1372
- .e-de-bullet {
1373
- font-size: 42px;
1374
- }
1375
-
1376
- .e-de-list-header-presetmenu .e-de-list-line {
1377
- border-bottom: 1px solid rgba(var(--color-sf-on-surface-variant)) !important;
1378
- margin-left: 5px;
1379
- width: 100%;
1380
- }
1381
-
1382
- .e-de-toc-optionsdiv {
1383
- margin-bottom: 11.5px;
1384
- margin-left: 5.5px;
1385
- margin-top: 15.5px;
1386
- }
1387
-
1388
- .e-de-toc-optionsdiv.e-de-rtl {
1389
- margin-right: 5.5px;
1390
- margin-left: 0;
1391
- }
1392
-
1393
- .e-de-list-header-presetmenu div span {
1394
- display: inline-block;
1395
- vertical-align: middle;
1396
- }
1397
-
1398
- .e-de-floating-menu .e-de-floating-menuitem,
1399
- .e-de-floating-menu .e-de-menuitem-none {
1400
- cursor: pointer;
1401
- height: 70px;
1402
- padding: 0 !important;
1403
- margin: 0 5px 5px 0 !important;
1404
- width: 70px;
1405
- }
1406
-
1407
- .e-de-list-thumbnail .e-de-list-items {
1408
- float: left;
1409
- }
1410
-
1411
- .e-de-list-thumbnail .e-de-list-items {
1412
- border: 1px solid rgba(var(--color-sf-outline-variant));
1413
- border-radius: 4px;
1414
- clear: initial;
1415
- display: inline-block;
1416
- height: auto;
1417
- margin: 5px;
1418
- padding: 2px;
1419
- text-align: center;
1420
- width: auto;
1421
- }
1422
-
1423
- .e-de-list-items {
1424
- cursor: pointer;
1425
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1426
- box-sizing: border-box;
1427
- list-style: none;
1428
- padding: 7px 10px 7px 10px;
1429
- position: relative;
1430
- }
1431
-
1432
- .e-de-list-item-size {
1433
- font-size: 14px;
1434
- }
1435
-
1436
- .e-de-floating-menuitem.e-de-floating-menuitem-md.e-de-list-items.e-de-list-item-size.de-list-item-selected,
1437
- .e-de-floating-menuitem.e-de-floating-bullet-menuitem-md.e-de-list-items.e-de-list-item-size.de-list-item-selected {
1438
- border: 3px solid rgba(var(--color-sf-primary));
1439
- padding: 2px !important;
1440
- }
1441
-
1442
- .e-de-floating-menu {
1443
- padding: 10px 4px 5px 10px !important;
1444
- }
1445
-
1446
- .e-de-list-container {
1447
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1448
- box-sizing: border-box;
1449
- display: inline-block;
1450
- line-height: normal;
1451
- margin: 0;
1452
- outline: 0;
1453
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1454
- padding: 10px 0;
1455
- position: absolute;
1456
- width: auto;
1457
- z-index: 10020;
1458
- }
1459
-
1460
- .e-de-ctnr-list {
1461
- font-size: 12px;
1462
- vertical-align: top;
1463
- }
1464
-
1465
- .e-de-image-property {
1466
- padding-left: 32px;
1467
- }
1468
-
1469
- .e-de-img-prty-span {
1470
- color: rgba(var(--color-sf-on-secondary-container));
1471
- left: 12px;
1472
- position: absolute;
1473
- top: 8px;
1474
- }
1475
-
1476
- .e-btn-toggle {
1477
- background-color: rgba(var(--color-sf-primary-container)) !important;
1478
- outline: none;
1479
- outline-offset: 0;
1480
- box-shadow: none !important;
1481
- }
1482
- .e-btn-toggle:hover {
1483
- background-color: rgba(var(--color-sf-primary-container)) !important;
1484
- outline: none;
1485
- outline-offset: 0;
1486
- box-shadow: none !important;
1487
- }
1488
-
1489
- .e-de-ctnr-group-btn-top > button:first-child {
1490
- border-radius: 0;
1491
- border-top-left-radius: 4px;
1492
- }
1493
-
1494
- .e-de-ctnr-group-btn-top.e-de-rtl > button:first-child {
1495
- border-top-left-radius: 0;
1496
- border-top-right-radius: 4px;
1497
- }
1498
-
1499
- .e-de-ctnr-group-btn-top > button:last-child {
1500
- border-radius: 0;
1501
- border-top-right-radius: 4px;
1502
- }
1503
-
1504
- .e-de-ctnr-group-btn-top.e-de-rtl > button:last-child {
1505
- border-top-left-radius: 4px;
1506
- border-top-right-radius: 0;
1507
- }
1508
-
1509
- .e-de-ctnr-group-btn-middle > button {
1510
- border-radius: 0;
1511
- border-top: 0;
1512
- border-bottom: 0;
1513
- }
1514
-
1515
- .e-de-ctnr-group-btn-bottom > button:first-child {
1516
- border-radius: 0;
1517
- border-bottom-left-radius: 4px;
1518
- }
1519
-
1520
- .e-de-ctnr-group-btn-bottom.e-de-rtl > button:first-child {
1521
- border-bottom-left-radius: 0;
1522
- border-bottom-right-radius: 4px;
1523
- }
1524
-
1525
- .e-de-ctnr-group-btn-bottom > button:last-child {
1526
- border-radius: 0;
1527
- border-bottom-right-radius: 4px;
1528
- }
1529
-
1530
- .e-de-ctnr-group-btn-bottom.e-de-rtl > button:last-child {
1531
- border-bottom-right-radius: 0;
1532
- border-bottom-left-radius: 4px;
1533
- }
1534
-
1535
- .e-de-toc-template1 {
1536
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1537
- border: 1px solid rgba(var(--color-sf-outline-variant));
1538
- color: rgba(var(--color-sf-on-secondary-container));
1539
- height: 130px;
1540
- width: 95px;
1541
- margin-left: 80px;
1542
- }
1543
-
1544
- .e-de-toc-template1.e-de-rtl {
1545
- margin-left: 0;
1546
- margin-right: 78px;
1547
- }
1548
-
1549
- .e-de-toc-template1-content1 {
1550
- font-size: 10px;
1551
- height: 16px;
1552
- margin-left: 8px;
1553
- margin-top: 6px;
1554
- width: 80px;
1555
- }
1556
-
1557
- .e-de-toc-template1-content2 {
1558
- font-size: 8px;
1559
- height: 9px;
1560
- margin-left: 23px;
1561
- margin-top: 6px;
1562
- width: 66px;
1563
- }
1564
-
1565
- .e-de-toc-template1-content3 {
1566
- font-size: 7px;
1567
- height: 8px;
1568
- margin-left: 30px;
1569
- margin-top: 6px;
1570
- width: 59px;
1571
- }
1572
-
1573
- .e-de-prop-sub-label {
1574
- color: rgba(var(--color-sf-on-surface));
1575
- font-size: 12px;
1576
- margin-bottom: 4px;
1577
- font-weight: 600;
1578
- }
1579
-
1580
- .e-de-toc-checkbox1 {
1581
- height: 16px;
1582
- margin-top: 16px;
1583
- }
1584
-
1585
- .e-de-toc-checkbox2 {
1586
- height: 16px;
1587
- margin-top: 16px;
1588
- }
1589
-
1590
- .e-de-toc-checkbox3 {
1591
- height: 16px;
1592
- margin-top: 16px;
1593
- }
1594
-
1595
- .e-de-status-bar {
1596
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1597
- display: -ms-flexbox;
1598
- display: flex;
1599
- width: 100%;
1600
- }
1601
-
1602
- .e-de-ctnr-pg-no {
1603
- color: rgba(var(--color-sf-on-secondary-container));
1604
- display: -ms-inline-flexbox;
1605
- display: inline-flex;
1606
- font-size: 14px;
1607
- height: 100%;
1608
- padding-top: 7px;
1609
- }
1610
- .e-de-ctnr-pg-no span {
1611
- border: 1px solid transparent;
1612
- }
1613
-
1614
- .e-de-ctnr-pg-no-spellout {
1615
- color: rgba(var(--color-sf-on-secondary-container));
1616
- display: -ms-inline-flexbox;
1617
- display: inline-flex;
1618
- font-size: 14px;
1619
- height: 100%;
1620
- padding-top: 7px;
1621
- width: calc(100% - 169px);
1622
- }
1623
- .e-de-ctnr-pg-no-spellout span {
1624
- border: 1px solid transparent;
1625
- }
1626
-
1627
- .e-bigger .e-de-ctnr-pg-no-spellout {
1628
- color: rgba(var(--color-sf-on-secondary-container));
1629
- display: -ms-inline-flexbox;
1630
- display: inline-flex;
1631
- font-size: 16px;
1632
- height: 100%;
1633
- padding-top: 10px;
1634
- width: calc(100% - 180px);
1635
- }
1636
-
1637
- .e-de-statusbar-zoom-spell {
1638
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1639
- border: 0;
1640
- color: rgba(var(--color-sf-on-secondary-container));
1641
- float: right;
1642
- height: 34px;
1643
- margin-left: calc(100% - 395px);
1644
- }
1645
-
1646
- .e-bigger .e-de-statusbar-zoom-spell {
1647
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1648
- border: 0;
1649
- color: rgba(var(--color-sf-on-secondary-container));
1650
- float: right;
1651
- height: 34px;
1652
- margin-left: calc(100% - 430px);
1653
- }
1654
-
1655
- .e-de-btn-cancel {
1656
- margin-left: 10px;
1657
- }
1658
-
1659
- .e-de-btn-cancel-rtl {
1660
- margin-left: 0;
1661
- margin-right: 10px;
1662
- }
1663
-
1664
- .e-de-prop-header-label {
1665
- color: rgba(var(--color-sf-on-secondary-container));
1666
- display: inline-block;
1667
- font-size: 12px;
1668
- font-weight: bold;
1669
- letter-spacing: 0.05px;
1670
- opacity: 0.87;
1671
- }
1672
-
1673
- .e-de-prop-separator-line {
1674
- border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
1675
- }
1676
-
1677
- .e-de-status-bar > div label {
1678
- font-weight: 600;
1679
- }
1680
-
1681
- .e-de-stylediv {
1682
- padding-left: 12px;
1683
- }
1684
-
1685
- .e-de-stylediv-rtl {
1686
- padding-left: 0;
1687
- padding-right: 12px;
1688
- }
1689
-
1690
- .e-de-border-size-button {
1691
- height: 32px;
1692
- margin-top: 16px;
1693
- width: 104px;
1694
- }
1695
-
1696
- .e-de-color-picker {
1697
- height: 32px;
1698
- width: 104px;
1699
- }
1700
-
1701
- .e-de-cell-text-box {
1702
- margin-right: 12px;
1703
- }
1704
-
1705
- .e-de-pane-rtl .e-de-cell-text-box {
1706
- margin-left: 12px;
1707
- margin-right: 0;
1708
- }
1709
-
1710
- .e-de-prop-fill-label {
1711
- margin-right: 16px;
1712
- }
1713
-
1714
- .e-de-prop-fill-label.e-de-rtl {
1715
- margin-left: 16px;
1716
- margin-right: 0;
1717
- }
1718
-
1719
- .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
1720
- height: 36px !important;
1721
- }
1722
-
1723
- .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
1724
- height: 42px !important;
1725
- }
1726
-
1727
- .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
1728
- width: 36px;
1729
- height: 36px;
1730
- }
1731
-
1732
- .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
1733
- height: 42px;
1734
- width: 44px;
1735
- }
1736
-
1737
- .e-de-border-clr-picker .e-split-btn-wrapper > button:first-child {
1738
- width: 64px;
1739
- }
1740
-
1741
- .e-documenteditor-optionspane {
1742
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1743
- }
1744
-
1745
- .e-de-hRuler {
1746
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1747
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1748
- border-bottom: 0.5px solid rgba(var(--color-sf-outline-variant));
1749
- }
1750
-
1751
- .e-de-vRuler {
1752
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1753
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1754
- border-right: 0.5px solid rgba(var(--color-sf-outline-variant));
1755
- }
1756
-
1757
- .e-de-ruler-margin {
1758
- background-color: rgba(var(--color-sf-surface));
1759
- background: rgba(var(--color-sf-surface));
1760
- }
1761
-
1762
- .e-de-ruler-tick {
1763
- stroke: rgba(var(--color-sf-on-surface-variant));
1764
- }
1765
-
1766
- .e-de-ruler-tick-label {
1767
- fill: rgba(var(--color-sf-on-surface-variant));
1768
- }
1769
-
1770
- .e-de-ruler-markIndicator {
1771
- background-color: rgba(var(--color-sf-surface));
1772
- }
1773
-
1774
- .e-de-ruler-marker .e-de-ruler-tab-svg {
1775
- fill: rgba(var(--color-sf-on-surface-variant));
1776
- }
1777
-
1778
- .e-de-ruler-marker .e-de-ruler-indent-svg {
1779
- fill: rgba(var(--color-sf-on-surface-variant));
1780
- }
1781
-
1782
- .e-de-ruler-indent .e-de-ruler-indent-svg {
1783
- fill: rgba(var(--color-sf-surface));
1784
- stroke: rgba(var(--color-sf-on-surface-variant));
1785
- }
1786
-
1787
- .e-de-ruler-indent .e-de-ruler-indent-svg:hover {
1788
- fill: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
1789
- stroke: rgba(var(--color-sf-on-surface-variant));
1790
- }
1791
-
1792
- .e-de-ruler-indent .e-de-ruler-indent-svg:active {
1793
- fill: rgba(var(--color-sf-primary));
1794
- stroke: rgba(var(--color-sf-on-surface-variant));
1795
- }
1796
-
1797
- .e-de-ruler-table-svg {
1798
- fill: rgba(var(--color-sf-on-surface-variant));
1799
- }
1800
-
1801
- .e-de-ruler-table-svg:hover {
1802
- fill: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
1803
- }
1804
-
1805
- .e-de-ruler-table-svg:active {
1806
- fill: rgba(var(--color-sf-primary));
1807
- }
1808
-
1809
- .e-rtl .e-listview .e-list-icon {
1810
- height: 24px;
1811
- width: 16px;
1812
- margin-left: 12px;
1813
- }
1814
- .e-rtl .e-de-listview-icon {
1815
- height: auto;
1816
- width: auto;
1817
- line-height: 22px;
1818
- margin-left: 12px;
1819
- }
1820
- .e-rtl .e-de-vRuler {
1821
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1822
- border-right: none;
1823
- border-left: 0.5px solid rgba(var(--color-sf-outline-variant));
1824
- }
1825
-
1826
- .e-bigger .de-split-button > div:first-child {
1827
- margin-right: 16px;
1828
- }
1829
- .e-bigger .e-de-border-clr-picker .e-split-btn-wrapper > button:first-child {
1830
- width: 60px;
1831
- }
1832
- .e-bigger .e-de-prop-fill-label {
1833
- margin-left: 0;
1834
- margin-right: 9.8px;
1835
- }
1836
- .e-bigger .e-de-prop-fill-label.e-de-rtl {
1837
- margin-left: 9.8px;
1838
- margin-right: 0px;
1839
- }
1840
- .e-bigger .e-rtl .e-de-cell-text-box {
1841
- margin-left: 16px;
1842
- margin-right: 0;
1843
- }
1844
- .e-bigger .e-de-color-picker {
1845
- height: 39px;
1846
- width: 100px;
1847
- }
1848
- .e-bigger .e-de-border-size-button {
1849
- height: 39px;
1850
- margin-top: 16px;
1851
- width: 100px;
1852
- }
1853
- .e-bigger .e-de-stylediv {
1854
- padding-left: 16px;
1855
- }
1856
- .e-bigger .e-de-stylediv-rtl {
1857
- padding-right: 16px;
1858
- }
1859
- .e-bigger .e-de-tool-ctnr-properties-pane {
1860
- display: -ms-flexbox;
1861
- display: flex;
1862
- height: calc(100% - 128px);
1863
- min-height: 200px;
1864
- width: 100%;
1865
- }
1866
- .e-bigger .e-de-ctnr-properties-pane {
1867
- display: -ms-flexbox;
1868
- display: flex;
1869
- height: calc(100% - 46px);
1870
- width: 100%;
1871
- }
1872
- .e-bigger .e-de-ctn {
1873
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1874
- border: 1px solid rgba(var(--color-sf-outline-variant));
1875
- height: 100%;
1876
- position: relative;
1877
- width: 100%;
1878
- }
1879
- .e-bigger .e-de-ctnr-toolbar {
1880
- display: -ms-flexbox;
1881
- display: flex;
1882
- height: 90px;
1883
- width: 100%;
1884
- }
1885
- .e-bigger .e-de-tlbr-wrapper .e-de-toolbar.e-toolbar,
1886
- .e-bigger .e-de-tlbr-wrapper .e-de-ctnr-properties-pane-btn {
1887
- border: 0;
1888
- }
1889
- .e-bigger .e-de-pane {
1890
- border-left: 1px solid rgba(var(--color-sf-outline-variant));
1891
- }
1892
- .e-bigger .e-de-pane-rtl {
1893
- border-right: 1px solid rgba(var(--color-sf-outline-variant));
1894
- }
1895
- .e-bigger .e-de-ctnr-segment {
1896
- margin-bottom: 8px;
1897
- }
1898
- .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
1899
- .e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
1900
- .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
1901
- margin-right: 16px;
1902
- }
1903
- .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
1904
- .e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
1905
- .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
1906
- margin-left: 16px;
1907
- margin-right: 0;
1908
- }
1909
- .e-bigger .e-de-tlbr-wrapper {
1910
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1911
- height: 90px;
1912
- width: calc(100% - 78px);
1913
- }
1914
- .e-bigger .e-de-ctnr-prop-label {
1915
- color: rgba(var(--color-sf-on-secondary-container));
1916
- display: inline-block;
1917
- font-size: 12px;
1918
- font-weight: 500;
1919
- letter-spacing: 0.05px;
1920
- margin-bottom: 8px;
1921
- opacity: 0.87;
1922
- }
1923
- .e-bigger .e-de-table-prop-label {
1924
- margin-left: 14.5px;
1925
- }
1926
- .e-bigger .e-de-table-prop-label.e-de-rtl {
1927
- margin-left: 0;
1928
- margin-right: 14.5px;
1929
- }
1930
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items {
1931
- height: 90px;
1932
- }
1933
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator {
1934
- margin: 0 8px;
1935
- }
1936
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
1937
- margin-left: 8px !important;
1938
- margin-right: 8px;
1939
- }
1940
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
1941
- margin-left: 8px;
1942
- margin-right: 8px;
1943
- }
1944
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-end {
1945
- margin-left: 8px;
1946
- margin-right: 8px;
1947
- }
1948
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-image-focus :focus {
1949
- background-color: rgba(var(--color-sf-primary-container));
1950
- }
1951
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
1952
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1953
- padding: 0;
1954
- padding-bottom: 10px;
1955
- }
1956
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
1957
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
1958
- padding: 0;
1959
- padding-bottom: 10px;
1960
- }
1961
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
1962
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
1963
- padding: 0;
1964
- padding-bottom: 10px;
1965
- }
1966
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
1967
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1968
- padding: 0;
1969
- padding-bottom: 10px;
1970
- }
1971
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
1972
- padding: 0 !important;
1973
- }
1974
- .e-bigger .e-de-overlay {
1975
- height: 100%;
1976
- opacity: 0.5;
1977
- pointer-events: none;
1978
- -ms-touch-action: none;
1979
- touch-action: none;
1980
- }
1981
- .e-bigger .e-de-ctnr-properties-pane-btn {
1982
- width: 78px;
1983
- }
1984
- .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
1985
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1986
- border-radius: 0;
1987
- box-shadow: none;
1988
- min-height: 100%;
1989
- min-width: 100%;
1990
- }
1991
- .e-bigger .e-de-ctnr-properties-pane-btn .e-btn:focus {
1992
- box-shadow: none;
1993
- }
1994
- .e-bigger .e-de-ctnr-properties-pane-btn .e-btn:active {
1995
- box-shadow: none;
1996
- }
1997
- .e-bigger .e-de-ctnr-properties-pane-btn .e-btn:hover {
1998
- box-shadow: none;
1999
- }
2000
- .e-bigger .e-de-showhide-btn {
2001
- border: 0;
2002
- height: 90px;
2003
- }
2004
- .e-bigger .e-de-showhide-btn-rtl {
2005
- border: 0;
2006
- height: 90px;
2007
- }
2008
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2009
- padding: 0;
2010
- }
2011
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
2012
- display: table;
2013
- font-size: 12px !important;
2014
- margin: 0 6px;
2015
- padding: 0;
2016
- white-space: normal;
2017
- }
2018
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
2019
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
2020
- padding: 0;
2021
- }
2022
- .e-bigger .e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
2023
- box-shadow: none;
2024
- height: 40px;
2025
- }
2026
- .e-bigger .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
2027
- box-shadow: none;
2028
- }
2029
- .e-bigger .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
2030
- box-shadow: none;
2031
- }
2032
- .e-bigger .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
2033
- box-shadow: none;
2034
- }
2035
- .e-bigger .e-de-status-bar button {
2036
- height: 38px;
2037
- box-shadow: none;
2038
- }
2039
- .e-bigger .e-de-status-bar button:focus {
2040
- box-shadow: none;
2041
- }
2042
- .e-bigger .e-de-status-bar button:active {
2043
- box-shadow: none;
2044
- }
2045
- .e-bigger .e-de-status-bar button:hover {
2046
- box-shadow: none;
2047
- }
2048
- .e-bigger .e-de-ctnr-group-btn button {
2049
- box-shadow: none;
2050
- height: 40px;
2051
- }
2052
- .e-bigger .e-de-ctnr-group-btn button:focus {
2053
- box-shadow: none;
2054
- }
2055
- .e-bigger .e-de-ctnr-group-btn button:active {
2056
- box-shadow: none;
2057
- }
2058
- .e-bigger .e-de-ctnr-group-btn button:hover {
2059
- box-shadow: none;
2060
- }
2061
- .e-bigger .e-de-property-div-padding {
2062
- border-bottom: 0.5px solid rgba(var(--color-sf-outline-variant));
2063
- padding: 16px;
2064
- }
2065
- .e-bigger .e-de-font-clr-picker > div button,
2066
- .e-bigger .e-de-font-clr-picker > button {
2067
- width: auto;
2068
- }
2069
- .e-bigger .e-de-ctnr-dropdown-ftr {
2070
- border-top: 1px solid rgba(var(--color-sf-outline-variant));
2071
- color: rgba(var(--color-sf-on-secondary-container));
2072
- cursor: pointer;
2073
- display: block;
2074
- font-size: 12px;
2075
- line-height: 40px;
2076
- text-indent: 1.2em;
2077
- }
2078
- .e-bigger .e-de-char-fmt-btn > button {
2079
- width: 38.5px;
2080
- }
2081
- .e-bigger .e-de-btn-hghlclr > button:first-child {
2082
- padding: 0 6px !important;
2083
- }
2084
- .e-bigger .e-de-ctnr-hglt-color {
2085
- font-size: 12px;
2086
- font-weight: 400;
2087
- height: 24px !important;
2088
- width: 24px !important;
2089
- }
2090
- .e-bigger .e-de-ctnr-list {
2091
- font-size: 12px;
2092
- vertical-align: top;
2093
- }
2094
- .e-bigger .e-de-image-property {
2095
- padding-left: 32px;
2096
- }
2097
- .e-bigger .e-de-img-prty-span {
2098
- color: rgba(var(--color-sf-on-secondary-container));
2099
- left: 10px;
2100
- position: absolute;
2101
- top: 12px;
2102
- }
2103
- .e-bigger .e-btn-toggle {
2104
- background-color: rgba(var(--color-sf-primary-container)) !important;
2105
- box-shadow: none !important;
2106
- outline: none;
2107
- outline-offset: 0;
2108
- }
2109
- .e-bigger .e-btn-toggle:hover {
2110
- background-color: rgba(var(--color-sf-primary-container)) !important;
2111
- outline: none;
2112
- outline-offset: 0;
2113
- box-shadow: none !important;
2114
- }
2115
- .e-bigger .e-de-toc-template1 {
2116
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2117
- border: 1px solid rgba(var(--color-sf-outline-variant));
2118
- color: rgba(var(--color-sf-on-secondary-container));
2119
- height: 129px;
2120
- margin-left: 78px;
2121
- width: 94px;
2122
- }
2123
- .e-bigger .e-de-toc-template1-content1 {
2124
- font-size: 10px;
2125
- height: 11px;
2126
- margin-left: 5.4px;
2127
- margin-top: 6.7px;
2128
- width: 80px;
2129
- }
2130
- .e-bigger .e-de-toc-template1-content2 {
2131
- font-size: 8px;
2132
- height: 9px;
2133
- margin-left: 20.4px;
2134
- margin-top: 5.7px;
2135
- width: 66px;
2136
- }
2137
- .e-bigger .e-de-toc-template1-content3 {
2138
- font-size: 7px;
2139
- height: 8px;
2140
- margin-left: 28.4px;
2141
- margin-top: 6.7px;
2142
- width: 59px;
2143
- }
2144
- .e-bigger .e-de-toc-optionsdiv {
2145
- margin-bottom: 11.5px;
2146
- margin-left: 5.5px;
2147
- margin-top: 15.5px;
2148
- }
2149
- .e-bigger .e-de-toc-optionsdiv.e-de-rtl {
2150
- margin-right: 5.5px;
2151
- margin-left: 0;
2152
- }
2153
- .e-bigger .e-de-prop-sub-label {
2154
- font-size: 13px;
2155
- margin-bottom: 8.5px;
2156
- }
2157
- .e-bigger .e-de-btn-cancel {
2158
- margin-left: 10px;
2159
- }
2160
- .e-bigger .e-de-status-bar {
2161
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2162
- display: -ms-flexbox;
2163
- display: flex;
2164
- width: 100%;
2165
- }
2166
- .e-bigger .e-de-statusbar-zoom {
2167
- border: 0;
2168
- color: rgba(var(--color-sf-on-secondary-container));
2169
- float: right;
2170
- height: 40px;
2171
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2172
- }
2173
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
2174
- line-height: 25px;
2175
- padding: 0 5px !important;
2176
- }
2177
- .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
2178
- height: 0;
2179
- line-height: 0;
2180
- line-height: 0.8;
2181
- }
2182
- .e-bigger .e-listview .e-list-icon {
2183
- height: 24px;
2184
- width: 16px;
2185
- margin-right: 16px;
2186
- }
2187
- .e-bigger .e-de-listview-icon {
2188
- height: auto;
2189
- width: auto;
2190
- line-height: 22px;
2191
- margin-right: 16px;
2192
- }
2193
- .e-bigger .e-rtl .e-listview .e-list-icon {
2194
- height: 24px;
2195
- width: 16px;
2196
- margin-left: 16px;
2197
- }
2198
- .e-bigger .e-rtl .e-de-listview-icon {
2199
- height: auto;
2200
- width: auto;
2201
- line-height: 22px;
2202
- margin-left: 16px;
2203
- }
2204
-
2205
- .e-de-ctn .e-de-bzr-button:hover {
2206
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2207
- border: none;
2208
- border-radius: 4px;
2209
- color: rgba(var(--color-sf-on-surface));
2210
- }
2211
-
2212
- .e-de-ctn .e-de-bzr-button:active {
2213
- box-shadow: none;
2214
- background-color: rgba(var(--color-sf-primary-container));
2215
- border-color: rgba(var(--color-sf-primary-container));
2216
- color: rgba(var(--color-sf-on-surface));
2217
- }
2218
-
2219
- .e-de-ctn .e-de-bzr-button {
2220
- font-weight: 400;
2221
- font-size: 14px;
2222
- border: none;
2223
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2224
- height: calc(100% - 10px);
2225
- line-height: 16px;
2226
- font-size: 12px !important;
2227
- }
2228
-
2229
- .e-de-ctn .e-de-bzr-button:hover {
2230
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2231
- border: none;
2232
- border-radius: 4px;
2233
- color: rgba(var(--color-sf-on-surface));
2234
- }
2235
-
2236
- .e-de-ctn .e-de-bzr-button:active {
2237
- box-shadow: none;
2238
- background-color: rgba(var(--color-sf-primary-container));
2239
- border-color: rgba(var(--color-sf-primary-container));
2240
- color: rgba(var(--color-sf-on-surface));
2241
- }
2242
-
2243
- .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
2244
- font-size: 16px;
2245
- }
2246
- .e-bigger .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
2247
- font-size: 18px;
2248
- }
2249
- .e-bigger .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-break.e-de-bzr-button {
2250
- padding-top: 11px !important;
2251
- }
1
+ @import '@syncfusion/ej2-documenteditor/styles/document-editor-container/material3-dark.css';