@syncfusion/ej2-vue-grids 20.1.47 → 20.1.48

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 (72) hide show
  1. package/CHANGELOG.md +2 -6
  2. package/dist/ej2-vue-grids.umd.min.js +2 -2
  3. package/dist/global/ej2-vue-grids.min.js +2 -2
  4. package/package.json +14 -8
  5. package/styles/bootstrap-dark.css +15 -159
  6. package/styles/bootstrap.css +15 -159
  7. package/styles/bootstrap4.css +15 -159
  8. package/styles/bootstrap5-dark.css +171 -380
  9. package/styles/bootstrap5.css +171 -380
  10. package/styles/excel-filter/bootstrap-dark.css +0 -9
  11. package/styles/excel-filter/bootstrap.css +0 -9
  12. package/styles/excel-filter/bootstrap4.css +0 -9
  13. package/styles/excel-filter/bootstrap5-dark.css +0 -16
  14. package/styles/excel-filter/bootstrap5.css +0 -16
  15. package/styles/excel-filter/fabric-dark.css +0 -9
  16. package/styles/excel-filter/fabric.css +0 -9
  17. package/styles/excel-filter/highcontrast-light.css +1 -10
  18. package/styles/excel-filter/highcontrast.css +0 -9
  19. package/styles/excel-filter/material-dark.css +0 -9
  20. package/styles/excel-filter/material.css +0 -9
  21. package/styles/excel-filter/tailwind-dark.css +68 -21
  22. package/styles/excel-filter/tailwind.css +68 -21
  23. package/styles/fabric-dark.css +17 -161
  24. package/styles/fabric.css +17 -161
  25. package/styles/grid/bootstrap-dark.css +12 -90
  26. package/styles/grid/bootstrap.css +12 -90
  27. package/styles/grid/bootstrap4.css +12 -90
  28. package/styles/grid/bootstrap5-dark.css +116 -216
  29. package/styles/grid/bootstrap5.css +116 -216
  30. package/styles/grid/fabric-dark.css +12 -90
  31. package/styles/grid/fabric.css +12 -90
  32. package/styles/grid/highcontrast-light.css +12 -90
  33. package/styles/grid/highcontrast.css +12 -90
  34. package/styles/grid/material-dark.css +12 -90
  35. package/styles/grid/material.css +12 -90
  36. package/styles/grid/tailwind-dark.css +219 -364
  37. package/styles/grid/tailwind.css +220 -365
  38. package/styles/highcontrast-light.css +18 -162
  39. package/styles/highcontrast.css +17 -161
  40. package/styles/material-dark.css +15 -159
  41. package/styles/material.css +15 -159
  42. package/styles/pager/bootstrap-dark.css +3 -60
  43. package/styles/pager/bootstrap.css +3 -60
  44. package/styles/pager/bootstrap4.css +3 -60
  45. package/styles/pager/bootstrap5-dark.css +55 -155
  46. package/styles/pager/bootstrap5.css +55 -155
  47. package/styles/pager/fabric-dark.css +5 -62
  48. package/styles/pager/fabric.css +5 -62
  49. package/styles/pager/highcontrast-light.css +5 -62
  50. package/styles/pager/highcontrast.css +5 -62
  51. package/styles/pager/material-dark.css +3 -60
  52. package/styles/pager/material.css +3 -60
  53. package/styles/pager/tailwind-dark.css +58 -270
  54. package/styles/pager/tailwind.css +58 -270
  55. package/styles/tailwind-dark.css +288 -654
  56. package/styles/tailwind.css +289 -655
  57. package/styles/excel-filter/fluent-dark.css +0 -621
  58. package/styles/excel-filter/fluent-dark.scss +0 -1
  59. package/styles/excel-filter/fluent.css +0 -621
  60. package/styles/excel-filter/fluent.scss +0 -1
  61. package/styles/fluent-dark.css +0 -6340
  62. package/styles/fluent-dark.scss +0 -3
  63. package/styles/fluent.css +0 -6340
  64. package/styles/fluent.scss +0 -3
  65. package/styles/grid/fluent-dark.css +0 -4996
  66. package/styles/grid/fluent-dark.scss +0 -1
  67. package/styles/grid/fluent.css +0 -4996
  68. package/styles/grid/fluent.scss +0 -1
  69. package/styles/pager/fluent-dark.css +0 -854
  70. package/styles/pager/fluent-dark.scss +0 -1
  71. package/styles/pager/fluent.css +0 -854
  72. package/styles/pager/fluent.scss +0 -1
@@ -1,854 +0,0 @@
1
- /*!componenticons*/
2
- .e-pager .e-icon-last::before,
3
- .e-grid-menu .e-icon-last::before {
4
- content: '\e818';
5
- }
6
-
7
- .e-pager .e-icon-first::before,
8
- .e-grid-menu .e-icon-first::before {
9
- content: '\e833';
10
- }
11
-
12
- .e-pager .e-icon-prev::before,
13
- .e-grid-menu .e-icon-prev::before {
14
- content: '\e765';
15
- }
16
-
17
- .e-pager .e-icon-next::before,
18
- .e-grid-menu .e-icon-next::before {
19
- content: '\e748';
20
- }
21
-
22
- .e-pager.e-rtl .e-icon-last.e-lastpage::before,
23
- .e-pager.e-rtl .e-icon-last.e-lastpage:hover,
24
- .e-pager.e-rtl .e-icon-last.e-lastpagedisabled::before,
25
- .e-grid-menu.e-rtl .e-icon-last.e-lastpage::before,
26
- .e-grid-menu.e-rtl .e-icon-last.e-lastpage:hover,
27
- .e-grid-menu.e-rtl .e-icon-last.e-lastpagedisabled::before {
28
- content: '\e833';
29
- }
30
-
31
- .e-pager.e-rtl .e-icon-first.e-firstpage::before,
32
- .e-pager.e-rtl .e-icon-first.e-firstpage:hover,
33
- .e-pager.e-rtl .e-icon-first.e-firstpagedisabled::before,
34
- .e-grid-menu.e-rtl .e-icon-first.e-firstpage::before,
35
- .e-grid-menu.e-rtl .e-icon-first.e-firstpage:hover,
36
- .e-grid-menu.e-rtl .e-icon-first.e-firstpagedisabled::before {
37
- content: '\e818';
38
- }
39
-
40
- .e-pager.e-rtl .e-icon-prev.e-prevpage::before,
41
- .e-pager.e-rtl .e-icon-prev.e-prevpage:hover,
42
- .e-pager.e-rtl .e-icon-prev.e-prevpagedisabled::before,
43
- .e-grid-menu.e-rtl .e-icon-prev.e-prevpage::before,
44
- .e-grid-menu.e-rtl .e-icon-prev.e-prevpage:hover,
45
- .e-grid-menu.e-rtl .e-icon-prev.e-prevpagedisabled::before {
46
- content: '\e748';
47
- }
48
-
49
- .e-pager.e-rtl .e-icon-next.e-nextpage::before,
50
- .e-pager.e-rtl .e-icon-next.e-nextpage:hover,
51
- .e-pager.e-rtl .e-icon-next.e-nextpagedisabled::before,
52
- .e-grid-menu.e-rtl .e-icon-next.e-nextpage::before,
53
- .e-grid-menu.e-rtl .e-icon-next.e-nextpage:hover,
54
- .e-grid-menu.e-rtl .e-icon-next.e-nextpagedisabled::before {
55
- content: '\e765';
56
- }
57
-
58
- /*! Pager layout */
59
- .e-bigger .e-pager,
60
- .e-pager.e-bigger {
61
- font-size: 16px;
62
- padding: 10px 10px 12px 10px;
63
- }
64
-
65
- .e-bigger .e-pager div.e-icons,
66
- .e-pager.e-bigger div.e-icons {
67
- font-size: 13px;
68
- }
69
-
70
- .e-bigger .e-pager div.e-parentmsgbar,
71
- .e-pager.e-bigger div.e-parentmsgbar {
72
- padding-bottom: 11px;
73
- padding-right: 0;
74
- padding-top: 11px;
75
- }
76
-
77
- .e-bigger .e-pager .e-pagerdropdown,
78
- .e-pager.e-bigger .e-pagerdropdown {
79
- height: 29px;
80
- margin: -35px 10px 0 18px;
81
- margin-top: -31px;
82
- width: 82px;
83
- }
84
-
85
- .e-bigger .e-pager .e-pagercontainer .e-firstpage,
86
- .e-bigger .e-pager .e-pagercontainer .e-prevpage,
87
- .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
88
- .e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
89
- .e-bigger .e-pager .e-pagercontainer .e-nextpage,
90
- .e-bigger .e-pager .e-pagercontainer .e-lastpage,
91
- .e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
92
- .e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
93
- .e-pager.e-bigger .e-pagercontainer .e-firstpage,
94
- .e-pager.e-bigger .e-pagercontainer .e-prevpage,
95
- .e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
96
- .e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
97
- .e-pager.e-bigger .e-pagercontainer .e-nextpage,
98
- .e-pager.e-bigger .e-pagercontainer .e-lastpage,
99
- .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
100
- .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
101
- padding: 14px 10px 13px 11px;
102
- }
103
-
104
- .e-bigger .e-pager .e-pagerconstant,
105
- .e-pager.e-bigger .e-pagerconstant {
106
- margin-bottom: 5px;
107
- margin-left: 16px;
108
- }
109
-
110
- .e-bigger .e-pager .e-pagercontainer,
111
- .e-pager.e-bigger .e-pagercontainer {
112
- margin: 0 0 -6px 0.8px;
113
- }
114
-
115
- .e-bigger .e-pager.e-rtl .e-pagercontainer,
116
- .e-pager.e-bigger.e-rtl .e-pagercontainer {
117
- margin: 0;
118
- }
119
-
120
- @media (max-width: 769px) {
121
- .e-bigger .e-pager,
122
- .e-pager.e-bigger {
123
- padding: 19px 0;
124
- }
125
- .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
126
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
127
- margin-right: 0;
128
- }
129
- .e-bigger .e-pager div.e-parentmsgbar,
130
- .e-pager.e-bigger div.e-parentmsgbar {
131
- padding: 0;
132
- }
133
- }
134
-
135
- .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
136
- .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
137
- .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
138
- .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
139
- margin-left: 0;
140
- }
141
-
142
- .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
143
- .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
144
- .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
145
- .e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
146
- margin-left: 0;
147
- margin-right: 0;
148
- }
149
-
150
- .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
151
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
152
- margin-left: 6px;
153
- margin-top: 2px;
154
- }
155
-
156
- .e-bigger .e-pager .e-numericitem,
157
- .e-pager.e-bigger .e-numericitem {
158
- margin: 0;
159
- }
160
-
161
- .e-bigger .e-pager .e-pp.e-spacing,
162
- .e-bigger .e-pager .e-np.e-spacing,
163
- .e-bigger .e-pager .e-pp.e-spacing:hover,
164
- .e-bigger .e-pager .e-np.e-spacing:hover,
165
- .e-pager.e-bigger .e-pp.e-spacing,
166
- .e-pager.e-bigger .e-np.e-spacing,
167
- .e-pager.e-bigger .e-pp.e-spacing:hover,
168
- .e-pager.e-bigger .e-np.e-spacing:hover {
169
- padding: 14.5px 13px 10px 13px;
170
- }
171
-
172
- .e-bigger .e-pager .e-spacing,
173
- .e-bigger .e-pager .e-numericitem:hover,
174
- .e-bigger .e-pager .e-currentitem,
175
- .e-pager.e-bigger .e-spacing,
176
- .e-pager.e-bigger .e-numericitem:hover,
177
- .e-pager.e-bigger .e-currentitem {
178
- border-radius: 0;
179
- padding: 13px 13px 11px 13px;
180
- }
181
-
182
- .e-bigger .e-pager.e-rtl .e-spacing,
183
- .e-bigger .e-pager.e-rtl .e-numericitem:hover,
184
- .e-bigger .e-pager.e-rtl .e-currentitem,
185
- .e-pager.e-bigger.e-rtl .e-spacing,
186
- .e-pager.e-bigger.e-rtl .e-numericitem:hover,
187
- .e-pager.e-bigger.e-rtl .e-currentitem {
188
- margin: 0;
189
- padding: 7px 13px 9px 12px;
190
- }
191
-
192
- .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
193
- .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
194
- padding: 13px 13px 11px 13px;
195
- }
196
-
197
- .e-bigger .e-pager.e-rtl,
198
- .e-bigger .e-pager.e-rtl .e-numericitem:hover,
199
- .e-bigger .e-pager.e-rtl .e-currentitem,
200
- .e-pager.e-bigger.e-rtl,
201
- .e-pager.e-bigger.e-rtl .e-numericitem:hover,
202
- .e-pager.e-bigger.e-rtl .e-currentitem {
203
- margin: 0;
204
- padding: 13px 13px 11px 13px;
205
- }
206
-
207
- .e-bigger .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
208
- .e-pager.e-bigger.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
209
- padding: 13px 13px 11px 13px;
210
- }
211
-
212
- .e-bigger .e-pager.e-rtl .e-pp,
213
- .e-bigger .e-pager.e-rtl .e-np,
214
- .e-bigger .e-pager.e-rtl .e-pp:hover,
215
- .e-bigger .e-pager.e-rtl .e-np:hover,
216
- .e-pager.e-bigger.e-rtl .e-pp,
217
- .e-pager.e-bigger.e-rtl .e-np,
218
- .e-pager.e-bigger.e-rtl .e-pp:hover,
219
- .e-pager.e-bigger.e-rtl .e-np:hover {
220
- font-size: 14px;
221
- margin-top: -5px;
222
- }
223
-
224
- .e-bigger .e-pager.e-rtl .e-pagerdropdown,
225
- .e-pager.e-bigger.e-rtl .e-pagerdropdown {
226
- margin: -44px 16px 0 0;
227
- }
228
-
229
- .e-bigger .e-pager.e-rtl .e-pagerconstant,
230
- .e-pager.e-bigger.e-rtl .e-pagerconstant {
231
- margin: 10px 16px 13px 0;
232
- }
233
-
234
- .e-bigger .e-pager .e-pagercontainer .e-firstpage,
235
- .e-bigger .e-pager .e-pagercontainer .e-prevpage,
236
- .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
237
- .e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
238
- .e-bigger .e-pager .e-pagercontainer .e-nextpage,
239
- .e-bigger .e-pager .e-pagercontainer .e-lastpage,
240
- .e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
241
- .e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
242
- .e-pager.e-bigger .e-pagercontainer .e-firstpage,
243
- .e-pager.e-bigger .e-pagercontainer .e-prevpage,
244
- .e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
245
- .e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
246
- .e-pager.e-bigger .e-pagercontainer .e-nextpage,
247
- .e-pager.e-bigger .e-pagercontainer .e-lastpage,
248
- .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
249
- .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
250
- margin-right: 0;
251
- padding: 12.5px 12px 12px 11px;
252
- }
253
-
254
- .e-bigger .e-pager .e-pp,
255
- .e-bigger .e-pager .e-np,
256
- .e-bigger .e-pager .e-pp:hover,
257
- .e-bigger .e-pager .e-np:hover,
258
- .e-pager.e-bigger .e-pp,
259
- .e-pager.e-bigger .e-np,
260
- .e-pager.e-bigger .e-pp:hover,
261
- .e-pager.e-bigger .e-np:hover {
262
- font-size: 16px;
263
- }
264
-
265
- .e-pager {
266
- border-style: solid;
267
- border-width: 1px;
268
- display: inline-block;
269
- font-size: 14px;
270
- padding: 8px 12.5px 8px 11.5px;
271
- white-space: normal;
272
- width: 100%;
273
- }
274
-
275
- .e-pager [class^='e-'] {
276
- box-sizing: border-box;
277
- }
278
-
279
- .e-pager div.e-parentmsgbar {
280
- float: right;
281
- padding-bottom: 0;
282
- padding-right: 0;
283
- padding-top: 8px;
284
- }
285
-
286
- .e-pager .e-pagesizes {
287
- display: inline;
288
- }
289
-
290
- .e-pager .e-pagerdropdown {
291
- display: inline-block;
292
- height: 26px;
293
- margin-left: 10px;
294
- margin-right: 8px;
295
- margin-top: -30px;
296
- overflow: unset;
297
- vertical-align: middle;
298
- width: 64px;
299
- }
300
-
301
- .e-pager .e-pagerconstant {
302
- font-weight: 600;
303
- display: inline-block;
304
- margin: 0 0 8px 8px;
305
- overflow: hidden;
306
- width: auto;
307
- }
308
-
309
- .e-pager .e-icons {
310
- font-size: 11px;
311
- }
312
-
313
- .e-pager .e-numericitem {
314
- border-right-style: solid;
315
- border-right-width: 0;
316
- display: inline-block;
317
- line-height: 1;
318
- margin-right: 0;
319
- min-width: 26px;
320
- padding: 13px 12px 10px 12px;
321
- text-align: center;
322
- }
323
-
324
- .e-pager div.e-pagermsgdiv {
325
- padding-right: 6px;
326
- padding-top: 4px;
327
- text-align: right;
328
- }
329
-
330
- .e-pager .e-firstpagedisabled,
331
- .e-pager .e-prevpagedisabled,
332
- .e-pager .e-nextpagedisabled,
333
- .e-pager .e-lastpagedisabled {
334
- opacity: 1;
335
- }
336
-
337
- .e-pager .e-spacing,
338
- .e-pager .e-numericitem:hover,
339
- .e-pager .e-currentitem {
340
- border-radius: 0;
341
- cursor: pointer;
342
- padding: 8px 13px 10px 12px;
343
- text-decoration: none;
344
- }
345
-
346
- .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
347
- padding: 8px 13px 10px 12px;
348
- }
349
-
350
- .e-pager .e-currentitem {
351
- border-bottom: 2px solid #0078d4;
352
- font-style: normal;
353
- font-variant: normal;
354
- font-weight: 600;
355
- }
356
-
357
- .e-pager div,
358
- .e-pager a {
359
- display: inline;
360
- -webkit-user-select: none;
361
- -ms-user-select: none;
362
- user-select: none;
363
- }
364
-
365
- .e-pager .e-icons::before {
366
- display: inline-block;
367
- }
368
-
369
- .e-pager .e-pagercontainer .e-firstpage,
370
- .e-pager .e-pagercontainer .e-prevpage,
371
- .e-pager .e-pagercontainer .e-firstpagedisabled,
372
- .e-pager .e-pagercontainer .e-prevpagedisabled,
373
- .e-pager .e-pagercontainer .e-nextpage,
374
- .e-pager .e-pagercontainer .e-lastpage,
375
- .e-pager .e-pagercontainer .e-nextpagedisabled,
376
- .e-pager .e-pagercontainer .e-lastpagedisabled {
377
- border-right-style: solid;
378
- border-right-width: 0;
379
- display: inline-block;
380
- margin-right: 0;
381
- margin-top: 0;
382
- min-width: 26px;
383
- padding: 11px 10px 10px 11px;
384
- }
385
-
386
- .e-pager .e-pagercontainer .e-lastpage,
387
- .e-pager .e-pagercontainer .e-lastpagedisabled {
388
- border-right: 1px;
389
- }
390
-
391
- .e-pager .e-firstpage:hover,
392
- .e-pager .e-prevpage:hover,
393
- .e-pager .e-lastpage:hover,
394
- .e-pager .e-nextpage:hover {
395
- cursor: pointer;
396
- text-decoration: none;
397
- }
398
-
399
- .e-pager a.e-nextprevitemdisabled {
400
- display: none;
401
- margin-left: 0;
402
- margin-right: 0;
403
- padding-left: 5px;
404
- padding-right: 5px;
405
- text-decoration: none;
406
- }
407
-
408
- .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
409
- .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
410
- margin-left: 0;
411
- }
412
-
413
- .e-pager .e-pagercontainer {
414
- border-radius: 0;
415
- border-style: solid;
416
- border-width: 0;
417
- display: inline-block;
418
- margin: 3px 0 -4px 0.3px;
419
- overflow: hidden;
420
- }
421
-
422
- .e-pager .e-lastpage:Hover {
423
- border-radius: 0;
424
- }
425
-
426
- .e-pager .e-firstpage:Hover {
427
- border-radius: 0;
428
- }
429
-
430
- .e-pager .e-pagermessage,
431
- .e-pager .e-pagerexternalmsg {
432
- display: block;
433
- margin: 6px 6px 0 6px;
434
- overflow: hidden;
435
- text-overflow: ellipsis;
436
- }
437
-
438
- .e-pager .e-mfirst,
439
- .e-pager .e-mprev,
440
- .e-pager .e-mnext,
441
- .e-pager .e-mlast {
442
- display: none;
443
- }
444
-
445
- .e-pager .e-mprev {
446
- text-indent: -3px;
447
- }
448
-
449
- .e-pager .e-mnext {
450
- text-indent: -2px;
451
- }
452
-
453
- .e-pager .e-mfirst,
454
- .e-pager .e-mprev,
455
- .e-pager .e-mnext,
456
- .e-pager .e-mlast {
457
- -webkit-tap-highlight-color: #fff;
458
- }
459
-
460
- .e-pager .e-pp,
461
- .e-pager .e-np,
462
- .e-pager .e-pp:hover,
463
- .e-pager .e-np:hover {
464
- font-size: 14px;
465
- font-weight: 400;
466
- letter-spacing: 0;
467
- padding: 8px 12px 10px 11px;
468
- }
469
-
470
- .e-pager .e-np.e-focused,
471
- .e-pager .e-pp.e-focused {
472
- line-height: 1;
473
- padding: 8px 12px 10px 11px;
474
- }
475
-
476
- @media (max-width: 769px) {
477
- .e-pager {
478
- padding: 13px 0;
479
- }
480
- .e-pager div.e-parentmsgbar {
481
- box-sizing: border-box;
482
- display: inline-block;
483
- float: initial;
484
- padding-bottom: 0;
485
- padding-right: 0;
486
- padding-top: 0;
487
- text-align: center;
488
- vertical-align: top;
489
- width: calc(60% - 48px);
490
- }
491
- .e-pager .e-pagesizes {
492
- display: none;
493
- }
494
- .e-pager .e-pagecountmsg {
495
- display: none;
496
- }
497
- .e-pager .e-pagercontainer {
498
- display: none;
499
- }
500
- .e-pager .e-icons {
501
- font-size: 11px;
502
- }
503
- .e-pager .e-mfirst,
504
- .e-pager .e-mprev,
505
- .e-pager .e-mnext,
506
- .e-pager .e-mlast {
507
- border: 0;
508
- box-sizing: border-box;
509
- display: inline-block;
510
- padding: 1% 5%;
511
- }
512
- .e-pager .e-mfirst {
513
- margin-right: 4px;
514
- text-align: right;
515
- width: calc(10% + 11px);
516
- }
517
- .e-pager .e-mprev {
518
- margin: 0 4px;
519
- text-align: right;
520
- width: 10%;
521
- }
522
- .e-pager .e-mnext {
523
- margin: 0 4px;
524
- text-align: left;
525
- width: 10%;
526
- }
527
- .e-pager .e-mlast {
528
- margin-left: 4px;
529
- text-align: left;
530
- width: calc(10% + 11px);
531
- }
532
- }
533
-
534
- .e-pager.e-rtl {
535
- direction: rtl;
536
- }
537
-
538
- .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
539
- .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
540
- margin-left: 0;
541
- margin-right: 0;
542
- }
543
-
544
- .e-pager.e-rtl .e-pagercontainer,
545
- .e-pager.e-rtl div,
546
- .e-pager.e-rtl a {
547
- float: initial;
548
- }
549
-
550
- .e-pager.e-rtl .e-parentmsgbar {
551
- float: left;
552
- margin-left: 6px;
553
- }
554
-
555
- .e-pager.e-rtl .e-pagerdropdown {
556
- margin: -28px 16px 0 0;
557
- }
558
-
559
- .e-pager.e-rtl .e-pagerconstant {
560
- margin: 8px 8px 6px 8px;
561
- }
562
-
563
- .e-pager.e-rtl .e-pagerexternalmsg {
564
- float: none;
565
- }
566
-
567
- .e-pager.e-rtl .e-pagercontainer {
568
- float: none;
569
- margin: 0 5.5px -4px 0;
570
- padding: 0;
571
- }
572
-
573
- .e-pager.e-rtl .e-firstpage,
574
- .e-pager.e-rtl .e-prevpage,
575
- .e-pager.e-rtl .e-firstpagedisabled,
576
- .e-pager.e-rtl .e-prevpagedisabled,
577
- .e-pager.e-rtl .e-nextpage,
578
- .e-pager.e-rtl .e-lastpage,
579
- .e-pager.e-rtl .e-nextpagedisabled,
580
- .e-pager.e-rtl .e-lastpagedisabled {
581
- padding: 11px 10px 10px 11px;
582
- }
583
-
584
- .e-pager.e-rtl .e-firstpage::before,
585
- .e-pager.e-rtl .e-firstpage:hover,
586
- .e-pager.e-rtl .e-firstpagedisabled::before {
587
- content: '\e701';
588
- }
589
-
590
- .e-pager.e-rtl .e-prevpage::before,
591
- .e-pager.e-rtl .e-prevpage:hover,
592
- .e-pager.e-rtl .e-prevpagedisabled::before {
593
- content: '\e848';
594
- }
595
-
596
- .e-pager.e-rtl .e-nextpage::before,
597
- .e-pager.e-rtl .e-nextpage:hover,
598
- .e-pager.e-rtl .e-nextpagedisabled::before {
599
- content: '\e84b';
600
- }
601
-
602
- .e-pager.e-rtl .e-lastpage::before,
603
- .e-pager.e-rtl .e-lastpage:hover,
604
- .e-pager.e-rtl .e-lastpagedisabled::before {
605
- content: '\e716';
606
- }
607
-
608
- .e-pager.e-rtl .e-nextpage,
609
- .e-pager.e-rtl .e-nextpagedisabled,
610
- .e-pager.e-rtl .e-prevpage,
611
- .e-pager.e-rtl .e-prevpagedisabled,
612
- .e-pager.e-rtl .e-firstpage,
613
- .e-pager.e-rtl .e-firstpagedisabled {
614
- border-left-style: solid;
615
- border-left-width: 0;
616
- }
617
-
618
- .e-pager.e-rtl .e-nextpage,
619
- .e-pager.e-rtl .e-nextpagedisabled,
620
- .e-pager.e-rtl .e-prevpage,
621
- .e-pager.e-rtl .e-prevpagedisabled {
622
- border-right-style: none;
623
- border-right-width: 0;
624
- }
625
-
626
- .e-pager.e-rtl .e-firstpage,
627
- .e-pager.e-rtl .e-firstpagedisabled {
628
- border-right: medium none;
629
- }
630
-
631
- .e-pager.e-rtl .e-firstpage:hover {
632
- border-radius: 0 4px 4px 0;
633
- }
634
-
635
- .e-pager.e-rtl .e-lastpage:hover {
636
- border-radius: 4px 0 0 4px;
637
- }
638
-
639
- .e-pager.e-rtl .e-numericcontainer {
640
- float: none;
641
- }
642
-
643
- .e-pager.e-rtl .e-numericitem {
644
- border-left-style: solid;
645
- border-left-width: 0;
646
- border-right-style: none;
647
- border-right-width: 0;
648
- min-width: 26px;
649
- }
650
-
651
- .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
652
- margin-left: 0;
653
- margin-right: 0;
654
- }
655
-
656
- .e-pager.e-rtl .e-spacing,
657
- .e-pager.e-rtl .e-numericitem:hover,
658
- .e-pager.e-rtl .e-currentitem {
659
- margin: 0;
660
- padding: 7px 13px 9px 12px;
661
- }
662
-
663
- .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
664
- padding: 7px 13px 9px 12px;
665
- }
666
-
667
- .e-pager.e-rtl .e-pp,
668
- .e-pager.e-rtl .e-np,
669
- .e-pager.e-rtl .e-pp:hover,
670
- .e-pager.e-rtl .e-np:hover {
671
- margin-top: 0;
672
- padding: 8px 12px 10px 11px;
673
- }
674
-
675
- @media (max-width: 769px) {
676
- .e-pager.e-rtl .e-mfirst,
677
- .e-pager.e-rtl .e-mprev,
678
- .e-pager.e-rtl .e-mnext,
679
- .e-pager.e-rtl .e-mlast {
680
- border: 0;
681
- }
682
- .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
683
- float: initial;
684
- margin-left: 0;
685
- margin-top: 10px;
686
- }
687
- .e-pager.e-rtl .e-parentmsgbar {
688
- float: right;
689
- }
690
- }
691
-
692
- .e-pager.sf-pager .e-pagercontainer .e-first,
693
- .e-pager.sf-pager .e-pagercontainer .e-prev,
694
- .e-pager.sf-pager .e-pagercontainer .e-next,
695
- .e-pager.sf-pager .e-pagercontainer .e-last {
696
- font-size: 11px;
697
- }
698
-
699
- .e-pager.sf-pager .e-numericcontainer a {
700
- font-size: 14px;
701
- }
702
-
703
- .e-pager.sf-pager .e-pagercontainer {
704
- font-size: 0;
705
- }
706
-
707
- .e-pager.sf-pager .e-link,
708
- .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
709
- margin-left: 0;
710
- }
711
-
712
- /*! Pager theme */
713
- .e-pager {
714
- background-color: #fff;
715
- border-color: #edebe9;
716
- color: #3b3a39;
717
- opacity: 1;
718
- }
719
-
720
- .e-pager div.e-icons.e-pager-default {
721
- color: #605e5c;
722
- }
723
-
724
- .e-pager div.e-icons.e-disable {
725
- color: #a19f9d;
726
- }
727
-
728
- .e-pager .e-pager-default:hover {
729
- background: #f3f2f1;
730
- color: #605e5c;
731
- opacity: 1;
732
- }
733
-
734
- .e-pager .e-parentmsgbar {
735
- font-weight: 600;
736
- }
737
-
738
- .e-pager .e-spacing {
739
- color: #605e5c;
740
- opacity: 1;
741
- }
742
-
743
- .e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
744
- background: #f3f2f1;
745
- }
746
-
747
- .e-pager .e-numericitem:hover {
748
- color: #605e5c;
749
- opacity: 1;
750
- }
751
-
752
- .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
753
- border-left: 0 solid #edebe9;
754
- }
755
-
756
- .e-pager .e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
757
- background-color: #f3f2f1;
758
- opacity: 1;
759
- }
760
-
761
- .e-pager .e-numericitem {
762
- background: #fff;
763
- border-right-color: #edebe9;
764
- color: #605e5c;
765
- }
766
-
767
- .e-pager .e-prevpagedisabled,
768
- .e-pager .e-prevpage,
769
- .e-pager .e-nextpage,
770
- .e-pager .e-nextpagedisabled,
771
- .e-pager .e-lastpagedisabled,
772
- .e-pager .e-lastpage,
773
- .e-pager .e-firstpage,
774
- .e-pager .e-firstpagedisabled {
775
- background-color: #fff;
776
- color: #605e5c;
777
- }
778
-
779
- .e-pager .e-lastpage,
780
- .e-pager .e-firstpage {
781
- background-color: transparent;
782
- }
783
-
784
- .e-pager .e-pagercontainer {
785
- background-color: #fff;
786
- border-color: #edebe9;
787
- }
788
-
789
- .e-pager .e-firstpage,
790
- .e-pager .e-prevpage,
791
- .e-pager .e-firstpagedisabled,
792
- .e-pager .e-prevpagedisabled,
793
- .e-pager .e-nextpage,
794
- .e-pager .e-lastpage,
795
- .e-pager .e-nextpagedisabled,
796
- .e-pager .e-lastpagedisabled {
797
- border-right-color: #edebe9;
798
- }
799
-
800
- .e-pager .e-currentitem,
801
- .e-pager .e-currentitem:hover {
802
- background: #fff;
803
- color: #323130;
804
- opacity: 1;
805
- }
806
-
807
- .e-pager .e-numericitem.e-focused,
808
- .e-pager .e-first.e-focused,
809
- .e-pager .e-prev.e-focused,
810
- .e-pager .e-next.e-focused,
811
- .e-pager .e-last.e-focused,
812
- .e-pager .e-mfirst.e-focused,
813
- .e-pager .e-mprev.e-focused,
814
- .e-pager .e-mnext.e-focused,
815
- .e-pager .e-mlast.e-focused {
816
- background-color: #f3f2f1;
817
- }
818
-
819
- .e-pager .e-currentitem.e-numericitem.e-focused {
820
- background: #fff;
821
- box-shadow: 0 0 0 1px #0078d4 inset;
822
- }
823
-
824
- .e-pager .e-focused {
825
- box-shadow: 0 0 0 1px #0078d4 inset;
826
- }
827
-
828
- @media (max-width: 590px) {
829
- .e-pager .e-pager-default:hover {
830
- background: #fff;
831
- color: #0078d4;
832
- opacity: 1;
833
- }
834
- }
835
-
836
- .e-pager.e-rtl .e-numericitem {
837
- border-left-color: #edebe9;
838
- }
839
-
840
- .e-pager.e-rtl .e-firstpage,
841
- .e-pager.e-rtl .e-prevpage,
842
- .e-pager.e-rtl .e-firstpagedisabled,
843
- .e-pager.e-rtl .e-prevpagedisabled,
844
- .e-pager.e-rtl .e-nextpage,
845
- .e-pager.e-rtl .e-lastpage,
846
- .e-pager.e-rtl .e-nextpagedisabled,
847
- .e-pager.e-rtl .e-lastpagedisabled {
848
- border-left-color: #edebe9;
849
- }
850
-
851
- .e-pager.e-rtl .e-nextpage,
852
- .e-pager.e-rtl .e-nextpagedisabled {
853
- border-left-color: #edebe9;
854
- }