@easydata/crud 1.4.18 → 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 -2188
  9. package/dist/browser/easydata.css.map +0 -1
  10. package/dist/browser/easydata.js +0 -12208
  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 -8511
  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,2188 +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
- padding-inline-start: 10px;
1335
- padding-inline-end: 10px;
1336
- font-weight: 600;
1337
- width: auto;
1338
- font-size: 16px;
1339
- margin-bottom: 0;
1340
- }
1341
-
1342
- .kfrm-break, .kfrm-break-50 {
1343
- margin-top: 50px;
1344
- }
1345
-
1346
- .kfrm-break-10 {
1347
- margin-top: 10px;
1348
- }
1349
-
1350
- .kfrm-break-20 {
1351
- margin-top: 20px;
1352
- }
1353
-
1354
- .kfrm-break-30 {
1355
- margin-top: 30px;
1356
- }
1357
-
1358
- .kfrm-break-40 {
1359
- margin-top: 40px;
1360
- }
1361
-
1362
- .kfrm-break-60 {
1363
- margin-top: 60px;
1364
- }
1365
-
1366
- .kfrm-break-70 {
1367
- margin-top: 70px;
1368
- }
1369
-
1370
- .kfrm-break-80 {
1371
- margin-top: 10px;
1372
- }
1373
-
1374
-
1375
- .kfrm-fields, .kfrm-fields.col-a {
1376
- display: grid;
1377
- grid-template-columns: auto;
1378
- grid-gap: 10px;
1379
- grid-auto-rows: auto;
1380
- }
1381
-
1382
- .kfrm-fields:not(:last-child) {
1383
- margin-bottom: calc(1.5rem - .75rem);
1384
- }
1385
-
1386
- .kfrm-fields > label {
1387
- padding: .5em 0;
1388
- }
1389
-
1390
- .kfrm-fields .label-compact {
1391
- font-size: 0.9em;
1392
- }
1393
-
1394
- fieldset .kfrm-fields > label {
1395
- padding: 0;
1396
- margin: 0;
1397
- }
1398
-
1399
- .kfrm-fields > label:not(.checkbox) {
1400
- font-weight: 600;
1401
- }
1402
-
1403
- .kfrm-fields.label-above > label:not(.checkbox) {
1404
- padding: 0.5em 0 0 0;
1405
- margin-bottom: -0.5em;
1406
- font-weight: 500;
1407
- }
1408
-
1409
- .kfrm-fields.label-align-right > label:not(.checkbox) {
1410
- text-align: right;
1411
- }
1412
-
1413
- .kfrm-fields.col-a-1 {
1414
- grid-template-columns: auto 1fr;
1415
- }
1416
-
1417
- .kfrm-fields.col-1-a {
1418
- grid-template-columns: 1fr auto;
1419
- }
1420
-
1421
- .kfrm-fields.col-a-a {
1422
- grid-template-columns: auto auto;
1423
- }
1424
-
1425
- .kfrm-fields.col-1-1 {
1426
- grid-template-columns: 1fr 1fr;
1427
- }
1428
-
1429
- .kfrm-fields.col-1-2 {
1430
- grid-template-columns: 1fr 2fr;
1431
- }
1432
-
1433
- .kfrm-fields.col-1-3 {
1434
- grid-template-columns: 1fr 3fr;
1435
- }
1436
-
1437
- .kfrm-fields.col-2-1 {
1438
- grid-template-columns: 2fr 1fr;
1439
- }
1440
-
1441
- .kfrm-fields.col-3-1 {
1442
- grid-template-columns: 3fr 1fr;
1443
- }
1444
-
1445
- .kfrm-fields.col-2-3 {
1446
- grid-template-columns: 2fr 3fr;
1447
- }
1448
-
1449
- .kfrm-fields.col-3-2 {
1450
- grid-template-columns: 3fr 2fr;
1451
- }
1452
-
1453
- .kfrm-fields.is-horizontal {
1454
- display: flex;
1455
- padding: 0;
1456
- }
1457
-
1458
- .kfrm-fields.is-horizontal.align-right {
1459
- justify-content: flex-end;
1460
- }
1461
-
1462
- .kfrm-fields.is-horizontal.align-center {
1463
- justify-content: center;
1464
- }
1465
-
1466
- .kfrm-fields.is-horizontal.align-evenly {
1467
- justify-content: space-evenly;
1468
- }
1469
-
1470
- .kfrm-fields.is-horizontal > label:not(:first-child) {
1471
- margin-left: .5rem;
1472
- }
1473
-
1474
- /* IE */
1475
- .kfrm-fields-ie {
1476
- display: flex;
1477
- flex-direction: column;
1478
- font-size: 16px;
1479
- }
1480
-
1481
- .kfrm-field-ie {
1482
- display: flex;
1483
- margin-bottom: 1em;
1484
- }
1485
-
1486
- .kfrm-field-ie > *:nth-child(1) {
1487
- margin-right: 20px;
1488
- }
1489
-
1490
- .kfrm-field-ie > label {
1491
- padding: .5em 0;
1492
- }
1493
-
1494
- .kfrm-fields-ie.col-ie-1-1 > .kfrm-field-ie > *:nth-child(1) {
1495
- flex: 0 0 50%;
1496
- }
1497
-
1498
- .kfrm-fields-ie.col-ie-1-2 > .kfrm-field-ie > *:nth-child(1) {
1499
- flex: 0 0 33.3333%;
1500
- }
1501
-
1502
- .kfrm-fields-ie.col-ie-1-3 > .kfrm-field-ie > *:nth-child(1) {
1503
- flex: 0 0 25%;
1504
- }
1505
-
1506
- .kfrm-fields-ie.col-ie-1-4 > .kfrm-field-ie > *:nth-child(1) {
1507
- flex: 0 0 20%;
1508
- }
1509
-
1510
- .kfrm-fields-ie.label-align-right .kfrm-field-ie > *:nth-child(1) {
1511
- text-align: right;
1512
- }
1513
-
1514
- .kfrm-fields-ie.label-above .kfrm-field-ie > *:nth-child(1):not(.checkbox) {
1515
- padding: 0.5em 0 0 0;
1516
- margin-bottom: -0.5em;
1517
- }
1518
-
1519
- .kfrm-field-ie > label:not(.checkbox), .kfrm-fields-ie > label:not(.checkbox) {
1520
- font-weight: 600;
1521
- }
1522
-
1523
- .kfrm-fields-ie.is-horizontal {
1524
- display: flex;
1525
- padding: 0 !important;
1526
- flex-direction: row;
1527
- }
1528
-
1529
- .kfrm-fields-ie.kfrm-fields-ie.is-horizontal > *:not(.kfrm-select) {
1530
- padding: .5em;
1531
- }
1532
-
1533
- .kfrm-fields-ie.is-horizontal > *:not(:first-child) {
1534
- margin-left: 1em;
1535
- }
1536
-
1537
- .kfrm-fields-ie > label {
1538
- padding-left: 0 !important;
1539
- padding-right: 0 !important;
1540
- }
1541
-
1542
- .kfrm-field > label {
1543
- padding-right: 0.5em;
1544
- }
1545
-
1546
- .kfrm-callout {
1547
- font-size: 1.2em;
1548
- text-align: center;
1549
- }
1550
- /* FORMS END */
1551
-
1552
- /* EasyData forms: DateTime picker */
1553
- .kdtp {
1554
- border: 1px solid silver;
1555
- background-color: white;
1556
- box-shadow: 4px 8px 15px 0px rgba(0,0,0,.16);
1557
- border-radius: 8px;
1558
- overflow: hidden;
1559
- z-index: 100000;
1560
- outline: none;
1561
- font-size: 0.7rem;
1562
- }
1563
-
1564
- .kdtp-buttons {
1565
- margin-top: 1em;
1566
- display: flex;
1567
- flex-direction: row;
1568
- justify-content: space-between;
1569
- }
1570
-
1571
- .kdtp-button {
1572
- height: 2.5em;
1573
- flex: 1;
1574
- background-color: #0099CC;
1575
- border: none;
1576
- color: white;
1577
- text-align: center;
1578
- text-decoration: none;
1579
- cursor: pointer;
1580
- font-weight: 500;
1581
- }
1582
-
1583
- .kdtp-button:focus, .kdtp-button:active {
1584
- outline: 0;
1585
- }
1586
-
1587
- .kdtp-button-now {
1588
- border: none;
1589
- background-color: white;
1590
- color: #0099CC;
1591
- }
1592
-
1593
- .kdtp-button:nth-child(2) {
1594
- border-top-left-radius: 8px;
1595
- }
1596
-
1597
- .kdtp-button:not(:first-child) {
1598
- margin-left: 2px;
1599
- }
1600
-
1601
- .kdtp-cal {
1602
- padding: 0;
1603
- }
1604
-
1605
- .kdtp-cal * {
1606
- outline: none !important;
1607
- }
1608
-
1609
- .kdtp-cal-body {
1610
- display: grid;
1611
- grid-template-columns: repeat(7, minmax(1em, 1fr));
1612
- grid-gap: 0.5em;
1613
- box-sizing: border-box;
1614
- padding: 0 12px;
1615
- -ms-grid-rows: 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr;
1616
- }
1617
-
1618
- .kdtp-cal-body > *:nth-child(1) {
1619
- -ms-grid-row: 1;
1620
- -ms-grid-column: 1;
1621
- }
1622
- .kdtp-cal-body > *:nth-child(2) {
1623
- -ms-grid-row: 1;
1624
- -ms-grid-column: 3;
1625
- }
1626
- .kdtp-cal-body > *:nth-child(3) {
1627
- -ms-grid-row: 1;
1628
- -ms-grid-column: 5;
1629
- }
1630
- .kdtp-cal-body > *:nth-child(4) {
1631
- -ms-grid-row: 1;
1632
- -ms-grid-column: 7;
1633
- }
1634
- .kdtp-cal-body > *:nth-child(5) {
1635
- -ms-grid-row: 1;
1636
- -ms-grid-column: 9;
1637
- }
1638
- .kdtp-cal-body > *:nth-child(6) {
1639
- -ms-grid-row: 1;
1640
- -ms-grid-column: 11;
1641
- }
1642
- .kdtp-cal-body > *:nth-child(7) {
1643
- -ms-grid-row: 1;
1644
- -ms-grid-column: 13;
1645
- }
1646
- .kdtp-cal-body > *:nth-child(8) {
1647
- -ms-grid-row: 3;
1648
- -ms-grid-column: 1;
1649
- }
1650
- .kdtp-cal-body > *:nth-child(9) {
1651
- -ms-grid-row: 3;
1652
- -ms-grid-column: 3;
1653
- }
1654
- .kdtp-cal-body > *:nth-child(10) {
1655
- -ms-grid-row: 3;
1656
- -ms-grid-column: 5;
1657
- }
1658
- .kdtp-cal-body > *:nth-child(11) {
1659
- -ms-grid-row: 3;
1660
- -ms-grid-column: 7;
1661
- }
1662
- .kdtp-cal-body > *:nth-child(12) {
1663
- -ms-grid-row: 3;
1664
- -ms-grid-column: 9;
1665
- }
1666
- .kdtp-cal-body > *:nth-child(13) {
1667
- -ms-grid-row: 3;
1668
- -ms-grid-column: 11;
1669
- }
1670
- .kdtp-cal-body > *:nth-child(14) {
1671
- -ms-grid-row: 3;
1672
- -ms-grid-column: 13;
1673
- }
1674
- .kdtp-cal-body > *:nth-child(15) {
1675
- -ms-grid-row: 5;
1676
- -ms-grid-column: 1;
1677
- }
1678
- .kdtp-cal-body > *:nth-child(16) {
1679
- -ms-grid-row: 5;
1680
- -ms-grid-column: 3;
1681
- }
1682
- .kdtp-cal-body > *:nth-child(17) {
1683
- -ms-grid-row: 5;
1684
- -ms-grid-column: 5;
1685
- }
1686
- .kdtp-cal-body > *:nth-child(18) {
1687
- -ms-grid-row: 5;
1688
- -ms-grid-column: 7;
1689
- }
1690
- .kdtp-cal-body > *:nth-child(19) {
1691
- -ms-grid-row: 5;
1692
- -ms-grid-column: 9;
1693
- }
1694
- .kdtp-cal-body > *:nth-child(20) {
1695
- -ms-grid-row: 5;
1696
- -ms-grid-column: 11;
1697
- }
1698
- .kdtp-cal-body > *:nth-child(21) {
1699
- -ms-grid-row: 5;
1700
- -ms-grid-column: 13;
1701
- }
1702
- .kdtp-cal-body > *:nth-child(22) {
1703
- -ms-grid-row: 7;
1704
- -ms-grid-column: 1;
1705
- }
1706
- .kdtp-cal-body > *:nth-child(23) {
1707
- -ms-grid-row: 7;
1708
- -ms-grid-column: 3;
1709
- }
1710
- .kdtp-cal-body > *:nth-child(24) {
1711
- -ms-grid-row: 7;
1712
- -ms-grid-column: 5;
1713
- }
1714
- .kdtp-cal-body > *:nth-child(25) {
1715
- -ms-grid-row: 7;
1716
- -ms-grid-column: 7;
1717
- }
1718
- .kdtp-cal-body > *:nth-child(26) {
1719
- -ms-grid-row: 7;
1720
- -ms-grid-column: 9;
1721
- }
1722
- .kdtp-cal-body > *:nth-child(27) {
1723
- -ms-grid-row: 7;
1724
- -ms-grid-column: 11;
1725
- }
1726
- .kdtp-cal-body > *:nth-child(28) {
1727
- -ms-grid-row: 7;
1728
- -ms-grid-column: 13;
1729
- }
1730
- .kdtp-cal-body > *:nth-child(29) {
1731
- -ms-grid-row: 9;
1732
- -ms-grid-column: 1;
1733
- }
1734
- .kdtp-cal-body > *:nth-child(30) {
1735
- -ms-grid-row: 9;
1736
- -ms-grid-column: 3;
1737
- }
1738
- .kdtp-cal-body > *:nth-child(31) {
1739
- -ms-grid-row: 9;
1740
- -ms-grid-column: 5;
1741
- }
1742
- .kdtp-cal-body > *:nth-child(32) {
1743
- -ms-grid-row: 9;
1744
- -ms-grid-column: 7;
1745
- }
1746
- .kdtp-cal-body > *:nth-child(33) {
1747
- -ms-grid-row: 9;
1748
- -ms-grid-column: 9;
1749
- }
1750
- .kdtp-cal-body > *:nth-child(34) {
1751
- -ms-grid-row: 9;
1752
- -ms-grid-column: 11;
1753
- }
1754
- .kdtp-cal-body > *:nth-child(35) {
1755
- -ms-grid-row: 9;
1756
- -ms-grid-column: 13;
1757
- }
1758
- .kdtp-cal-body > *:nth-child(36) {
1759
- -ms-grid-row: 11;
1760
- -ms-grid-column: 1;
1761
- }
1762
- .kdtp-cal-body > *:nth-child(37) {
1763
- -ms-grid-row: 11;
1764
- -ms-grid-column: 3;
1765
- }
1766
- .kdtp-cal-body > *:nth-child(38) {
1767
- -ms-grid-row: 11;
1768
- -ms-grid-column: 5;
1769
- }
1770
- .kdtp-cal-body > *:nth-child(39) {
1771
- -ms-grid-row: 11;
1772
- -ms-grid-column: 7;
1773
- }
1774
- .kdtp-cal-body > *:nth-child(40) {
1775
- -ms-grid-row: 11;
1776
- -ms-grid-column: 9;
1777
- }
1778
- .kdtp-cal-body > *:nth-child(41) {
1779
- -ms-grid-row: 11;
1780
- -ms-grid-column: 11;
1781
- }
1782
- .kdtp-cal-body > *:nth-child(42) {
1783
- -ms-grid-row: 11;
1784
- -ms-grid-column: 13;
1785
- }
1786
- .kdtp-cal-body > *:nth-child(43) {
1787
- -ms-grid-row: 13;
1788
- -ms-grid-column: 1;
1789
- }
1790
- .kdtp-cal-body > *:nth-child(44) {
1791
- -ms-grid-row: 13;
1792
- -ms-grid-column: 3;
1793
- }
1794
- .kdtp-cal-body > *:nth-child(45) {
1795
- -ms-grid-row: 13;
1796
- -ms-grid-column: 5;
1797
- }
1798
- .kdtp-cal-body > *:nth-child(46) {
1799
- -ms-grid-row: 13;
1800
- -ms-grid-column: 7;
1801
- }
1802
- .kdtp-cal-body > *:nth-child(47) {
1803
- -ms-grid-row: 13;
1804
- -ms-grid-column: 9;
1805
- }
1806
- .kdtp-cal-body > *:nth-child(48) {
1807
- -ms-grid-row: 13;
1808
- -ms-grid-column: 11;
1809
- }
1810
- .kdtp-cal-body > *:nth-child(49) {
1811
- -ms-grid-row: 13;
1812
- -ms-grid-column: 13;
1813
- }
1814
-
1815
- .kdtp-cal-header-input {
1816
- width: 100%;
1817
- width: -moz-available; /* WebKit-based browsers will ignore this. */
1818
- width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
1819
- width: fill-available;
1820
- height: 100%;
1821
- height: -moz-available; /* WebKit-based browsers will ignore this. */
1822
- height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
1823
- height: fill-available;
1824
-
1825
- font-size: 1em;
1826
- padding: 2px 5px;
1827
- border: 1px solid silver;
1828
- outline: none;
1829
- background: #fff;
1830
- color: #262626;
1831
- }
1832
-
1833
- .kdtp-cal-header-input.error {
1834
- border-color: red;
1835
- }
1836
-
1837
- .kdtp-cal-header {
1838
- background-color: #0099CC;
1839
- color: white;
1840
- text-align: center;
1841
- font-size: 1.2em;
1842
- font-weight: 600;
1843
- height: 2em;
1844
- line-height: 2em;
1845
- }
1846
-
1847
- .kdtp-cal-nav {
1848
- display: flex;
1849
- padding: 0;
1850
- margin: 0.7em 0;
1851
- line-height: 1em;
1852
- }
1853
-
1854
- .kdtp-cal-nav-prev, .kdtp-cal-nav-next {
1855
- flex: 0 0 auto;
1856
- font-size: 3em;
1857
- font-weight: 600;
1858
- width: 1em;
1859
- color: #777777;
1860
- text-align: center;
1861
- }
1862
-
1863
- .kdtp-cal-nav-prev:hover, .kdtp-cal-nav-next:hover {
1864
- cursor: pointer;
1865
- color: #0099CC;
1866
- }
1867
-
1868
- .kdtp-cal-nav-selectors {
1869
- flex: 1 1 auto;
1870
- display: flex;
1871
- margin: 0 0.5em;
1872
- font-size: 1.2em;
1873
- }
1874
-
1875
- .kdtp-cal-nav-month {
1876
- flex: 1 1 auto;
1877
- margin-right: 0.5em;
1878
- }
1879
-
1880
- .kdtp-cal-nav-year {
1881
- flex: 0 0 auto;
1882
- }
1883
-
1884
- .kdtp-cal-nav-selectors select {
1885
- border: none;
1886
- color: #777777;
1887
- font-weight: 600;
1888
- }
1889
-
1890
- .kdtp-cal-nav-selectors select:hover {
1891
- color: #0099CC;
1892
- }
1893
-
1894
- .kdtp-cal-nav-selectors select:hover option {
1895
- color: #777777;
1896
- }
1897
-
1898
- .kdtp-cal-weekday {
1899
- display: flex;
1900
- align-items: center;
1901
- justify-content: center;
1902
- height: 1.8em;
1903
- font-weight: 600;
1904
- font-size: 0.8em;
1905
- color: #262626;
1906
- }
1907
-
1908
- .kdtp-cal-weekday.kdtp-cal-weekend {
1909
- color: #ff685d;
1910
- }
1911
-
1912
- .kdtp-cal-day, .kdtp-cal-day-empty {
1913
- display: flex;
1914
- align-items: center;
1915
- justify-content: center;
1916
- height: 1.5em;
1917
- color: #262626;
1918
- border-radius: 4px;
1919
- }
1920
-
1921
- .kdtp-cal-day.kdtp-cal-weekend {
1922
- color: #ff685d;
1923
- font-weight: 700;
1924
- }
1925
-
1926
- .kdtp-cal-day:hover, .kdtp-cal-day-selected {
1927
- border: 2px solid #0099CC;
1928
- font-weight: 700;
1929
- cursor: pointer;
1930
- }
1931
-
1932
- .kdtp-cal-day-current {
1933
- background-color: lightgray;
1934
- }
1935
-
1936
- .kdtp-tp {
1937
- display: flex;
1938
- display:-ms-flexbox;
1939
- align-items: center;
1940
- -webkit-align-items:center;
1941
- -ms-flex-align:center;
1942
- margin-top: 1em;
1943
- padding: 0 1em;
1944
- }
1945
-
1946
- .kdtp-tp-time {
1947
- flex: 0 0 5em;
1948
- -webkit-flex: 0 0 5em;
1949
- -ms-flex: 0 0 5em;
1950
- text-align: center;
1951
- font-weight: 600;
1952
- color: #777777;
1953
- border: 2px solid #0099CC;
1954
- border-radius: 6px;
1955
- margin-right: 0.5em;
1956
- }
1957
-
1958
- .kdtp-tp-sliders {
1959
- flex: 1 1 auto;
1960
- -webkit-flex: 1 1 auto;
1961
- -ms-flex: 1 1 auto;
1962
- }
1963
-
1964
- .kdtp-tp-time-row {
1965
- display:flex;
1966
- align-items:center;
1967
- height: 1.5em;
1968
- background:linear-gradient(to right,#c5c5c5,#c5c5c5) left 50%/100% 1px no-repeat;
1969
- }
1970
-
1971
- .kdtp-tp-time-row input[type=range] {
1972
- background:0 0;
1973
- cursor:pointer;
1974
- flex:1;
1975
- height:100%;
1976
- padding:0;
1977
- margin:0;
1978
- -webkit-appearance:none
1979
- }
1980
-
1981
- .kdtp-tp-time-row input[type=range]:hover::-webkit-slider-thumb {
1982
- border-color:#777777
1983
- }
1984
-
1985
- .kdtp-tp-time-row input[type=range]:hover::-moz-range-thumb {
1986
- border-color:#777777
1987
- }
1988
-
1989
- .kdtp-tp-time-row input[type=range]:hover::-ms-thumb {
1990
- border-color:#777777
1991
- }
1992
-
1993
- .kdtp-tp-time-row input[type=range]:focus {
1994
- outline:0
1995
- }
1996
-
1997
- .kdtp-tp-time-row input[type=range]:focus::-webkit-slider-thumb {
1998
- background:#0099CC;
1999
- border-color:#0099CC
2000
- }
2001
-
2002
- .kdtp-tp-time-row input[type=range]:focus::-moz-range-thumb {
2003
- background:#0099CC;
2004
- border-color:#0099CC
2005
- }
2006
-
2007
- .kdtp-tp-time-row input[type=range]:focus::-ms-thumb {
2008
- background:#0099CC;
2009
- border-color:#0099CC
2010
- }
2011
-
2012
- .kdtp-tp-time-row input[type=range]::-webkit-slider-thumb {
2013
- -webkit-appearance:none;
2014
- box-sizing:border-box;
2015
- height:12px;
2016
- width:12px;
2017
- border-radius:3px;
2018
- border:1px solid #c5c5c5;
2019
- background:#fff;
2020
- cursor:pointer;
2021
- -webkit-transition:background .2s;
2022
- transition:background .2s;
2023
- margin-top:-6px
2024
- }
2025
-
2026
- .kdtp-tp-time-row input[type=range]::-moz-range-thumb {
2027
- box-sizing:border-box;
2028
- height:12px;
2029
- width:12px;
2030
- border-radius:3px;
2031
- border:1px solid #c5c5c5;
2032
- background:#fff;
2033
- cursor:pointer;
2034
- -moz-transition:background .2s;
2035
- transition:background .2s
2036
- }
2037
-
2038
- .kdtp-tp-time-row input[type=range]::-ms-thumb {
2039
- box-sizing:border-box;
2040
- height:12px;
2041
- width:12px;
2042
- border-radius:3px;
2043
- border:1px solid #c5c5c5;
2044
- background:#fff;
2045
- cursor:pointer;
2046
- -ms-transition:background .2s;
2047
- transition:background .2s
2048
- }
2049
-
2050
- .kdtp-tp-time-row input[type=range]::-webkit-slider-runnable-track {
2051
- border:none;
2052
- height:1px;
2053
- cursor:pointer;
2054
- color:transparent;
2055
- background:0 0
2056
- }
2057
-
2058
- .kdtp-tp-time-row input[type=range]::-moz-range-track {
2059
- border:none;
2060
- height:1px;
2061
- cursor:pointer;
2062
- color:transparent;
2063
- background:0 0
2064
- }
2065
-
2066
- .kdtp-tp-time-row input[type=range]::-ms-track {
2067
- border:none;
2068
- height:1px;
2069
- cursor:pointer;
2070
- color:transparent;
2071
- background:0 0
2072
- }
2073
-
2074
- .kdtp-tp-time-row input[type=range]::-ms-fill-lower {
2075
- background:0 0
2076
- }
2077
-
2078
- .kdtp-tp-time-row input[type=range]::-ms-fill-upper {
2079
- background:0 0
2080
- }
2081
-
2082
-
2083
-
2084
- .ed-entity-menu {
2085
- display: flex;
2086
- flex-direction: column;
2087
- padding-left: 0;
2088
- margin-bottom: 0;
2089
- }
2090
-
2091
- .ed-entity-item {
2092
- position: relative;
2093
- display: block;
2094
- padding: .75rem 1.25rem;
2095
- margin-bottom: -1px;
2096
- background-color: #fff;
2097
- border-bottom: 1px solid rgba(0,0,0,.125);
2098
- border-top: 1px solid rgba(0,0,0,.125);
2099
- border-left: none;
2100
- border-right: none;
2101
- font-size: 1.2em;
2102
- }
2103
-
2104
- .ed-entity-item:hover {
2105
- cursor: pointer;
2106
- background-color: #3498DB;
2107
- color: white;
2108
- }
2109
-
2110
- .ed-root {
2111
- display: flex;
2112
- flex-direction: column;
2113
- }
2114
-
2115
- .ed-menu-description {
2116
- margin: 50px auto;
2117
- text-align: center;
2118
- font-size: 1.5em;
2119
- }
2120
-
2121
- .ed-entity-item-caption {
2122
- font-weight: 500;
2123
- display: flex;
2124
- justify-content: space-between;
2125
- }
2126
-
2127
- .ed-entity-item-caption::after {
2128
- content: "\276F";
2129
- width: 1em;
2130
- height: 1em;
2131
- text-align: center;
2132
- transition: all .35s;
2133
- }
2134
-
2135
- .ed-entity-item-descr {
2136
- font-size: 0.8em;
2137
- margin-left: 30px;
2138
- margin-top: 5px;
2139
- }
2140
-
2141
-
2142
- /* Progress Bar start */
2143
- .ed-progress-bar {
2144
- display: 'none';
2145
- height: 4px;
2146
- width: 100%;
2147
- position: fixed;
2148
- top: 0;
2149
- left: 0;
2150
- z-index: 65000;
2151
- overflow: hidden;
2152
- background-color: #ddd;
2153
- }
2154
-
2155
- .ed-progress-bar:before {
2156
- display: block;
2157
- position: absolute;
2158
- content: "";
2159
- left: -200px;
2160
- width: 200px;
2161
- height: 4px;
2162
- background-color: #2980b9;
2163
- animation: ed-progress-bar-loading 2s linear infinite;
2164
- }
2165
-
2166
- @keyframes ed-progress-bar-loading {
2167
- from {left: -200px; width: 30%;}
2168
- 50% {width: 30%;}
2169
- 70% {width: 70%;}
2170
- 80% { left: 50%;}
2171
- 95% {left: 120%;}
2172
- to {left: 100%;}
2173
- }
2174
- /* Progress Bar end */
2175
-
2176
- .ed-calendar-icon {
2177
- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAqklEQVQ4T+3TuwlCMRSA4e+uo4UigiNoI2gpaOsa6hY6gAP4KHQDEUQb51ECN5Cb6oqNhWkS+E/+cB4pfLmK7P4IW0ywz9g4YbvIouCBFlZYJHvqyNkdnSh4lZEzrDEvX0sFU2wyVuSCJ44YopGlENihZM2SVQQXnGvWdIAeKoKQ47KmIMSFWv0FP1eDK05JG+OQpf8lnvvopm0Mc92uOQMx7BYk+W/80MEb/4ExEZgczvIAAAAASUVORK5CYII=') no-repeat;
2178
- width: 16px;
2179
- height: 16px;
2180
- }
2181
-
2182
- .ed-timer-icon {
2183
- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLklEQVQ4T4XTPyhGYRTH8c87GZUYTFJSJgurxMSgGMRmfa3EgFIogxmbWCibxUQyYldSWEwWo4mOnvt239v7cJd773PO+T7nz+/UtH7aMY7eZH7BFT6r7rXKQSe2MYdbPCV7P0ZwhnV8FHFlwAAucYfF5NSWHL8Q8AMMYwKPYSsAYXzALg5LWa2l753SWR2rGIpLCkAEdWC2UtJm+i/ehfk8ZVgPQDTsDX3l2iqBVUBk/IyeAMxgAVMtBpLLIFwvcBSAJXRjOQMYxQ2+cYIYaTx7eP8PMIjpFBCAY7xWAX+VkNHZ73GjhL+amAM0NTGccmPMAZrGGE45IbUChJBWkiIbQgrHQsr3CKeG3hOlC/tJgZNVKRc3RSZbmM8s0yk2cstUTjcaO1ZZ5+tW6/wDn+5DtafCGz8AAAAASUVORK5CYII=') no-repeat;
2184
- width: 16px;
2185
- height: 16px;
2186
- }
2187
-
2188
- /*# sourceMappingURL=easydata.css.map*/