@syncfusion/ej2-angular-documenteditor 26.1.42 → 26.2.4

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