@syncfusion/ej2-vue-documenteditor 19.2.60 → 19.3.45

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