@easydata/crud 1.4.17 → 1.4.20

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 (80) hide show
  1. package/dist/easydata.crud.cjs.js +22 -0
  2. package/dist/easydata.crud.cjs.js.map +1 -0
  3. package/dist/easydata.crud.es.js +22 -0
  4. package/dist/easydata.crud.es.js.map +1 -0
  5. package/package.json +15 -50
  6. package/api-easydata.js +0 -5
  7. package/dist/assets/css/ed-view.css +0 -107
  8. package/dist/browser/easydata.css +0 -2190
  9. package/dist/browser/easydata.css.map +0 -1
  10. package/dist/browser/easydata.js +0 -12214
  11. package/dist/browser/easydata.js.map +0 -1
  12. package/dist/browser/easydata.min.css +0 -3
  13. package/dist/browser/easydata.min.js +0 -3
  14. package/dist/browser/easydata.min.js.LICENSE.txt +0 -9
  15. package/dist/browser/easydata.min.js.map +0 -1
  16. package/dist/bundles/easydata.crud.js +0 -8517
  17. package/dist/bundles/easydata.crud.js.map +0 -1
  18. package/dist/bundles/easydata.crud.min.js +0 -3
  19. package/dist/bundles/easydata.crud.min.js.LICENSE.txt +0 -1
  20. package/dist/bundles/easydata.crud.min.js.map +0 -1
  21. package/dist/lib/filter/data_filter.js +0 -2
  22. package/dist/lib/filter/data_filter.js.map +0 -1
  23. package/dist/lib/filter/text_data_filter.js +0 -123
  24. package/dist/lib/filter/text_data_filter.js.map +0 -1
  25. package/dist/lib/form/entity_edit_form.js +0 -134
  26. package/dist/lib/form/entity_edit_form.js.map +0 -1
  27. package/dist/lib/form/entity_form_builder.js +0 -441
  28. package/dist/lib/form/entity_form_builder.js.map +0 -1
  29. package/dist/lib/i18n/text_resources.js +0 -32
  30. package/dist/lib/i18n/text_resources.js.map +0 -1
  31. package/dist/lib/main/data_context.js +0 -168
  32. package/dist/lib/main/data_context.js.map +0 -1
  33. package/dist/lib/main/easy_data_server_loader.js +0 -44
  34. package/dist/lib/main/easy_data_server_loader.js.map +0 -1
  35. package/dist/lib/public_api.js +0 -17
  36. package/dist/lib/public_api.js.map +0 -1
  37. package/dist/lib/utils/utils.js +0 -25
  38. package/dist/lib/utils/utils.js.map +0 -1
  39. package/dist/lib/validators/datetime_validator.js +0 -46
  40. package/dist/lib/validators/datetime_validator.js.map +0 -1
  41. package/dist/lib/validators/required_validator.js +0 -37
  42. package/dist/lib/validators/required_validator.js.map +0 -1
  43. package/dist/lib/validators/type_validator.js +0 -47
  44. package/dist/lib/validators/type_validator.js.map +0 -1
  45. package/dist/lib/validators/validator.js +0 -7
  46. package/dist/lib/validators/validator.js.map +0 -1
  47. package/dist/lib/views/easy_data_view_dispatcher.js +0 -114
  48. package/dist/lib/views/easy_data_view_dispatcher.js.map +0 -1
  49. package/dist/lib/views/entity_data_view.js +0 -225
  50. package/dist/lib/views/entity_data_view.js.map +0 -1
  51. package/dist/lib/views/options.js +0 -2
  52. package/dist/lib/views/options.js.map +0 -1
  53. package/dist/lib/views/root_data_view.js +0 -49
  54. package/dist/lib/views/root_data_view.js.map +0 -1
  55. package/dist/lib/widgets/progress_bar.js +0 -16
  56. package/dist/lib/widgets/progress_bar.js.map +0 -1
  57. package/dist/lib/widgets/text_filter_widget.js +0 -214
  58. package/dist/lib/widgets/text_filter_widget.js.map +0 -1
  59. package/styles-easydata.js +0 -4
  60. package/tsconfig.json +0 -23
  61. package/webpack.config.js +0 -137
  62. /package/dist/{lib → types}/filter/data_filter.d.ts +0 -0
  63. /package/dist/{lib → types}/filter/text_data_filter.d.ts +0 -0
  64. /package/dist/{lib → types}/form/entity_edit_form.d.ts +0 -0
  65. /package/dist/{lib → types}/form/entity_form_builder.d.ts +0 -0
  66. /package/dist/{lib → types}/i18n/text_resources.d.ts +0 -0
  67. /package/dist/{lib → types}/main/data_context.d.ts +0 -0
  68. /package/dist/{lib → types}/main/easy_data_server_loader.d.ts +0 -0
  69. /package/dist/{lib → types}/public_api.d.ts +0 -0
  70. /package/dist/{lib → types}/utils/utils.d.ts +0 -0
  71. /package/dist/{lib → types}/validators/datetime_validator.d.ts +0 -0
  72. /package/dist/{lib → types}/validators/required_validator.d.ts +0 -0
  73. /package/dist/{lib → types}/validators/type_validator.d.ts +0 -0
  74. /package/dist/{lib → types}/validators/validator.d.ts +0 -0
  75. /package/dist/{lib → types}/views/easy_data_view_dispatcher.d.ts +0 -0
  76. /package/dist/{lib → types}/views/entity_data_view.d.ts +0 -0
  77. /package/dist/{lib → types}/views/options.d.ts +0 -0
  78. /package/dist/{lib → types}/views/root_data_view.d.ts +0 -0
  79. /package/dist/{lib → types}/widgets/progress_bar.d.ts +0 -0
  80. /package/dist/{lib → types}/widgets/text_filter_widget.d.ts +0 -0
@@ -1,2190 +0,0 @@
1
- /* EasyData grid */
2
-
3
- .keg-container * {
4
- outline: none;
5
- }
6
-
7
- .keg-container {
8
- overflow: hidden;
9
- }
10
-
11
- .keg-header {
12
- background-color: #f8f8f8;
13
- border-bottom: 1px solid #babfc7;
14
- overflow: hidden;
15
- flex: 0 0 auto;
16
- }
17
-
18
- .keg-root {
19
- font-family: "Roboto", Arial;
20
- display: flex;
21
- flex-direction: column;
22
- border: 1px solid #babfc7;
23
- }
24
-
25
- .keg-body {
26
- overflow: hidden;
27
- flex: 1;
28
- }
29
-
30
- .keg-body-viewport {
31
- overflow-x: auto;
32
- overflow-y: auto;
33
- height: 100%;
34
- border: 1px solid transparent;
35
- }
36
-
37
- .keg-body-viewport:focus, .keg-body-viewport:focus-within {
38
- border: 1px solid #838383;
39
- }
40
-
41
- .keg-header-row {
42
- min-height: 30px;
43
- display: flex;
44
- font-size: 12px;
45
- font-weight: 600;
46
- color: rgba(0,0,0,.54);
47
- }
48
-
49
- .keg-row {
50
- display: flex;
51
- font-size: 12px;
52
- background-color: #fff;
53
- color: #181d1f;
54
- outline: none;
55
- border-color: #dde2eb;
56
- border-width: 1px;
57
- border-bottom-style: solid;
58
- height: 26px;
59
- align-items: center;
60
- }
61
-
62
- .keg-row:not(.keg-row-active):not(.keg-row-totals):hover {
63
- background-color: #fffae9;
64
- }
65
-
66
- .keg-row-odd {
67
- background-color: #fcfcfc;
68
- }
69
-
70
- .keg-row-active {
71
- background-color: #fff3cf;
72
- }
73
-
74
- .keg-cell, .keg-header-cell {
75
- display: flex;
76
- }
77
-
78
- .keg-header-cell {
79
- position: relative;
80
- align-items: center;
81
- padding: 2px 6px;
82
- }
83
-
84
- .keg-header-cell-resize {
85
- display: flex;
86
- align-items: center;
87
- position: absolute;
88
- z-index: 2;
89
- height: 100%;
90
- width: 8px;
91
- top: 0;
92
- right: -4px;
93
- }
94
-
95
- .keg-header-cell-resize:after {
96
- content: "";
97
- position: absolute;
98
- z-index: 1;
99
- display: block;
100
- left: calc(50% - 1px);
101
- width: 2px;
102
- height: 50%;
103
- top: 25%;
104
- background-color: rgba(186,191,199,.5);
105
- }
106
-
107
- .keg-header-cell-label {
108
- width: 100%;
109
- text-align: center;
110
- word-break: keep-all;
111
- -ms-word-wrap: keep-all;
112
- }
113
-
114
- .keg-cell {
115
- padding: 0 4px 0 10px;
116
- border-right-width: 1px;
117
- border-right: solid transparent;
118
- align-items: center;
119
- height: 100%;
120
- outline: none;
121
- }
122
-
123
- .keg-cell-value {
124
- width: 100%;
125
- overflow: hidden;
126
- text-overflow: ellipsis;
127
- white-space: nowrap;
128
- max-height: 100%;
129
- }
130
-
131
- /*
132
- .keg-row .keg-cell:first-child, .keg-header-row .keg-header-cell:first-child {
133
- flex: 0 0 55px;
134
- min-width: 55px;
135
- }
136
- */
137
-
138
- .keg-cell-align-left, .keg-cell-value-align-left {
139
- text-align: left;
140
- }
141
-
142
- .keg-cell-align-right, .keg-cell-value-align-right {
143
- text-align: right;
144
- }
145
-
146
- .keg-cell-align-center, .keg-cell-value-align-center {
147
- text-align: center;
148
- }
149
-
150
- .keg-cell-value-bool {
151
- margin: 0 auto;
152
- width: auto;
153
- }
154
-
155
- .keg-cell-value-true::before {
156
- content: "\2714";
157
- color: #28a745;
158
- font-size: 16px;
159
- }
160
-
161
- .keg-cell-value-false::before {
162
- content: "\2716";
163
- color: #dc3545;
164
- font-size: 16px;
165
- }
166
-
167
- .keg-header-btn-plus {
168
- position: relative;
169
- height: 23px;
170
- width: 23px;
171
- }
172
-
173
- .keg-header-btn-plus a {
174
- background: url('data:image/png;base64,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') no-repeat;
175
- width: 100%;
176
- height: 100%;
177
- display: block;
178
- }
179
-
180
- .keg-header-btn-plus a:hover {
181
- background-position: -25px 0 !important;
182
- }
183
-
184
- /* Pagination */
185
- .keg-pagination-wrapper {
186
- display: inline-flex;
187
- }
188
-
189
- .keg-pagination {
190
- display: inline-flex;
191
- padding-left: 0;
192
- margin: 0;
193
- border-radius: 4px;
194
- }
195
-
196
- .keg-page-item {
197
- display: inline;
198
- }
199
-
200
- .keg-page-link {
201
- font-size: 12px;
202
- background-color: #fff;
203
- border: 1px solid #ddd;
204
- color: #428bca;
205
- float: left;
206
- line-height: 1.42857;
207
- margin-left: -1px;
208
- padding: 5px 10px;
209
- position: relative;
210
- text-decoration: none;
211
- }
212
-
213
- .keg-page-link:hover, .keg-page-link:focus {
214
- background-color: #eee;
215
- border-color: #ddd;
216
- color: #2a6496;
217
- border-bottom: #ffd148 2px solid !important;
218
- }
219
-
220
- .keg-page-item.active > .keg-page-link, .keg-page-item.active > .keg-page-link:hover, .keg-page-item.active > .keg-page-link:focus {
221
- background-color: #428bca;
222
- border-color: #428bca;
223
- color: #fff;
224
- cursor: default;
225
- z-index: 2;
226
- }
227
-
228
- .keg-page-item.disabled > .keg-page-link, .keg-page-item.disabled > .keg-page-link:hover, .keg-page-item.disabled > .keg-page-link:focus {
229
- background-color: #fff;
230
- border-color: #ddd;
231
- color: #999;
232
- cursor: not-allowed;
233
- }
234
-
235
- .keg-page-item:first-child > .keg-page-link {
236
- border-bottom-left-radius: 3px;
237
- border-top-left-radius: 3px;
238
- margin-left: 0;
239
- }
240
-
241
- .keg-page-item:last-child > .keg-page-link {
242
- border-bottom-right-radius: 3px;
243
- border-top-right-radius: 3px;
244
- }
245
-
246
- .keg-page-sizes {
247
- display: inline-flex;
248
- margin-left: 20px;
249
- }
250
-
251
- .keg-page-sizes-select {
252
- font-size: 12px;
253
- height: auto !important;
254
- }
255
-
256
- .keg-page-sizes-select::after {
257
- height: .6em !important;
258
- width: .6em !important;
259
- margin-top: -.6em !important;
260
- border-width: 2px !important;
261
- }
262
-
263
- .keg-page-sizes-label {
264
- margin-left: 10px;
265
- font-size: 16px;
266
- color: rgba(0,0,0,.54);
267
- padding: 5px 0;
268
- white-space: nowrap;
269
- }
270
-
271
- .keg-footer {
272
- display: flex;
273
- /*justify-content: space-between;*/
274
- margin-top: 5px;
275
- flex-wrap: wrap;
276
- }
277
-
278
- .keg-page-info {
279
- padding: 5px 10px;
280
- font-size: 16px;
281
- white-space: nowrap;
282
- flex: 1 1 auto;
283
- text-align: end;
284
- color: rgba(0,0,0,.54);
285
- }
286
-
287
- .keg-page-info > span {
288
- color: #212529;
289
- }
290
-
291
- .keg-row-totals {
292
- font-weight: bold;
293
- }
294
-
295
- .keg-totals-lv0 {
296
- background-color: #ACE1AF;
297
- }
298
-
299
- .keg-totals-lv1 {
300
- background-color: #D0F0C0;
301
- }
302
-
303
- .keg-totals-lv2 {
304
- background-color: #D0F2C0;
305
- }
306
-
307
- .keg-totals-lv3 {
308
- background-color: #D0F4C0;
309
- }
310
-
311
- .keg-totals-lv4 {
312
- background-color: #D0F6C0;
313
- }
314
-
315
- .keg-totals-lv5 {
316
- background-color: #D0F8C0;
317
- }
318
-
319
- .keg-sortable-helper {
320
- background-color: white;
321
- padding: 3px 20px;
322
- border: 2px solid #fb9c2f;
323
- border-radius: 4px;
324
- }
325
-
326
-
327
- .eqjs-chart-main, .eqjs-chart-content, .keg-container, .keg-root {
328
- height: 100%;
329
- }
330
-
331
- .eqjs-chart-content canvas {
332
- max-height: 100%;
333
- }
334
-
335
- .question-mark {
336
- position: relative;
337
- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACE4AAAhOAYwxAOwAAAFgSURBVDhPbdK7K4dRHMfxn1sWUVhcihK/MBKlbMqGKAplMMglk7JJRpOy+R8sJotBiUUiSe6XWNxGpYT3++k5Tw/51Kvfc06/c/2enMzv2K5CCxpRgmecYB+vSJIX/5oCTGINnXjBG+owjXE84gzfSOLAZRxiKG6nU4QpnGIWyY79mIEDa+N2LirRhvK4Tx24Qx+iVOMarhhmHICr7MFJ22GcdB47KLajF8fIt0GcYBujcLur2EBIIa7Q5Eze6hY+ETKCdXzA838hxL4jZB1sOZ4Q4k0+wJ1sogtLSMdKlDnYOtbY8ycNsEzDOLAjFd+CZct04wKeLx3brfCM6ZTiFvWu7MvxTGMIt20slbWNbjWOj2oB54hWNv2wNNbRCU0FJhAGO3AQN/B/SRzgy7mHdfxvqytwYI8dJr1Nv635HFzVcnirXk4z3OoidhElPTjEbfrqsiiDZ7uMf98RJ5P5AUhxQvegD107AAAAAElFTkSuQmCC') no-repeat center;
338
- width: 20px;
339
- height: 20px;
340
- margin-left: 5px;
341
- }
342
- /* EasyData dialogs */
343
-
344
- .kdlg-modal, .kdlg-modal-background {
345
- bottom: 0;
346
- left: 0;
347
- position: absolute;
348
- right: 0;
349
- top: 0;
350
- }
351
-
352
- .kdlg-modal-background {
353
- background-color: rgba(10,10,10,0.5);
354
- }
355
-
356
- .kdlg-modal {
357
- font-family: "Roboto", Arial;
358
- font-size: 16px;
359
- font-weight: 400;
360
- line-height: 1.5;
361
-
362
- align-items: center;
363
- display: none;
364
- flex-direction: column;
365
- justify-content: center;
366
- overflow: hidden;
367
- position: fixed;
368
- z-index: 9999;
369
- }
370
-
371
- .kdlg-modal.is-active {
372
- display: flex;
373
- }
374
-
375
-
376
- .kdlg-modal-window, .kdlg-modal-window.size-default {
377
- margin: 0 20px;
378
- position: relative;
379
- width: 100%;
380
- display: flex;
381
- flex-direction: column;
382
- max-height: calc(100vh - 40px);
383
- overflow: hidden;
384
- -ms-overflow-y: visible;
385
- }
386
-
387
- @media screen and (min-width: 481px), print {
388
- .kdlg-modal-window.size-small {
389
- margin: 0 auto;
390
- width: 400px;
391
- }
392
- }
393
-
394
- @media screen and (min-width: 769px), print {
395
- .kdlg-modal-window, .kdlg-modal-window.size-default {
396
- margin: 0 auto;
397
- width: 640px;
398
- }
399
-
400
- .kdlg-modal-window.size-large, .kdlg-modal-window.size-xl {
401
- margin: 0 20px;
402
- width: 100%;
403
- }
404
- }
405
-
406
- @media screen and (min-width: 1025px), print {
407
- .kdlg-modal-window.size-large {
408
- margin: 0 auto;
409
- width: 900px;
410
- }
411
- }
412
-
413
- @media screen and (min-width: 1383px), print {
414
- .kdlg-modal-window.size-xl {
415
- margin: 0 auto;
416
- width: 1200px;
417
- }
418
- }
419
-
420
-
421
- .kdlg-footer, .kdlg-header {
422
- align-items: center;
423
- background-color: #fff;
424
- display: flex;
425
- flex-shrink: 0;
426
- justify-content: flex-start;
427
- padding: 20px;
428
- position: relative;
429
- }
430
-
431
- .kdlg-footer.align-right {
432
- justify-content: flex-end;
433
- }
434
-
435
- .kdlg-footer.align-center {
436
- justify-content: center;
437
- }
438
-
439
- .kdlg-header {
440
- border-top-left-radius: 6px;
441
- border-top-right-radius: 6px;
442
- }
443
-
444
- .kdlg-header.has-border {
445
- border-bottom: 1px solid #dbdbdb;
446
- }
447
-
448
- .kdlg-footer {
449
- min-height: 10px;
450
- border-bottom-left-radius: 6px;
451
- border-bottom-right-radius: 6px;
452
- height: auto;
453
- color: initial;
454
- margin: unset;
455
- }
456
-
457
- .kdlg-footer.has-border {
458
- border-top: 1px solid #dbdbdb;
459
- }
460
-
461
- .kdlg-header-title {
462
- color: #363636;
463
- flex-grow: 1;
464
- flex-shrink: 0;
465
- font-size: 1.6em;
466
- line-height: 1;
467
- margin: 0;
468
- padding: 0;
469
- }
470
-
471
- .kdlg-modal-close {
472
- -webkit-touch-callout: none;
473
- -webkit-user-select: none;
474
- -moz-user-select: none;
475
- user-select: none;
476
- -moz-appearance: none;
477
- -webkit-appearance: none;
478
- background-color: rgba(10,10,10,.2);
479
- border: none;
480
- border-radius: 290486px;
481
- cursor: pointer;
482
- pointer-events: auto;
483
- display: inline-block;
484
- flex-grow: 0;
485
- flex-shrink: 0;
486
- font-size: 0;
487
- height: 24px;
488
- max-height: 24px;
489
- max-width: 24px;
490
- min-height: 24px;
491
- min-width: 24px;
492
- outline: 0;
493
- position: relative;
494
- vertical-align: top;
495
- width: 24px;
496
- }
497
-
498
- .kdlg-modal-close::before, .kdlg-modal-close::after {
499
- background-color: #fff;
500
- content: "";
501
- display: block;
502
- left: 50%;
503
- position: absolute;
504
- top: 50%;
505
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
506
- transform-origin: center center;
507
- }
508
-
509
- .kdlg-modal-close::before {
510
- height: 2px;
511
- width: 50%;
512
- }
513
-
514
- .kdlg-modal-close::after {
515
- height: 50%;
516
- width: 2px;
517
- }
518
-
519
- .kdlg-modal-close:focus, .kdlg-modal-close:hover {
520
- background-color: rgba(255,1,1,.48);
521
- }
522
-
523
-
524
- .kdlg-body {
525
- -webkit-overflow-scrolling: touch;
526
- background-color: #fff;
527
- flex-grow: 1;
528
- flex-shrink: 1;
529
- overflow: auto;
530
- padding: 20px;
531
- font-size: 1em;
532
- color: #4a4a4a;
533
- }
534
-
535
-
536
- /** alerts start **/
537
-
538
- .kdlg-alert-container {
539
- max-height: 150px;
540
- overflow-y: auto;
541
- }
542
-
543
- .kdlg-alert {
544
- padding: 20px;
545
- background-color: #e2f5ff;
546
- color: #004aef;
547
- min-width: 1px;
548
- min-height: 60px;
549
- }
550
-
551
- .kdlg-alert.success {
552
- color: #0c7905;
553
- background-color: #efffe6;
554
- }
555
-
556
- .kdlg-alert.warning {
557
- color: #e49e02;
558
- background-color: #fff7e5;
559
- }
560
-
561
- .kdlg-alert.error {
562
- color: red;
563
- background-color: #ffe2e2;
564
- }
565
-
566
- .kdlg-alert-closebtn {
567
- margin-left: 15px;
568
- float: right;
569
- font-size: 22px;
570
- line-height: 20px;
571
- cursor: pointer;
572
- transition: 0.3s;
573
- }
574
-
575
- /** alerts end **/
576
-
577
-
578
- /** progress start **/
579
- .kdlg-progress-line {
580
- width: 100%;
581
- overflow: hidden;
582
- background-color: #e0e0e0;
583
- padding: 3px;
584
- border-radius: 3px;
585
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
586
- }
587
-
588
- .kdlg-progress-line .fill {
589
- display: block;
590
- height: 22px;
591
- background-color: #659cef;
592
- border-radius: 3px;
593
- transition: width 500ms ease-in-out;
594
- }
595
-
596
- .kdlg-progress-line .fill.indeterminate {
597
- position: relative;
598
- left: -200px;
599
- width: 200px;
600
- animation: kdlg-progress-line-loading 2s linear infinite;
601
- transition: none;
602
- }
603
-
604
- @keyframes kdlg-progress-line-loading {
605
- from { left: -200px; }
606
- to { left: 120%;}
607
- }
608
-
609
- /** progress end **/
610
- /* EasyData forms: buttons */
611
-
612
- .kfrm-buttons {
613
- align-items: center;
614
- display: flex;
615
- flex-wrap: wrap;
616
- justify-content: flex-start;
617
- }
618
-
619
- .kfrm-buttons.align-right {
620
- justify-content: flex-end;
621
- }
622
-
623
- .kfrm-buttons.align-center {
624
- justify-content: center;
625
- }
626
-
627
- .kfrm-buttons:last-child {
628
- margin-bottom: -.5rem;
629
- }
630
-
631
- .kfrm-buttons .kfrm-button {
632
- margin-bottom: .5rem;
633
- }
634
-
635
- .kfrm-button {
636
- position: relative;
637
- vertical-align: top;
638
- line-height: 1.5;
639
- align-items: center;
640
- border: 1px solid transparent;
641
- border-radius: 4px;
642
- box-shadow: none;
643
- display: inline-flex;
644
- font-size: 1em;
645
- height: 2.5em;
646
- -moz-appearance: none;
647
- -webkit-appearance: none;
648
-
649
-
650
- background-color: #fff;
651
- border-color: #dbdbdb;
652
- border-width: 1px;
653
- color: #363636;
654
- cursor: pointer;
655
- justify-content: center;
656
- padding-bottom: calc(.5em - 1px);
657
- padding-left: 1em;
658
- padding-right: 1em;
659
- padding-top: calc(.5em - 1px);
660
- text-align: center;
661
- white-space: nowrap;
662
-
663
- -webkit-touch-callout:none;
664
- -webkit-user-select:none;
665
- -moz-user-select:none;
666
- user-select:none
667
- }
668
-
669
- .kfrm-button:not(:last-child) {
670
- margin-right: .5em;
671
- }
672
-
673
- .kfrm-button.is-hovered, .kfrm-button:hover {
674
- border-color: #b5b5b5;
675
- color: #363636;
676
- }
677
-
678
- .kfrm-button.is-focused, .kfrm-button:focus {
679
- outline: none;
680
- border-color: #3273dc;
681
- color: #363636;
682
- }
683
-
684
- .kfrm-button.is-focused:not(:active), .kfrm-button:focus:not(:active) {
685
- box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
686
- }
687
-
688
- .kfrm-button.is-active, .kfrm-button:active {
689
- border-color: #4a4a4a;
690
- color: #363636;
691
- }
692
-
693
- .kfrm-button[disabled], fieldset[disabled] .kfrm-button {
694
- background-color: #fff;
695
- border-color: #dbdbdb;
696
- box-shadow: none;
697
- opacity: .5;
698
- cursor: not-allowed;
699
- }
700
-
701
- .kfrm-button.is-loading {
702
- color: transparent!important;
703
- pointer-events: none;
704
- }
705
-
706
- .kfrm-button.is-loading::after {
707
- animation:spinAround .5s infinite linear;
708
- border:2px solid #dbdbdb;
709
- border-radius:290486px;
710
- border-right-color:transparent;
711
- border-top-color:transparent;
712
- content:"";
713
- display:block;
714
- height:1em;
715
- width:1em;
716
-
717
- left: calc(50% - (1em / 2));
718
- top: calc(50% - (1em / 2));
719
- position: absolute!important;
720
- }
721
-
722
- @keyframes spinAround {
723
- from {
724
- transform:rotate(0deg);
725
- }
726
- to {
727
- transform:rotate(360deg);
728
- }
729
- }
730
-
731
- /* SIZES */
732
-
733
- .kfrm-button.size-small,
734
- .kfrm-buttons.size-small .kfrm-button:not(.size-default):not(.size-medium):not(.size-large) {
735
- border-radius: 2px;
736
- font-size: .75rem;
737
- }
738
-
739
- .kfrm-button.size-default
740
- .kfrm-buttons.size-default .kfrm-button:not(.size-small):not(.size-medium):not(.size-large) {
741
- font-size: 1rem;
742
- }
743
-
744
- .kfrm-button.size-medium,
745
- .kfrm-buttons.size-medium .kfrm-button:not(.size-small):not(.size-default):not(.size-large) {
746
- font-size: 1.25rem;
747
- }
748
-
749
- .kfrm-button.size-large
750
- .kfrm-buttons.size-large .kfrm-button:not(.size-small):not(.size-default):not(.size-medium) {
751
- font-size: 1.5rem;
752
- }
753
-
754
- /* SIZES END */
755
-
756
-
757
-
758
- /* COLORS */
759
-
760
- /* white */
761
- .kfrm-button.is-white {
762
- background-color: #fff;
763
- border-color: transparent;
764
- color: #0a0a0a;
765
- }
766
-
767
- .kfrm-button.is-white.is-hovered, .kfrm-button.is-white:hover {
768
- background-color: #f9f9f9;
769
- border-color: transparent;
770
- color: #0a0a0a;
771
- }
772
-
773
- .kfrm-button.is-white.is-focused, .kfrm-button.is-white:focus {
774
- border-color: transparent;
775
- color: #0a0a0a;
776
- }
777
-
778
- .kfrm-button.is-white.is-focused:not(:active), .kfrm-button.is-white:focus:not(:active) {
779
- box-shadow: 0 0 0 0.125em rgba(150,150,150,.15);
780
- }
781
-
782
- .kfrm-button.is-white.is-active, .kfrm-button.is-white:active {
783
- background-color: #f2f2f2;
784
- border-color: transparent;
785
- color: #0a0a0a;
786
- }
787
-
788
- /* dark */
789
-
790
- .kfrm-button.is-dark {
791
- background-color: #363636e6;
792
- border-color: transparent;
793
- color: #fff;
794
- }
795
-
796
- .kfrm-button.is-dark.is-hovered, .kfrm-button.is-dark:hover {
797
- background-color: #2f2f2f;
798
- border-color: transparent;
799
- color: #fff;
800
- }
801
-
802
- .kfrm-button.is-dark.is-focused, .kfrm-button.is-dark:focus {
803
- border-color: transparent;
804
- color: #fff;
805
- }
806
-
807
- .kfrm-button.is-dark.is-focused:not(:active), .kfrm-button.is-dark:focus:not(:active) {
808
- box-shadow: 0 0 0 0.125em rgba(54,54,54,.25);
809
- }
810
-
811
- .kfrm-button.is-dark.is-active, .kfrm-button.is-dark:active {
812
- background-color: #292929;
813
- border-color: transparent;
814
- color: #fff;
815
- }
816
-
817
- /* primary */
818
-
819
- .kfrm-button.is-primary {
820
- background-color: #00d1b2;
821
- border-color: transparent;
822
- color: #fff;
823
- }
824
-
825
- .kfrm-button.is-primary.is-hovered, .kfrm-button.is-primary:hover {
826
- background-color: #00c4a7;
827
- border-color: transparent;
828
- color: #fff;
829
- }
830
-
831
- .kfrm-button.is-primary.is-focused, .kfrm-button.is-primary:focus {
832
- border-color: transparent;
833
- color: #fff;
834
- }
835
-
836
- .kfrm-button.is-primary.is-focused:not(:active), .kfrm-button.is-primary:focus:not(:active) {
837
- box-shadow: 0 0 0 0.125em rgba(0,209,178,.25);
838
- }
839
-
840
- .kfrm-button.is-primary.is-active, .kfrm-button.is-primary:active {
841
- background-color: #00b89c;
842
- border-color: transparent;
843
- color: #fff;
844
- }
845
-
846
- .kfrm-button.is-primary.is-loading::after {
847
- border-color: transparent transparent #fff #fff!important;
848
- }
849
-
850
- /* link */
851
-
852
- .kfrm-button.is-link {
853
- background-color: #3273dc;
854
- border-color: transparent;
855
- color: #fff;
856
- }
857
-
858
- .kfrm-button.is-link.is-hovered, .kfrm-button.is-link:hover {
859
- background-color: #276cda;
860
- border-color: transparent;
861
- color: #fff;
862
- }
863
-
864
- .kfrm-button.is-link.is-focused, .kfrm-button.is-link:focus {
865
- border-color: transparent;
866
- color: #fff;
867
- }
868
-
869
- .kfrm-button.is-link.is-focused:not(:active), .kfrm-button.is-link:focus:not(:active) {
870
- box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
871
- }
872
-
873
- .kfrm-button.is-link.is-active, .kfrm-button.is-link:active {
874
- background-color: #2366d1;
875
- border-color: transparent;
876
- color: #fff;
877
- }
878
-
879
- .kfrm-button.is-link.is-loading::after {
880
- border-color: transparent transparent #fff #fff!important;
881
- }
882
-
883
- /* info */
884
-
885
- .kfrm-button.is-info {
886
- background-color: #3298dc;
887
- border-color: transparent;
888
- color: #fff;
889
- }
890
-
891
- .kfrm-button.is-info.is-hovered, .kfrm-button.is-info:hover {
892
- background-color: #2793da;
893
- border-color: transparent;
894
- color: #fff;
895
- }
896
-
897
- .kfrm-button.is-info.is-focused, .kfrm-button.is-info:focus {
898
- border-color: transparent;
899
- color: #fff;
900
- }
901
-
902
- .kfrm-button.is-info.is-focused:not(:active), .kfrm-button.is-info:focus:not(:active) {
903
- box-shadow: 0 0 0 0.125em rgba(50,152,220,.25);
904
- }
905
-
906
- .kfrm-button.is-info.is-active, .kfrm-button.is-info:active {
907
- background-color: #238cd1;
908
- border-color: transparent;
909
- color: #fff;
910
- }
911
-
912
- .kfrm-button.is-info.is-loading::after {
913
- border-color: transparent transparent #fff #fff!important;
914
- }
915
-
916
- /* success */
917
-
918
- .kfrm-button.is-success {
919
- background-color: #48c774;
920
- border-color: transparent;
921
- color: #fff;
922
- }
923
-
924
- .kfrm-button.is-success.is-hovered, .kfrm-button.is-success:hover {
925
- background-color: #3ec46d;
926
- border-color: transparent;
927
- color: #fff;
928
- }
929
-
930
- .kfrm-button.is-success.is-focused:not(:active), .kfrm-button.is-success:focus:not(:active) {
931
- box-shadow: 0 0 0 0.125em rgba(72,199,116,.25);
932
- }
933
-
934
- .kfrm-button.is-success.is-active, .kfrm-button.is-success:active {
935
- background-color: #3abb67;
936
- border-color: transparent;
937
- color: #fff;
938
- }
939
-
940
- .kfrm-button.is-success.is-loading::after {
941
- border-color: transparent transparent #fff #fff!important;
942
- }
943
-
944
- /* warning */
945
-
946
- .kfrm-button.is-warning {
947
- background-color: #ffdd57;
948
- border-color: transparent;
949
- color: rgba(0,0,0,.7);
950
- }
951
-
952
- .kfrm-button.is-warning.is-hovered, .kfrm-button.is-warning:hover {
953
- background-color: #ffdb4a;
954
- border-color: transparent;
955
- color: rgba(0,0,0,.7);
956
- }
957
-
958
- .kfrm-button.is-warning.is-focused, .kfrm-button.is-warning:focus {
959
- border-color: transparent;
960
- color: rgba(0,0,0,.7);
961
- }
962
-
963
- .kfrm-button.is-warning.is-focused:not(:active), .kfrm-button.is-warning:focus:not(:active) {
964
- box-shadow: 0 0 0 0.125em rgba(255,221,87,.25);
965
- }
966
-
967
- .kfrm-button.is-warning.is-active, .kfrm-button.is-warning:active {
968
- background-color: #ffd83d;
969
- border-color: transparent;
970
- color: rgba(0,0,0,.7);
971
- }
972
-
973
- .kfrm-button.is-warning.is-loading::after {
974
- border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important;
975
- }
976
-
977
- /* danger */
978
-
979
- .kfrm-button.is-danger {
980
- background-color: #f14668;
981
- border-color: transparent;
982
- color: #fff;
983
- }
984
-
985
- .kfrm-button.is-danger.is-hovered, .kfrm-button.is-danger:hover {
986
- background-color: #f03a5f;
987
- border-color: transparent;
988
- color: #fff;
989
- }
990
-
991
- .kfrm-button.is-danger.is-focused, .kfrm-button.is-danger:focus {
992
- border-color: transparent;
993
- color: #fff;
994
- }
995
-
996
- .kfrm-button.is-danger.is-focused:not(:active), .kfrm-button.is-danger:focus:not(:active) {
997
- box-shadow: 0 0 0 0.125em rgba(241,70,104,.25);
998
- }
999
-
1000
- .kfrm-button.is-danger.is-active, .kfrm-button.is-danger:active {
1001
- background-color: #ef2e55;
1002
- border-color: transparent;
1003
- color: #fff;
1004
- }
1005
-
1006
- .kfrm-button.is-danger.is-loading::after {
1007
- border-color: transparent transparent #fff #fff!important;
1008
- }
1009
-
1010
- /* COLORS END */
1011
-
1012
-
1013
- /* BUTTONS END */
1014
- /* EasyData forms: columns */
1015
-
1016
- .kfrm-row {
1017
- margin-left: -.75rem;
1018
- margin-right: -.75rem;
1019
- margin-top: -.75rem;
1020
- }
1021
-
1022
- .kfrm-row:not(:last-child) {
1023
- margin-bottom: calc(1.5rem - .75rem);
1024
- }
1025
-
1026
- @media screen and (min-width: 769px), print {
1027
- .kfrm-row {
1028
- display: flex;
1029
- flex-wrap: wrap;
1030
- }
1031
-
1032
- .kdlg-modal-window.size-small .kfrm-row {
1033
- display: block;
1034
- }
1035
-
1036
-
1037
- /* 12 columns grid */
1038
- .kfrm-column.size-1 {
1039
- flex: none;
1040
- width: 8.33333%;
1041
- }
1042
-
1043
- .kfrm-column.size-2 {
1044
- flex: none;
1045
- width: 16.66667%;
1046
- }
1047
-
1048
- .kfrm-column.size-3 {
1049
- flex: none;
1050
- width: 25%;
1051
- }
1052
-
1053
- .kfrm-column.size-4 {
1054
- flex: none;
1055
- width: 33.33333%;
1056
- }
1057
-
1058
- .kfrm-column.size-5 {
1059
- flex: none;
1060
- width: 41.66667%;
1061
- }
1062
-
1063
- .kfrm-column.size-6 {
1064
- flex: none;
1065
- width: 50%;
1066
- }
1067
-
1068
- .kfrm-column.size-7 {
1069
- flex: none;
1070
- width: 58.33333%;
1071
- }
1072
-
1073
- .kfrm-column.size-8 {
1074
- flex: none;
1075
- width: 66.66667%;
1076
- }
1077
-
1078
- .kfrm-column.size-9 {
1079
- flex: none;
1080
- width: 75%;
1081
- }
1082
-
1083
- .kfrm-column.size-10 {
1084
- flex: none;
1085
- width: 83.33333%;
1086
- }
1087
-
1088
- .kfrm-column.size-11 {
1089
- flex: none;
1090
- width: 91.66667%;
1091
- }
1092
-
1093
- .kfrm-column.size-12 {
1094
- flex: none;
1095
- width: 100%;
1096
- }
1097
-
1098
-
1099
-
1100
- }
1101
-
1102
- .kfrm-column {
1103
- display: block;
1104
- flex-basis: 0;
1105
- flex-grow: 1;
1106
- flex-shrink: 1;
1107
- padding: .75rem;
1108
- }
1109
-
1110
- /* COLUMNS END */
1111
-
1112
-
1113
- /* EasyData forms: controls */
1114
-
1115
- .kfrm-form .errors-block {
1116
- color: red;
1117
- }
1118
-
1119
-
1120
- .kfrm-form .control {
1121
- box-sizing: border-box;
1122
- clear: both;
1123
- position: relative;
1124
- text-align: inherit;
1125
- display: inline-flex;
1126
- width: 100%;
1127
- max-width: 100%;
1128
- padding: 0 !important;
1129
- }
1130
-
1131
- .kfrm-form .icon {
1132
- align-items: center;
1133
- display: inline-flex;
1134
- justify-content: center;
1135
- height: 1.5em;
1136
- width: 1.5em;
1137
- }
1138
-
1139
- .kfrm-form .control.has-icons-left input, .kfrm-form .control.has-icons-left .select select {
1140
- padding-left: 2.5em;
1141
- }
1142
-
1143
- .kfrm-form .control.has-icons-right input, .kfrm-form .control.has-icons-right .select select {
1144
- padding-right: 2.5em;
1145
- }
1146
-
1147
- .kfrm-form .control.has-icons-left .icon.is-left {
1148
- left: 0;
1149
- }
1150
-
1151
- .kfrm-form .control.has-icons-right .icon.is-right {
1152
- right: 0;
1153
- }
1154
-
1155
- .kfrm-form .control .icon {
1156
- color: #dbdbdb;
1157
- height: 2.5em;
1158
- pointer-events: none;
1159
- position: absolute;
1160
- top: 0;
1161
- width: 2.5em;
1162
- z-index: 4;
1163
- }
1164
-
1165
- .kfrm-form .control .icon.is-clickable {
1166
- pointer-events: auto;
1167
- }
1168
-
1169
- /*
1170
- .kfrm-form .control input:focus~.icon, .kfrm-form .control .select:focus~.icon {
1171
- color: #4a4a4a;
1172
- }
1173
- */
1174
-
1175
- .kfrm-form .control .icon.is-clickable:hover {
1176
- color: #4a4a4a;
1177
- cursor: pointer;
1178
- }
1179
-
1180
-
1181
- .kfrm-form input.is-valid:not([type='checkbox']),
1182
- .kfrm-form input.is-valid:not([type='checkbox']):hover {
1183
- border-color: green;
1184
- }
1185
-
1186
- .kfrm-form input.is-invalid:not([type='checkbox']),
1187
- .kfrm-form input.is-invalid:not([type='checkbox']):hover {
1188
- border-color: red;
1189
- }
1190
-
1191
- .kfrm-form input:not([type='checkbox']):-moz-read-only {
1192
- background-color: #e9ecef;
1193
- opacity: 1;
1194
- }
1195
-
1196
- .kfrm-form input:not([type='checkbox']):read-only {
1197
- background-color: #e9ecef;
1198
- opacity: 1;
1199
- }
1200
-
1201
- .kfrm-form input:not([type='checkbox']), .kfrm-select select, .kfrm-form textarea {
1202
- -moz-appearance: none;
1203
- -webkit-appearance: none;
1204
- align-items: center;
1205
- border: 1px solid transparent;
1206
- border-radius: 4px;
1207
- box-shadow: none;
1208
- display: inline-flex;
1209
- font-size: 1em;
1210
- height: 2.5em;
1211
- justify-content: flex-start;
1212
- line-height: 1.5;
1213
- padding-bottom: calc(.5em - 1px);
1214
- padding-left: calc(.75em - 1px);
1215
- padding-right: calc(.75em - 1px);
1216
- padding-top: calc(.5em - 1px);
1217
- position: relative;
1218
- vertical-align: top;
1219
- }
1220
-
1221
- .kfrm-form input:not([type='checkbox']), .kfrm-select select, .kfrm-form textarea {
1222
- background-color: #fff;
1223
- border-color: #dbdbdb;
1224
- border-radius: 4px;
1225
- color: #363636;
1226
- outline: 0;
1227
- }
1228
-
1229
- .kfrm-form input:not([type='checkbox']), .kfrm-form textarea {
1230
- box-shadow: inset 0 0.0625em 0.125em rgba(10,10,10,.05);
1231
- max-width: 100%;
1232
- width: 100%;
1233
- }
1234
-
1235
- .kfrm-form input:not([type='checkbox']):hover, .kfrm-form input:not([type='checkbox']).is-hovered, .kfrm-form textarea:hover, .kfrm-form textarea.is-hovered, .kfrm-select select:hover, .kfrm-select select.is-hovered {
1236
- border-color: #b5b5b5;
1237
- }
1238
-
1239
- .kfrm-form input:not([type='checkbox']):active, .kfrm-form input:not([type='checkbox']).is-active, .kfrm-form textarea:active, .kfrm-form textarea.is-active, .kfrm-select select:active, .kfrm-select select.is-active,
1240
- .kfrm-form input:not([type='checkbox']):focus, .kfrm-form input:not([type='checkbox']).is-focused, .kfrm-form textarea:focus, .kfrm-form textarea.is-focused, .kfrm-select select:focus, .kfrm-select select.is-focused {
1241
- border-color: #3273dc;
1242
- box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
1243
- outline: 0;
1244
- }
1245
-
1246
-
1247
- .kfrm-select {
1248
- display: inline-block;
1249
- max-width: 100%;
1250
- position: relative;
1251
- vertical-align: top;
1252
- padding: 0;
1253
- width: -moz-max-content;
1254
- width: max-content;
1255
- }
1256
-
1257
- .kfrm-select.full-width {
1258
- width: 100%;
1259
- }
1260
-
1261
- .kfrm-select select::-ms-expand {
1262
- display: none !important;
1263
- }
1264
-
1265
- .kfrm-select:not(.is-multiple) {
1266
- height: 2.5em;
1267
- }
1268
-
1269
- .kfrm-select select {
1270
- cursor: pointer;
1271
- display: block;
1272
- font-size: 1em;
1273
- max-width: 100%;
1274
- outline: 0;
1275
- }
1276
-
1277
- .kfrm-select select:not([multiple]) {
1278
- padding-right: 2.5em;
1279
- }
1280
-
1281
- .kfrm-select.kfrm-select.full-width select:not([multiple]) {
1282
- width: 100%;
1283
- }
1284
-
1285
-
1286
- .kfrm-select:not(.is-multiple):not(.is-loading)::after {
1287
- border: 3px solid #3273dc;
1288
- border-radius: 2px;
1289
- border-right: 0;
1290
- border-top: 0;
1291
- content: " ";
1292
- display: block;
1293
- height: .425em;
1294
- margin-top: -.5em;
1295
- pointer-events: none;
1296
- position: absolute;
1297
- top: 50%;
1298
- transform: rotate(-45deg);
1299
- transform-origin: center;
1300
- width: .425em;
1301
- right: .7em;
1302
- z-index: 4;
1303
- }
1304
-
1305
-
1306
- .kfrm-form textarea {
1307
- display: block;
1308
- max-width: 100%;
1309
- min-width: 100%;
1310
- padding: calc(.75em - 1px);
1311
- resize: vertical;
1312
- }
1313
-
1314
- .kfrm-form textarea:not([rows]) {
1315
- max-height: 40em;
1316
- min-height: 8em;
1317
- }
1318
-
1319
- /* CONTROLS END */
1320
-
1321
-
1322
- /* EasyData forms: layout */
1323
- .kfrm-form {
1324
- font-size: 16px;
1325
- }
1326
-
1327
- .kfrm-form fieldset {
1328
- border: 1px solid #dbdbdb;
1329
- border-radius: 6px;
1330
- padding: 20px;
1331
- }
1332
-
1333
- .kfrm-form fieldset > legend {
1334
- -webkit-padding-start: 10px;
1335
- padding-inline-start: 10px;
1336
- -webkit-padding-end: 10px;
1337
- padding-inline-end: 10px;
1338
- font-weight: 600;
1339
- width: auto;
1340
- font-size: 16px;
1341
- margin-bottom: 0;
1342
- }
1343
-
1344
- .kfrm-break, .kfrm-break-50 {
1345
- margin-top: 50px;
1346
- }
1347
-
1348
- .kfrm-break-10 {
1349
- margin-top: 10px;
1350
- }
1351
-
1352
- .kfrm-break-20 {
1353
- margin-top: 20px;
1354
- }
1355
-
1356
- .kfrm-break-30 {
1357
- margin-top: 30px;
1358
- }
1359
-
1360
- .kfrm-break-40 {
1361
- margin-top: 40px;
1362
- }
1363
-
1364
- .kfrm-break-60 {
1365
- margin-top: 60px;
1366
- }
1367
-
1368
- .kfrm-break-70 {
1369
- margin-top: 70px;
1370
- }
1371
-
1372
- .kfrm-break-80 {
1373
- margin-top: 10px;
1374
- }
1375
-
1376
-
1377
- .kfrm-fields, .kfrm-fields.col-a {
1378
- display: grid;
1379
- grid-template-columns: auto;
1380
- grid-gap: 10px;
1381
- grid-auto-rows: auto;
1382
- }
1383
-
1384
- .kfrm-fields:not(:last-child) {
1385
- margin-bottom: calc(1.5rem - .75rem);
1386
- }
1387
-
1388
- .kfrm-fields > label {
1389
- padding: .5em 0;
1390
- }
1391
-
1392
- .kfrm-fields .label-compact {
1393
- font-size: 0.9em;
1394
- }
1395
-
1396
- fieldset .kfrm-fields > label {
1397
- padding: 0;
1398
- margin: 0;
1399
- }
1400
-
1401
- .kfrm-fields > label:not(.checkbox) {
1402
- font-weight: 600;
1403
- }
1404
-
1405
- .kfrm-fields.label-above > label:not(.checkbox) {
1406
- padding: 0.5em 0 0 0;
1407
- margin-bottom: -0.5em;
1408
- font-weight: 500;
1409
- }
1410
-
1411
- .kfrm-fields.label-align-right > label:not(.checkbox) {
1412
- text-align: right;
1413
- }
1414
-
1415
- .kfrm-fields.col-a-1 {
1416
- grid-template-columns: auto 1fr;
1417
- }
1418
-
1419
- .kfrm-fields.col-1-a {
1420
- grid-template-columns: 1fr auto;
1421
- }
1422
-
1423
- .kfrm-fields.col-a-a {
1424
- grid-template-columns: auto auto;
1425
- }
1426
-
1427
- .kfrm-fields.col-1-1 {
1428
- grid-template-columns: 1fr 1fr;
1429
- }
1430
-
1431
- .kfrm-fields.col-1-2 {
1432
- grid-template-columns: 1fr 2fr;
1433
- }
1434
-
1435
- .kfrm-fields.col-1-3 {
1436
- grid-template-columns: 1fr 3fr;
1437
- }
1438
-
1439
- .kfrm-fields.col-2-1 {
1440
- grid-template-columns: 2fr 1fr;
1441
- }
1442
-
1443
- .kfrm-fields.col-3-1 {
1444
- grid-template-columns: 3fr 1fr;
1445
- }
1446
-
1447
- .kfrm-fields.col-2-3 {
1448
- grid-template-columns: 2fr 3fr;
1449
- }
1450
-
1451
- .kfrm-fields.col-3-2 {
1452
- grid-template-columns: 3fr 2fr;
1453
- }
1454
-
1455
- .kfrm-fields.is-horizontal {
1456
- display: flex;
1457
- padding: 0;
1458
- }
1459
-
1460
- .kfrm-fields.is-horizontal.align-right {
1461
- justify-content: flex-end;
1462
- }
1463
-
1464
- .kfrm-fields.is-horizontal.align-center {
1465
- justify-content: center;
1466
- }
1467
-
1468
- .kfrm-fields.is-horizontal.align-evenly {
1469
- justify-content: space-evenly;
1470
- }
1471
-
1472
- .kfrm-fields.is-horizontal > label:not(:first-child) {
1473
- margin-left: .5rem;
1474
- }
1475
-
1476
- /* IE */
1477
- .kfrm-fields-ie {
1478
- display: flex;
1479
- flex-direction: column;
1480
- font-size: 16px;
1481
- }
1482
-
1483
- .kfrm-field-ie {
1484
- display: flex;
1485
- margin-bottom: 1em;
1486
- }
1487
-
1488
- .kfrm-field-ie > *:nth-child(1) {
1489
- margin-right: 20px;
1490
- }
1491
-
1492
- .kfrm-field-ie > label {
1493
- padding: .5em 0;
1494
- }
1495
-
1496
- .kfrm-fields-ie.col-ie-1-1 > .kfrm-field-ie > *:nth-child(1) {
1497
- flex: 0 0 50%;
1498
- }
1499
-
1500
- .kfrm-fields-ie.col-ie-1-2 > .kfrm-field-ie > *:nth-child(1) {
1501
- flex: 0 0 33.3333%;
1502
- }
1503
-
1504
- .kfrm-fields-ie.col-ie-1-3 > .kfrm-field-ie > *:nth-child(1) {
1505
- flex: 0 0 25%;
1506
- }
1507
-
1508
- .kfrm-fields-ie.col-ie-1-4 > .kfrm-field-ie > *:nth-child(1) {
1509
- flex: 0 0 20%;
1510
- }
1511
-
1512
- .kfrm-fields-ie.label-align-right .kfrm-field-ie > *:nth-child(1) {
1513
- text-align: right;
1514
- }
1515
-
1516
- .kfrm-fields-ie.label-above .kfrm-field-ie > *:nth-child(1):not(.checkbox) {
1517
- padding: 0.5em 0 0 0;
1518
- margin-bottom: -0.5em;
1519
- }
1520
-
1521
- .kfrm-field-ie > label:not(.checkbox), .kfrm-fields-ie > label:not(.checkbox) {
1522
- font-weight: 600;
1523
- }
1524
-
1525
- .kfrm-fields-ie.is-horizontal {
1526
- display: flex;
1527
- padding: 0 !important;
1528
- flex-direction: row;
1529
- }
1530
-
1531
- .kfrm-fields-ie.kfrm-fields-ie.is-horizontal > *:not(.kfrm-select) {
1532
- padding: .5em;
1533
- }
1534
-
1535
- .kfrm-fields-ie.is-horizontal > *:not(:first-child) {
1536
- margin-left: 1em;
1537
- }
1538
-
1539
- .kfrm-fields-ie > label {
1540
- padding-left: 0 !important;
1541
- padding-right: 0 !important;
1542
- }
1543
-
1544
- .kfrm-field > label {
1545
- padding-right: 0.5em;
1546
- }
1547
-
1548
- .kfrm-callout {
1549
- font-size: 1.2em;
1550
- text-align: center;
1551
- }
1552
- /* FORMS END */
1553
-
1554
- /* EasyData forms: DateTime picker */
1555
- .kdtp {
1556
- border: 1px solid silver;
1557
- background-color: white;
1558
- box-shadow: 4px 8px 15px 0px rgba(0,0,0,.16);
1559
- border-radius: 8px;
1560
- overflow: hidden;
1561
- z-index: 100000;
1562
- outline: none;
1563
- font-size: 0.7rem;
1564
- }
1565
-
1566
- .kdtp-buttons {
1567
- margin-top: 1em;
1568
- display: flex;
1569
- flex-direction: row;
1570
- justify-content: space-between;
1571
- }
1572
-
1573
- .kdtp-button {
1574
- height: 2.5em;
1575
- flex: 1;
1576
- background-color: #0099CC;
1577
- border: none;
1578
- color: white;
1579
- text-align: center;
1580
- text-decoration: none;
1581
- cursor: pointer;
1582
- font-weight: 500;
1583
- }
1584
-
1585
- .kdtp-button:focus, .kdtp-button:active {
1586
- outline: 0;
1587
- }
1588
-
1589
- .kdtp-button-now {
1590
- border: none;
1591
- background-color: white;
1592
- color: #0099CC;
1593
- }
1594
-
1595
- .kdtp-button:nth-child(2) {
1596
- border-top-left-radius: 8px;
1597
- }
1598
-
1599
- .kdtp-button:not(:first-child) {
1600
- margin-left: 2px;
1601
- }
1602
-
1603
- .kdtp-cal {
1604
- padding: 0;
1605
- }
1606
-
1607
- .kdtp-cal * {
1608
- outline: none !important;
1609
- }
1610
-
1611
- .kdtp-cal-body {
1612
- display: grid;
1613
- grid-template-columns: repeat(7, minmax(1em, 1fr));
1614
- grid-gap: 0.5em;
1615
- box-sizing: border-box;
1616
- padding: 0 12px;
1617
- -ms-grid-rows: 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr;
1618
- }
1619
-
1620
- .kdtp-cal-body > *:nth-child(1) {
1621
- -ms-grid-row: 1;
1622
- -ms-grid-column: 1;
1623
- }
1624
- .kdtp-cal-body > *:nth-child(2) {
1625
- -ms-grid-row: 1;
1626
- -ms-grid-column: 3;
1627
- }
1628
- .kdtp-cal-body > *:nth-child(3) {
1629
- -ms-grid-row: 1;
1630
- -ms-grid-column: 5;
1631
- }
1632
- .kdtp-cal-body > *:nth-child(4) {
1633
- -ms-grid-row: 1;
1634
- -ms-grid-column: 7;
1635
- }
1636
- .kdtp-cal-body > *:nth-child(5) {
1637
- -ms-grid-row: 1;
1638
- -ms-grid-column: 9;
1639
- }
1640
- .kdtp-cal-body > *:nth-child(6) {
1641
- -ms-grid-row: 1;
1642
- -ms-grid-column: 11;
1643
- }
1644
- .kdtp-cal-body > *:nth-child(7) {
1645
- -ms-grid-row: 1;
1646
- -ms-grid-column: 13;
1647
- }
1648
- .kdtp-cal-body > *:nth-child(8) {
1649
- -ms-grid-row: 3;
1650
- -ms-grid-column: 1;
1651
- }
1652
- .kdtp-cal-body > *:nth-child(9) {
1653
- -ms-grid-row: 3;
1654
- -ms-grid-column: 3;
1655
- }
1656
- .kdtp-cal-body > *:nth-child(10) {
1657
- -ms-grid-row: 3;
1658
- -ms-grid-column: 5;
1659
- }
1660
- .kdtp-cal-body > *:nth-child(11) {
1661
- -ms-grid-row: 3;
1662
- -ms-grid-column: 7;
1663
- }
1664
- .kdtp-cal-body > *:nth-child(12) {
1665
- -ms-grid-row: 3;
1666
- -ms-grid-column: 9;
1667
- }
1668
- .kdtp-cal-body > *:nth-child(13) {
1669
- -ms-grid-row: 3;
1670
- -ms-grid-column: 11;
1671
- }
1672
- .kdtp-cal-body > *:nth-child(14) {
1673
- -ms-grid-row: 3;
1674
- -ms-grid-column: 13;
1675
- }
1676
- .kdtp-cal-body > *:nth-child(15) {
1677
- -ms-grid-row: 5;
1678
- -ms-grid-column: 1;
1679
- }
1680
- .kdtp-cal-body > *:nth-child(16) {
1681
- -ms-grid-row: 5;
1682
- -ms-grid-column: 3;
1683
- }
1684
- .kdtp-cal-body > *:nth-child(17) {
1685
- -ms-grid-row: 5;
1686
- -ms-grid-column: 5;
1687
- }
1688
- .kdtp-cal-body > *:nth-child(18) {
1689
- -ms-grid-row: 5;
1690
- -ms-grid-column: 7;
1691
- }
1692
- .kdtp-cal-body > *:nth-child(19) {
1693
- -ms-grid-row: 5;
1694
- -ms-grid-column: 9;
1695
- }
1696
- .kdtp-cal-body > *:nth-child(20) {
1697
- -ms-grid-row: 5;
1698
- -ms-grid-column: 11;
1699
- }
1700
- .kdtp-cal-body > *:nth-child(21) {
1701
- -ms-grid-row: 5;
1702
- -ms-grid-column: 13;
1703
- }
1704
- .kdtp-cal-body > *:nth-child(22) {
1705
- -ms-grid-row: 7;
1706
- -ms-grid-column: 1;
1707
- }
1708
- .kdtp-cal-body > *:nth-child(23) {
1709
- -ms-grid-row: 7;
1710
- -ms-grid-column: 3;
1711
- }
1712
- .kdtp-cal-body > *:nth-child(24) {
1713
- -ms-grid-row: 7;
1714
- -ms-grid-column: 5;
1715
- }
1716
- .kdtp-cal-body > *:nth-child(25) {
1717
- -ms-grid-row: 7;
1718
- -ms-grid-column: 7;
1719
- }
1720
- .kdtp-cal-body > *:nth-child(26) {
1721
- -ms-grid-row: 7;
1722
- -ms-grid-column: 9;
1723
- }
1724
- .kdtp-cal-body > *:nth-child(27) {
1725
- -ms-grid-row: 7;
1726
- -ms-grid-column: 11;
1727
- }
1728
- .kdtp-cal-body > *:nth-child(28) {
1729
- -ms-grid-row: 7;
1730
- -ms-grid-column: 13;
1731
- }
1732
- .kdtp-cal-body > *:nth-child(29) {
1733
- -ms-grid-row: 9;
1734
- -ms-grid-column: 1;
1735
- }
1736
- .kdtp-cal-body > *:nth-child(30) {
1737
- -ms-grid-row: 9;
1738
- -ms-grid-column: 3;
1739
- }
1740
- .kdtp-cal-body > *:nth-child(31) {
1741
- -ms-grid-row: 9;
1742
- -ms-grid-column: 5;
1743
- }
1744
- .kdtp-cal-body > *:nth-child(32) {
1745
- -ms-grid-row: 9;
1746
- -ms-grid-column: 7;
1747
- }
1748
- .kdtp-cal-body > *:nth-child(33) {
1749
- -ms-grid-row: 9;
1750
- -ms-grid-column: 9;
1751
- }
1752
- .kdtp-cal-body > *:nth-child(34) {
1753
- -ms-grid-row: 9;
1754
- -ms-grid-column: 11;
1755
- }
1756
- .kdtp-cal-body > *:nth-child(35) {
1757
- -ms-grid-row: 9;
1758
- -ms-grid-column: 13;
1759
- }
1760
- .kdtp-cal-body > *:nth-child(36) {
1761
- -ms-grid-row: 11;
1762
- -ms-grid-column: 1;
1763
- }
1764
- .kdtp-cal-body > *:nth-child(37) {
1765
- -ms-grid-row: 11;
1766
- -ms-grid-column: 3;
1767
- }
1768
- .kdtp-cal-body > *:nth-child(38) {
1769
- -ms-grid-row: 11;
1770
- -ms-grid-column: 5;
1771
- }
1772
- .kdtp-cal-body > *:nth-child(39) {
1773
- -ms-grid-row: 11;
1774
- -ms-grid-column: 7;
1775
- }
1776
- .kdtp-cal-body > *:nth-child(40) {
1777
- -ms-grid-row: 11;
1778
- -ms-grid-column: 9;
1779
- }
1780
- .kdtp-cal-body > *:nth-child(41) {
1781
- -ms-grid-row: 11;
1782
- -ms-grid-column: 11;
1783
- }
1784
- .kdtp-cal-body > *:nth-child(42) {
1785
- -ms-grid-row: 11;
1786
- -ms-grid-column: 13;
1787
- }
1788
- .kdtp-cal-body > *:nth-child(43) {
1789
- -ms-grid-row: 13;
1790
- -ms-grid-column: 1;
1791
- }
1792
- .kdtp-cal-body > *:nth-child(44) {
1793
- -ms-grid-row: 13;
1794
- -ms-grid-column: 3;
1795
- }
1796
- .kdtp-cal-body > *:nth-child(45) {
1797
- -ms-grid-row: 13;
1798
- -ms-grid-column: 5;
1799
- }
1800
- .kdtp-cal-body > *:nth-child(46) {
1801
- -ms-grid-row: 13;
1802
- -ms-grid-column: 7;
1803
- }
1804
- .kdtp-cal-body > *:nth-child(47) {
1805
- -ms-grid-row: 13;
1806
- -ms-grid-column: 9;
1807
- }
1808
- .kdtp-cal-body > *:nth-child(48) {
1809
- -ms-grid-row: 13;
1810
- -ms-grid-column: 11;
1811
- }
1812
- .kdtp-cal-body > *:nth-child(49) {
1813
- -ms-grid-row: 13;
1814
- -ms-grid-column: 13;
1815
- }
1816
-
1817
- .kdtp-cal-header-input {
1818
- width: 100%;
1819
- width: -moz-available; /* WebKit-based browsers will ignore this. */
1820
- width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
1821
- width: fill-available;
1822
- height: 100%;
1823
- height: -moz-available; /* WebKit-based browsers will ignore this. */
1824
- height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
1825
- height: fill-available;
1826
-
1827
- font-size: 1em;
1828
- padding: 2px 5px;
1829
- border: 1px solid silver;
1830
- outline: none;
1831
- background: #fff;
1832
- color: #262626;
1833
- }
1834
-
1835
- .kdtp-cal-header-input.error {
1836
- border-color: red;
1837
- }
1838
-
1839
- .kdtp-cal-header {
1840
- background-color: #0099CC;
1841
- color: white;
1842
- text-align: center;
1843
- font-size: 1.2em;
1844
- font-weight: 600;
1845
- height: 2em;
1846
- line-height: 2em;
1847
- }
1848
-
1849
- .kdtp-cal-nav {
1850
- display: flex;
1851
- padding: 0;
1852
- margin: 0.7em 0;
1853
- line-height: 1em;
1854
- }
1855
-
1856
- .kdtp-cal-nav-prev, .kdtp-cal-nav-next {
1857
- flex: 0 0 auto;
1858
- font-size: 3em;
1859
- font-weight: 600;
1860
- width: 1em;
1861
- color: #777777;
1862
- text-align: center;
1863
- }
1864
-
1865
- .kdtp-cal-nav-prev:hover, .kdtp-cal-nav-next:hover {
1866
- cursor: pointer;
1867
- color: #0099CC;
1868
- }
1869
-
1870
- .kdtp-cal-nav-selectors {
1871
- flex: 1 1 auto;
1872
- display: flex;
1873
- margin: 0 0.5em;
1874
- font-size: 1.2em;
1875
- }
1876
-
1877
- .kdtp-cal-nav-month {
1878
- flex: 1 1 auto;
1879
- margin-right: 0.5em;
1880
- }
1881
-
1882
- .kdtp-cal-nav-year {
1883
- flex: 0 0 auto;
1884
- }
1885
-
1886
- .kdtp-cal-nav-selectors select {
1887
- border: none;
1888
- color: #777777;
1889
- font-weight: 600;
1890
- }
1891
-
1892
- .kdtp-cal-nav-selectors select:hover {
1893
- color: #0099CC;
1894
- }
1895
-
1896
- .kdtp-cal-nav-selectors select:hover option {
1897
- color: #777777;
1898
- }
1899
-
1900
- .kdtp-cal-weekday {
1901
- display: flex;
1902
- align-items: center;
1903
- justify-content: center;
1904
- height: 1.8em;
1905
- font-weight: 600;
1906
- font-size: 0.8em;
1907
- color: #262626;
1908
- }
1909
-
1910
- .kdtp-cal-weekday.kdtp-cal-weekend {
1911
- color: #ff685d;
1912
- }
1913
-
1914
- .kdtp-cal-day, .kdtp-cal-day-empty {
1915
- display: flex;
1916
- align-items: center;
1917
- justify-content: center;
1918
- height: 1.5em;
1919
- color: #262626;
1920
- border-radius: 4px;
1921
- }
1922
-
1923
- .kdtp-cal-day.kdtp-cal-weekend {
1924
- color: #ff685d;
1925
- font-weight: 700;
1926
- }
1927
-
1928
- .kdtp-cal-day:hover, .kdtp-cal-day-selected {
1929
- border: 2px solid #0099CC;
1930
- font-weight: 700;
1931
- cursor: pointer;
1932
- }
1933
-
1934
- .kdtp-cal-day-current {
1935
- background-color: lightgray;
1936
- }
1937
-
1938
- .kdtp-tp {
1939
- display: flex;
1940
- display:-ms-flexbox;
1941
- align-items: center;
1942
- -webkit-align-items:center;
1943
- -ms-flex-align:center;
1944
- margin-top: 1em;
1945
- padding: 0 1em;
1946
- }
1947
-
1948
- .kdtp-tp-time {
1949
- flex: 0 0 5em;
1950
- -webkit-flex: 0 0 5em;
1951
- -ms-flex: 0 0 5em;
1952
- text-align: center;
1953
- font-weight: 600;
1954
- color: #777777;
1955
- border: 2px solid #0099CC;
1956
- border-radius: 6px;
1957
- margin-right: 0.5em;
1958
- }
1959
-
1960
- .kdtp-tp-sliders {
1961
- flex: 1 1 auto;
1962
- -webkit-flex: 1 1 auto;
1963
- -ms-flex: 1 1 auto;
1964
- }
1965
-
1966
- .kdtp-tp-time-row {
1967
- display:flex;
1968
- align-items:center;
1969
- height: 1.5em;
1970
- background:linear-gradient(to right,#c5c5c5,#c5c5c5) left 50%/100% 1px no-repeat;
1971
- }
1972
-
1973
- .kdtp-tp-time-row input[type=range] {
1974
- background:0 0;
1975
- cursor:pointer;
1976
- flex:1;
1977
- height:100%;
1978
- padding:0;
1979
- margin:0;
1980
- -webkit-appearance:none
1981
- }
1982
-
1983
- .kdtp-tp-time-row input[type=range]:hover::-webkit-slider-thumb {
1984
- border-color:#777777
1985
- }
1986
-
1987
- .kdtp-tp-time-row input[type=range]:hover::-moz-range-thumb {
1988
- border-color:#777777
1989
- }
1990
-
1991
- .kdtp-tp-time-row input[type=range]:hover::-ms-thumb {
1992
- border-color:#777777
1993
- }
1994
-
1995
- .kdtp-tp-time-row input[type=range]:focus {
1996
- outline:0
1997
- }
1998
-
1999
- .kdtp-tp-time-row input[type=range]:focus::-webkit-slider-thumb {
2000
- background:#0099CC;
2001
- border-color:#0099CC
2002
- }
2003
-
2004
- .kdtp-tp-time-row input[type=range]:focus::-moz-range-thumb {
2005
- background:#0099CC;
2006
- border-color:#0099CC
2007
- }
2008
-
2009
- .kdtp-tp-time-row input[type=range]:focus::-ms-thumb {
2010
- background:#0099CC;
2011
- border-color:#0099CC
2012
- }
2013
-
2014
- .kdtp-tp-time-row input[type=range]::-webkit-slider-thumb {
2015
- -webkit-appearance:none;
2016
- box-sizing:border-box;
2017
- height:12px;
2018
- width:12px;
2019
- border-radius:3px;
2020
- border:1px solid #c5c5c5;
2021
- background:#fff;
2022
- cursor:pointer;
2023
- -webkit-transition:background .2s;
2024
- transition:background .2s;
2025
- margin-top:-6px
2026
- }
2027
-
2028
- .kdtp-tp-time-row input[type=range]::-moz-range-thumb {
2029
- box-sizing:border-box;
2030
- height:12px;
2031
- width:12px;
2032
- border-radius:3px;
2033
- border:1px solid #c5c5c5;
2034
- background:#fff;
2035
- cursor:pointer;
2036
- -moz-transition:background .2s;
2037
- transition:background .2s
2038
- }
2039
-
2040
- .kdtp-tp-time-row input[type=range]::-ms-thumb {
2041
- box-sizing:border-box;
2042
- height:12px;
2043
- width:12px;
2044
- border-radius:3px;
2045
- border:1px solid #c5c5c5;
2046
- background:#fff;
2047
- cursor:pointer;
2048
- -ms-transition:background .2s;
2049
- transition:background .2s
2050
- }
2051
-
2052
- .kdtp-tp-time-row input[type=range]::-webkit-slider-runnable-track {
2053
- border:none;
2054
- height:1px;
2055
- cursor:pointer;
2056
- color:transparent;
2057
- background:0 0
2058
- }
2059
-
2060
- .kdtp-tp-time-row input[type=range]::-moz-range-track {
2061
- border:none;
2062
- height:1px;
2063
- cursor:pointer;
2064
- color:transparent;
2065
- background:0 0
2066
- }
2067
-
2068
- .kdtp-tp-time-row input[type=range]::-ms-track {
2069
- border:none;
2070
- height:1px;
2071
- cursor:pointer;
2072
- color:transparent;
2073
- background:0 0
2074
- }
2075
-
2076
- .kdtp-tp-time-row input[type=range]::-ms-fill-lower {
2077
- background:0 0
2078
- }
2079
-
2080
- .kdtp-tp-time-row input[type=range]::-ms-fill-upper {
2081
- background:0 0
2082
- }
2083
-
2084
-
2085
-
2086
- .ed-entity-menu {
2087
- display: flex;
2088
- flex-direction: column;
2089
- padding-left: 0;
2090
- margin-bottom: 0;
2091
- }
2092
-
2093
- .ed-entity-item {
2094
- position: relative;
2095
- display: block;
2096
- padding: .75rem 1.25rem;
2097
- margin-bottom: -1px;
2098
- background-color: #fff;
2099
- border-bottom: 1px solid rgba(0,0,0,.125);
2100
- border-top: 1px solid rgba(0,0,0,.125);
2101
- border-left: none;
2102
- border-right: none;
2103
- font-size: 1.2em;
2104
- }
2105
-
2106
- .ed-entity-item:hover {
2107
- cursor: pointer;
2108
- background-color: #3498DB;
2109
- color: white;
2110
- }
2111
-
2112
- .ed-root {
2113
- display: flex;
2114
- flex-direction: column;
2115
- }
2116
-
2117
- .ed-menu-description {
2118
- margin: 50px auto;
2119
- text-align: center;
2120
- font-size: 1.5em;
2121
- }
2122
-
2123
- .ed-entity-item-caption {
2124
- font-weight: 500;
2125
- display: flex;
2126
- justify-content: space-between;
2127
- }
2128
-
2129
- .ed-entity-item-caption::after {
2130
- content: "\276F";
2131
- width: 1em;
2132
- height: 1em;
2133
- text-align: center;
2134
- transition: all .35s;
2135
- }
2136
-
2137
- .ed-entity-item-descr {
2138
- font-size: 0.8em;
2139
- margin-left: 30px;
2140
- margin-top: 5px;
2141
- }
2142
-
2143
-
2144
- /* Progress Bar start */
2145
- .ed-progress-bar {
2146
- display: 'none';
2147
- height: 4px;
2148
- width: 100%;
2149
- position: fixed;
2150
- top: 0;
2151
- left: 0;
2152
- z-index: 65000;
2153
- overflow: hidden;
2154
- background-color: #ddd;
2155
- }
2156
-
2157
- .ed-progress-bar:before {
2158
- display: block;
2159
- position: absolute;
2160
- content: "";
2161
- left: -200px;
2162
- width: 200px;
2163
- height: 4px;
2164
- background-color: #2980b9;
2165
- animation: ed-progress-bar-loading 2s linear infinite;
2166
- }
2167
-
2168
- @keyframes ed-progress-bar-loading {
2169
- from {left: -200px; width: 30%;}
2170
- 50% {width: 30%;}
2171
- 70% {width: 70%;}
2172
- 80% { left: 50%;}
2173
- 95% {left: 120%;}
2174
- to {left: 100%;}
2175
- }
2176
- /* Progress Bar end */
2177
-
2178
- .ed-calendar-icon {
2179
- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAqklEQVQ4T+3TuwlCMRSA4e+uo4UigiNoI2gpaOsa6hY6gAP4KHQDEUQb51ECN5Cb6oqNhWkS+E/+cB4pfLmK7P4IW0ywz9g4YbvIouCBFlZYJHvqyNkdnSh4lZEzrDEvX0sFU2wyVuSCJ44YopGlENihZM2SVQQXnGvWdIAeKoKQ47KmIMSFWv0FP1eDK05JG+OQpf8lnvvopm0Mc92uOQMx7BYk+W/80MEb/4ExEZgczvIAAAAASUVORK5CYII=') no-repeat;
2180
- width: 16px;
2181
- height: 16px;
2182
- }
2183
-
2184
- .ed-timer-icon {
2185
- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLklEQVQ4T4XTPyhGYRTH8c87GZUYTFJSJgurxMSgGMRmfa3EgFIogxmbWCibxUQyYldSWEwWo4mOnvt239v7cJd773PO+T7nz+/UtH7aMY7eZH7BFT6r7rXKQSe2MYdbPCV7P0ZwhnV8FHFlwAAucYfF5NSWHL8Q8AMMYwKPYSsAYXzALg5LWa2l753SWR2rGIpLCkAEdWC2UtJm+i/ehfk8ZVgPQDTsDX3l2iqBVUBk/IyeAMxgAVMtBpLLIFwvcBSAJXRjOQMYxQ2+cYIYaTx7eP8PMIjpFBCAY7xWAX+VkNHZ73GjhL+amAM0NTGccmPMAZrGGE45IbUChJBWkiIbQgrHQsr3CKeG3hOlC/tJgZNVKRc3RSZbmM8s0yk2cstUTjcaO1ZZ5+tW6/wDn+5DtafCGz8AAAAASUVORK5CYII=') no-repeat;
2186
- width: 16px;
2187
- height: 16px;
2188
- }
2189
-
2190
- /*# sourceMappingURL=easydata.css.map*/