coer-elements 0.0.15 → 0.0.19

Sign up to get free protection for your applications and to get access to all the features.
@@ -21,6 +21,2546 @@ input[type=file] {
21
21
  background-color: transparent !important;
22
22
  }
23
23
 
24
+ /********** COER styles **********/
25
+ * {
26
+ --blue: #0d6efd;
27
+ --gray: #6c757d;
28
+ --green: #198754;
29
+ --yellow: #ffc107;
30
+ --red: #dc3545;
31
+ --white: #f5f5f5;
32
+ --black: #252525;
33
+ --orange: #fd6031;
34
+ }
35
+
36
+ .text-blue {
37
+ color: #0d6efd !important;
38
+ }
39
+
40
+ .text-blue-bold {
41
+ color: #0d6efd !important;
42
+ font-weight: bold !important;
43
+ }
44
+
45
+ .background-blue {
46
+ background-color: #0d6efd !important;
47
+ }
48
+
49
+ .background-border-blue {
50
+ background-color: #0d6efd !important;
51
+ border-color: #0d6efd !important;
52
+ }
53
+
54
+ .border-blue {
55
+ border-color: #0d6efd !important;
56
+ }
57
+
58
+ .text-gray {
59
+ color: #6c757d !important;
60
+ }
61
+
62
+ .text-gray-bold {
63
+ color: #6c757d !important;
64
+ font-weight: bold !important;
65
+ }
66
+
67
+ .background-gray {
68
+ background-color: #6c757d !important;
69
+ }
70
+
71
+ .background-border-gray {
72
+ background-color: #6c757d !important;
73
+ border-color: #6c757d !important;
74
+ }
75
+
76
+ .border-gray {
77
+ border-color: #6c757d !important;
78
+ }
79
+
80
+ .text-green {
81
+ color: #198754 !important;
82
+ }
83
+
84
+ .text-green-bold {
85
+ color: #198754 !important;
86
+ font-weight: bold !important;
87
+ }
88
+
89
+ .background-green {
90
+ background-color: #198754 !important;
91
+ }
92
+
93
+ .background-border-green {
94
+ background-color: #198754 !important;
95
+ border-color: #198754 !important;
96
+ }
97
+
98
+ .border-green {
99
+ border-color: #198754 !important;
100
+ }
101
+
102
+ .text-yellow {
103
+ color: #ffc107 !important;
104
+ }
105
+
106
+ .text-yellow-bold {
107
+ color: #ffc107 !important;
108
+ font-weight: bold !important;
109
+ }
110
+
111
+ .background-yellow {
112
+ background-color: #ffc107 !important;
113
+ }
114
+
115
+ .background-border-yellow {
116
+ background-color: #ffc107 !important;
117
+ border-color: #ffc107 !important;
118
+ }
119
+
120
+ .border-yellow {
121
+ border-color: #ffc107 !important;
122
+ }
123
+
124
+ .text-red {
125
+ color: #dc3545 !important;
126
+ }
127
+
128
+ .text-red-bold {
129
+ color: #dc3545 !important;
130
+ font-weight: bold !important;
131
+ }
132
+
133
+ .background-red {
134
+ background-color: #dc3545 !important;
135
+ }
136
+
137
+ .background-border-red {
138
+ background-color: #dc3545 !important;
139
+ border-color: #dc3545 !important;
140
+ }
141
+
142
+ .border-red {
143
+ border-color: #dc3545 !important;
144
+ }
145
+
146
+ .text-white {
147
+ color: #f5f5f5 !important;
148
+ }
149
+
150
+ .text-white-bold {
151
+ color: #f5f5f5 !important;
152
+ font-weight: bold !important;
153
+ }
154
+
155
+ .background-white {
156
+ background-color: #f5f5f5 !important;
157
+ }
158
+
159
+ .background-border-white {
160
+ background-color: #f5f5f5 !important;
161
+ border-color: #f5f5f5 !important;
162
+ }
163
+
164
+ .border-white {
165
+ border-color: #f5f5f5 !important;
166
+ }
167
+
168
+ .text-black {
169
+ color: #252525 !important;
170
+ }
171
+
172
+ .text-black-bold {
173
+ color: #252525 !important;
174
+ font-weight: bold !important;
175
+ }
176
+
177
+ .background-black {
178
+ background-color: #252525 !important;
179
+ }
180
+
181
+ .background-border-black {
182
+ background-color: #252525 !important;
183
+ border-color: #252525 !important;
184
+ }
185
+
186
+ .border-black {
187
+ border-color: #252525 !important;
188
+ }
189
+
190
+ .text-orange {
191
+ color: #fd6031 !important;
192
+ }
193
+
194
+ .text-orange-bold {
195
+ color: #fd6031 !important;
196
+ font-weight: bold !important;
197
+ }
198
+
199
+ .background-orange {
200
+ background-color: #fd6031 !important;
201
+ }
202
+
203
+ .background-border-orange {
204
+ background-color: #fd6031 !important;
205
+ border-color: #fd6031 !important;
206
+ }
207
+
208
+ .border-orange {
209
+ border-color: #fd6031 !important;
210
+ }
211
+
212
+ coer-button {
213
+ display: contents !important;
214
+ }
215
+
216
+ div.coer-button {
217
+ display: contents !important;
218
+ }
219
+ div.coer-button a {
220
+ display: inline-block !important;
221
+ }
222
+ div.coer-button a.animate__disabled {
223
+ animation-duration: 0s !important;
224
+ }
225
+ div.coer-button button {
226
+ font-size: 17px !important;
227
+ white-space: nowrap !important;
228
+ overflow: hidden !important;
229
+ text-overflow: ellipsis !important;
230
+ }
231
+ div.coer-button .slot {
232
+ width: 100px !important;
233
+ display: flex !important;
234
+ align-items: center !important;
235
+ justify-content: center !important;
236
+ text-overflow: ellipsis !important;
237
+ overflow: hidden !important;
238
+ }
239
+ div.coer-button button.primary-filled {
240
+ background-color: #0d6efd !important;
241
+ color: #f5f5f5 !important;
242
+ }
243
+ div.coer-button button.secondary-filled {
244
+ background-color: #6c757d !important;
245
+ color: #f5f5f5 !important;
246
+ }
247
+ div.coer-button button.success-filled {
248
+ background-color: #198754 !important;
249
+ color: #f5f5f5 !important;
250
+ }
251
+ div.coer-button button.warning-filled {
252
+ background-color: #ffc107 !important;
253
+ color: #252525 !important;
254
+ }
255
+ div.coer-button button.danger-filled {
256
+ background-color: #dc3545 !important;
257
+ color: #f5f5f5 !important;
258
+ }
259
+ div.coer-button button.navigation-filled {
260
+ background-color: #fd6031 !important;
261
+ color: #f5f5f5 !important;
262
+ }
263
+ div.coer-button button.primary-outline {
264
+ background-color: white !important;
265
+ border: 1px solid #0d6efd !important;
266
+ color: #0d6efd !important;
267
+ }
268
+ div.coer-button button.secondary-outline {
269
+ background-color: white !important;
270
+ border: 1px solid #6c757d !important;
271
+ color: #6c757d !important;
272
+ }
273
+ div.coer-button button.success-outline {
274
+ background-color: white !important;
275
+ border: 1px solid #198754 !important;
276
+ color: #198754 !important;
277
+ }
278
+ div.coer-button button.warning-outline {
279
+ background-color: white !important;
280
+ border: 1px solid #ffc107 !important;
281
+ color: #ffc107 !important;
282
+ }
283
+ div.coer-button button.danger-outline {
284
+ background-color: white !important;
285
+ border: 1px solid #dc3545 !important;
286
+ color: #dc3545 !important;
287
+ }
288
+ div.coer-button button.navigation-outline {
289
+ background-color: white !important;
290
+ border: 1px solid #fd6031 !important;
291
+ color: #fd6031 !important;
292
+ }
293
+ div.coer-button button.primary-filled:not(.readonly):hover, div.coer-button button.primary-filled:not(.readonly):focus,
294
+ div.coer-button button.primary-outline:not(.readonly):hover, div.coer-button button.primary-outline:not(.readonly):focus,
295
+ div.coer-button button.secondary-filled:not(.readonly):hover, div.coer-button button.secondary-filled:not(.readonly):focus,
296
+ div.coer-button button.secondary-outline:not(.readonly):hover, div.coer-button button.secondary-outline:not(.readonly):focus,
297
+ div.coer-button button.success-filled:not(.readonly):hover, div.coer-button button.success-filled:not(.readonly):focus,
298
+ div.coer-button button.success-outline:not(.readonly):hover, div.coer-button button.success-outline:not(.readonly):focus,
299
+ div.coer-button button.warning-filled:not(.readonly):hover, div.coer-button button.warning-filled:not(.readonly):focus,
300
+ div.coer-button button.warning-outline:not(.readonly):hover, div.coer-button button.warning-outline:not(.readonly):focus,
301
+ div.coer-button button.danger-filled:not(.readonly):hover, div.coer-button button.danger-filled:not(.readonly):focus,
302
+ div.coer-button button.danger-outline:not(.readonly):hover, div.coer-button button.danger-outline:not(.readonly):focus {
303
+ filter: brightness(1.1) !important;
304
+ }
305
+ div.coer-button button.primary-filled:not(.readonly):focus,
306
+ div.coer-button button.primary-outline:not(.readonly):focus {
307
+ box-shadow: 0px 0px 20px #0d6efd !important;
308
+ }
309
+ div.coer-button button.secondary-filled:not(.readonly):focus,
310
+ div.coer-button button.secondary-outline:not(.readonly):focus {
311
+ box-shadow: 0px 0px 20px #6c757d !important;
312
+ }
313
+ div.coer-button button.success-filled:not(.readonly):focus,
314
+ div.coer-button button.success-outline:not(.readonly):focus {
315
+ box-shadow: 0px 0px 20px #198754 !important;
316
+ }
317
+ div.coer-button button.warning-filled:not(.readonly):focus,
318
+ div.coer-button button.warning-outline:not(.readonly):focus {
319
+ box-shadow: 0px 0px 20px #ffc107 !important;
320
+ }
321
+ div.coer-button button.danger-filled:not(.readonly):focus,
322
+ div.coer-button button.danger-outline:not(.readonly):focus {
323
+ box-shadow: 0px 0px 20px #dc3545 !important;
324
+ }
325
+ div.coer-button button.navigation-filled:not(.readonly):focus,
326
+ div.coer-button button.navigation-outline:not(.readonly):focus {
327
+ box-shadow: 0px 0px 20px #fd6031 !important;
328
+ }
329
+ div.coer-button button.mdc-icon-button.mat-mdc-icon-button {
330
+ width: 40px !important;
331
+ height: 40px !important;
332
+ padding: 0px !important;
333
+ }
334
+ div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border {
335
+ width: 25px !important;
336
+ height: 25px !important;
337
+ background-color: transparent !important;
338
+ border: none !important;
339
+ overflow: visible !important;
340
+ }
341
+ div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border * {
342
+ font-size: medium !important;
343
+ }
344
+ div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-left,
345
+ div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-in-right {
346
+ font-size: 20px !important;
347
+ }
348
+ div.coer-button button.readonly,
349
+ div.coer-button button.readonly:hover,
350
+ div.coer-button button.readonly:focus {
351
+ background-color: rgb(223, 222, 222) !important;
352
+ border-color: rgb(223, 222, 222) !important;
353
+ color: white !important;
354
+ }
355
+ div.coer-button coer-button[ishidden=true],
356
+ div.coer-button coer-button[ng-reflect-invisible=true] {
357
+ position: relative !important;
358
+ top: 10000vh;
359
+ left: 10000vw;
360
+ }
361
+ div.coer-button a.loading {
362
+ cursor: wait !important;
363
+ }
364
+ div.coer-button i {
365
+ vertical-align: middle !important;
366
+ }
367
+ div.coer-button i.spinner-border {
368
+ width: 15px !important;
369
+ height: 15px !important;
370
+ font-size: 16px !important;
371
+ }
372
+ div.coer-button span {
373
+ font-weight: bold !important;
374
+ }
375
+
376
+ div#coer-tool-bar coer-button * {
377
+ color: #fd6031 !important;
378
+ }
379
+
380
+ div.coer-text-box * {
381
+ --blue: #0d6efd;
382
+ --gray: #6c757d;
383
+ --green: #198754;
384
+ --yellow: #ffc107;
385
+ --red: #dc3545;
386
+ --white: #f5f5f5;
387
+ --black: #252525;
388
+ --orange: #fd6031;
389
+ }
390
+ div.coer-text-box .text-blue {
391
+ color: #0d6efd !important;
392
+ }
393
+ div.coer-text-box .text-blue-bold {
394
+ color: #0d6efd !important;
395
+ font-weight: bold !important;
396
+ }
397
+ div.coer-text-box .background-blue {
398
+ background-color: #0d6efd !important;
399
+ }
400
+ div.coer-text-box .background-border-blue {
401
+ background-color: #0d6efd !important;
402
+ border-color: #0d6efd !important;
403
+ }
404
+ div.coer-text-box .border-blue {
405
+ border-color: #0d6efd !important;
406
+ }
407
+ div.coer-text-box .text-gray {
408
+ color: #6c757d !important;
409
+ }
410
+ div.coer-text-box .text-gray-bold {
411
+ color: #6c757d !important;
412
+ font-weight: bold !important;
413
+ }
414
+ div.coer-text-box .background-gray {
415
+ background-color: #6c757d !important;
416
+ }
417
+ div.coer-text-box .background-border-gray {
418
+ background-color: #6c757d !important;
419
+ border-color: #6c757d !important;
420
+ }
421
+ div.coer-text-box .border-gray {
422
+ border-color: #6c757d !important;
423
+ }
424
+ div.coer-text-box .text-green {
425
+ color: #198754 !important;
426
+ }
427
+ div.coer-text-box .text-green-bold {
428
+ color: #198754 !important;
429
+ font-weight: bold !important;
430
+ }
431
+ div.coer-text-box .background-green {
432
+ background-color: #198754 !important;
433
+ }
434
+ div.coer-text-box .background-border-green {
435
+ background-color: #198754 !important;
436
+ border-color: #198754 !important;
437
+ }
438
+ div.coer-text-box .border-green {
439
+ border-color: #198754 !important;
440
+ }
441
+ div.coer-text-box .text-yellow {
442
+ color: #ffc107 !important;
443
+ }
444
+ div.coer-text-box .text-yellow-bold {
445
+ color: #ffc107 !important;
446
+ font-weight: bold !important;
447
+ }
448
+ div.coer-text-box .background-yellow {
449
+ background-color: #ffc107 !important;
450
+ }
451
+ div.coer-text-box .background-border-yellow {
452
+ background-color: #ffc107 !important;
453
+ border-color: #ffc107 !important;
454
+ }
455
+ div.coer-text-box .border-yellow {
456
+ border-color: #ffc107 !important;
457
+ }
458
+ div.coer-text-box .text-red {
459
+ color: #dc3545 !important;
460
+ }
461
+ div.coer-text-box .text-red-bold {
462
+ color: #dc3545 !important;
463
+ font-weight: bold !important;
464
+ }
465
+ div.coer-text-box .background-red {
466
+ background-color: #dc3545 !important;
467
+ }
468
+ div.coer-text-box .background-border-red {
469
+ background-color: #dc3545 !important;
470
+ border-color: #dc3545 !important;
471
+ }
472
+ div.coer-text-box .border-red {
473
+ border-color: #dc3545 !important;
474
+ }
475
+ div.coer-text-box .text-white {
476
+ color: #f5f5f5 !important;
477
+ }
478
+ div.coer-text-box .text-white-bold {
479
+ color: #f5f5f5 !important;
480
+ font-weight: bold !important;
481
+ }
482
+ div.coer-text-box .background-white {
483
+ background-color: #f5f5f5 !important;
484
+ }
485
+ div.coer-text-box .background-border-white {
486
+ background-color: #f5f5f5 !important;
487
+ border-color: #f5f5f5 !important;
488
+ }
489
+ div.coer-text-box .border-white {
490
+ border-color: #f5f5f5 !important;
491
+ }
492
+ div.coer-text-box .text-black {
493
+ color: #252525 !important;
494
+ }
495
+ div.coer-text-box .text-black-bold {
496
+ color: #252525 !important;
497
+ font-weight: bold !important;
498
+ }
499
+ div.coer-text-box .background-black {
500
+ background-color: #252525 !important;
501
+ }
502
+ div.coer-text-box .background-border-black {
503
+ background-color: #252525 !important;
504
+ border-color: #252525 !important;
505
+ }
506
+ div.coer-text-box .border-black {
507
+ border-color: #252525 !important;
508
+ }
509
+ div.coer-text-box .text-orange {
510
+ color: #fd6031 !important;
511
+ }
512
+ div.coer-text-box .text-orange-bold {
513
+ color: #fd6031 !important;
514
+ font-weight: bold !important;
515
+ }
516
+ div.coer-text-box .background-orange {
517
+ background-color: #fd6031 !important;
518
+ }
519
+ div.coer-text-box .background-border-orange {
520
+ background-color: #fd6031 !important;
521
+ border-color: #fd6031 !important;
522
+ }
523
+ div.coer-text-box .border-orange {
524
+ border-color: #fd6031 !important;
525
+ }
526
+ div.coer-text-box mat-form-field {
527
+ position: relative !important;
528
+ }
529
+ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex {
530
+ height: 40px !important;
531
+ }
532
+ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix {
533
+ width: 100% !important;
534
+ height: 40px !important;
535
+ padding: 0px !important;
536
+ }
537
+ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label {
538
+ overflow: visible !important;
539
+ position: absolute !important;
540
+ top: 20px !important;
541
+ }
542
+ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label {
543
+ color: #fd6031;
544
+ font-weight: bold;
545
+ position: relative;
546
+ left: -10px;
547
+ top: 2px;
548
+ }
549
+ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input {
550
+ font-weight: normal !important;
551
+ font-size: 17px !important;
552
+ color: #252525 !important;
553
+ }
554
+ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,
555
+ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::before,
556
+ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::after {
557
+ border-bottom-color: #fd6031 !important;
558
+ }
559
+ div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
560
+ height: 0px !important;
561
+ }
562
+ div.coer-text-box mat-form-field span.icon-container {
563
+ position: absolute !important;
564
+ top: 1px !important;
565
+ right: -14px !important;
566
+ z-index: 5 !important;
567
+ width: 30px;
568
+ height: 40px;
569
+ display: flex;
570
+ align-items: center;
571
+ justify-content: center;
572
+ }
573
+ div.coer-text-box mat-form-field span.icon-container i {
574
+ font-size: 20px !important;
575
+ }
576
+ div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark,
577
+ div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass {
578
+ color: #caced1 !important;
579
+ cursor: pointer !important;
580
+ }
581
+ div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,
582
+ div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover {
583
+ color: #6c757d !important;
584
+ }
585
+ div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check {
586
+ color: #198754 !important;
587
+ }
588
+ div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation {
589
+ color: #dc3545 !important;
590
+ }
591
+ div.coer-text-box mat-form-field span.placeholder {
592
+ width: calc(100% + 32px) !important;
593
+ height: 40px !important;
594
+ position: absolute !important;
595
+ z-index: 1 !important;
596
+ top: 0px !important;
597
+ left: -16px !important;
598
+ cursor: wait !important;
599
+ }
600
+ div.coer-text-box mat-form-field .placeholder, div.coer-text-box mat-form-field .placeholder *,
601
+ div.coer-text-box mat-form-field .placeholder-glow, div.coer-text-box mat-form-field .placeholder-glow * {
602
+ cursor: wait !important;
603
+ }
604
+ div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field {
605
+ background-color: rgba(187, 187, 187, 0.5137254902) !important;
606
+ }
607
+
608
+ coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field {
609
+ background-color: transparent !important;
610
+ padding-left: 9px !important;
611
+ padding-right: 9px !important;
612
+ }
613
+ coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,
614
+ coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple::before,
615
+ coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple::after {
616
+ border-bottom-color: transparent !important;
617
+ }
618
+ coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex {
619
+ height: 28px !important;
620
+ }
621
+ coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix {
622
+ height: 28px !important;
623
+ }
624
+ coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input {
625
+ margin-top: 3px !important;
626
+ font-size: 14px !important;
627
+ }
628
+ coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container {
629
+ transform: translate(-5px, -6px) !important;
630
+ }
631
+
632
+ div.coer-textarea * {
633
+ --blue: #0d6efd;
634
+ --gray: #6c757d;
635
+ --green: #198754;
636
+ --yellow: #ffc107;
637
+ --red: #dc3545;
638
+ --white: #f5f5f5;
639
+ --black: #252525;
640
+ --orange: #fd6031;
641
+ }
642
+ div.coer-textarea .text-blue {
643
+ color: #0d6efd !important;
644
+ }
645
+ div.coer-textarea .text-blue-bold {
646
+ color: #0d6efd !important;
647
+ font-weight: bold !important;
648
+ }
649
+ div.coer-textarea .background-blue {
650
+ background-color: #0d6efd !important;
651
+ }
652
+ div.coer-textarea .background-border-blue {
653
+ background-color: #0d6efd !important;
654
+ border-color: #0d6efd !important;
655
+ }
656
+ div.coer-textarea .border-blue {
657
+ border-color: #0d6efd !important;
658
+ }
659
+ div.coer-textarea .text-gray {
660
+ color: #6c757d !important;
661
+ }
662
+ div.coer-textarea .text-gray-bold {
663
+ color: #6c757d !important;
664
+ font-weight: bold !important;
665
+ }
666
+ div.coer-textarea .background-gray {
667
+ background-color: #6c757d !important;
668
+ }
669
+ div.coer-textarea .background-border-gray {
670
+ background-color: #6c757d !important;
671
+ border-color: #6c757d !important;
672
+ }
673
+ div.coer-textarea .border-gray {
674
+ border-color: #6c757d !important;
675
+ }
676
+ div.coer-textarea .text-green {
677
+ color: #198754 !important;
678
+ }
679
+ div.coer-textarea .text-green-bold {
680
+ color: #198754 !important;
681
+ font-weight: bold !important;
682
+ }
683
+ div.coer-textarea .background-green {
684
+ background-color: #198754 !important;
685
+ }
686
+ div.coer-textarea .background-border-green {
687
+ background-color: #198754 !important;
688
+ border-color: #198754 !important;
689
+ }
690
+ div.coer-textarea .border-green {
691
+ border-color: #198754 !important;
692
+ }
693
+ div.coer-textarea .text-yellow {
694
+ color: #ffc107 !important;
695
+ }
696
+ div.coer-textarea .text-yellow-bold {
697
+ color: #ffc107 !important;
698
+ font-weight: bold !important;
699
+ }
700
+ div.coer-textarea .background-yellow {
701
+ background-color: #ffc107 !important;
702
+ }
703
+ div.coer-textarea .background-border-yellow {
704
+ background-color: #ffc107 !important;
705
+ border-color: #ffc107 !important;
706
+ }
707
+ div.coer-textarea .border-yellow {
708
+ border-color: #ffc107 !important;
709
+ }
710
+ div.coer-textarea .text-red {
711
+ color: #dc3545 !important;
712
+ }
713
+ div.coer-textarea .text-red-bold {
714
+ color: #dc3545 !important;
715
+ font-weight: bold !important;
716
+ }
717
+ div.coer-textarea .background-red {
718
+ background-color: #dc3545 !important;
719
+ }
720
+ div.coer-textarea .background-border-red {
721
+ background-color: #dc3545 !important;
722
+ border-color: #dc3545 !important;
723
+ }
724
+ div.coer-textarea .border-red {
725
+ border-color: #dc3545 !important;
726
+ }
727
+ div.coer-textarea .text-white {
728
+ color: #f5f5f5 !important;
729
+ }
730
+ div.coer-textarea .text-white-bold {
731
+ color: #f5f5f5 !important;
732
+ font-weight: bold !important;
733
+ }
734
+ div.coer-textarea .background-white {
735
+ background-color: #f5f5f5 !important;
736
+ }
737
+ div.coer-textarea .background-border-white {
738
+ background-color: #f5f5f5 !important;
739
+ border-color: #f5f5f5 !important;
740
+ }
741
+ div.coer-textarea .border-white {
742
+ border-color: #f5f5f5 !important;
743
+ }
744
+ div.coer-textarea .text-black {
745
+ color: #252525 !important;
746
+ }
747
+ div.coer-textarea .text-black-bold {
748
+ color: #252525 !important;
749
+ font-weight: bold !important;
750
+ }
751
+ div.coer-textarea .background-black {
752
+ background-color: #252525 !important;
753
+ }
754
+ div.coer-textarea .background-border-black {
755
+ background-color: #252525 !important;
756
+ border-color: #252525 !important;
757
+ }
758
+ div.coer-textarea .border-black {
759
+ border-color: #252525 !important;
760
+ }
761
+ div.coer-textarea .text-orange {
762
+ color: #fd6031 !important;
763
+ }
764
+ div.coer-textarea .text-orange-bold {
765
+ color: #fd6031 !important;
766
+ font-weight: bold !important;
767
+ }
768
+ div.coer-textarea .background-orange {
769
+ background-color: #fd6031 !important;
770
+ }
771
+ div.coer-textarea .background-border-orange {
772
+ background-color: #fd6031 !important;
773
+ border-color: #fd6031 !important;
774
+ }
775
+ div.coer-textarea .border-orange {
776
+ border-color: #fd6031 !important;
777
+ }
778
+ div.coer-textarea mat-form-field {
779
+ position: relative !important;
780
+ }
781
+ div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix {
782
+ width: 100% !important;
783
+ padding: 0px !important;
784
+ }
785
+ div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label {
786
+ overflow: visible !important;
787
+ position: absolute !important;
788
+ top: 20px !important;
789
+ }
790
+ div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label {
791
+ color: #fd6031;
792
+ font-weight: bold;
793
+ position: relative;
794
+ left: -10px;
795
+ top: 2px;
796
+ }
797
+ div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix textarea {
798
+ font-weight: normal !important;
799
+ font-size: 17px !important;
800
+ color: #252525 !important;
801
+ min-height: 80px;
802
+ }
803
+ div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,
804
+ div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::before,
805
+ div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::after {
806
+ border-bottom-color: #fd6031 !important;
807
+ }
808
+ div.coer-textarea mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
809
+ height: 0px !important;
810
+ }
811
+ div.coer-textarea mat-form-field span.icon-container {
812
+ position: absolute !important;
813
+ top: 1px !important;
814
+ right: -14px !important;
815
+ z-index: 5 !important;
816
+ width: 30px;
817
+ height: 40px;
818
+ display: flex;
819
+ align-items: center;
820
+ justify-content: center;
821
+ }
822
+ div.coer-textarea mat-form-field span.icon-container i {
823
+ font-size: 20px !important;
824
+ }
825
+ div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark,
826
+ div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass {
827
+ color: #caced1 !important;
828
+ cursor: pointer !important;
829
+ }
830
+ div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,
831
+ div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover {
832
+ color: #6c757d !important;
833
+ }
834
+ div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-check {
835
+ color: #198754 !important;
836
+ }
837
+ div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation {
838
+ color: #dc3545 !important;
839
+ }
840
+ div.coer-textarea mat-form-field span.placeholder {
841
+ width: calc(100% + 32px) !important;
842
+ height: 100% !important;
843
+ position: absolute !important;
844
+ z-index: 1 !important;
845
+ top: 0px !important;
846
+ left: -16px !important;
847
+ cursor: wait !important;
848
+ }
849
+ div.coer-textarea mat-form-field .placeholder, div.coer-textarea mat-form-field .placeholder *,
850
+ div.coer-textarea mat-form-field .placeholder-glow, div.coer-textarea mat-form-field .placeholder-glow * {
851
+ cursor: wait !important;
852
+ }
853
+ div.coer-textarea footer {
854
+ padding-top: 2px;
855
+ text-align: right;
856
+ font-size: 10px;
857
+ color: #6c757d;
858
+ }
859
+ div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field {
860
+ background-color: rgba(187, 187, 187, 0.5137254902) !important;
861
+ }
862
+
863
+ div.coer-select-box {
864
+ position: relative !important;
865
+ }
866
+ div.coer-select-box * {
867
+ --blue: #0d6efd;
868
+ --gray: #6c757d;
869
+ --green: #198754;
870
+ --yellow: #ffc107;
871
+ --red: #dc3545;
872
+ --white: #f5f5f5;
873
+ --black: #252525;
874
+ --orange: #fd6031;
875
+ }
876
+ div.coer-select-box .text-blue {
877
+ color: #0d6efd !important;
878
+ }
879
+ div.coer-select-box .text-blue-bold {
880
+ color: #0d6efd !important;
881
+ font-weight: bold !important;
882
+ }
883
+ div.coer-select-box .background-blue {
884
+ background-color: #0d6efd !important;
885
+ }
886
+ div.coer-select-box .background-border-blue {
887
+ background-color: #0d6efd !important;
888
+ border-color: #0d6efd !important;
889
+ }
890
+ div.coer-select-box .border-blue {
891
+ border-color: #0d6efd !important;
892
+ }
893
+ div.coer-select-box .text-gray {
894
+ color: #6c757d !important;
895
+ }
896
+ div.coer-select-box .text-gray-bold {
897
+ color: #6c757d !important;
898
+ font-weight: bold !important;
899
+ }
900
+ div.coer-select-box .background-gray {
901
+ background-color: #6c757d !important;
902
+ }
903
+ div.coer-select-box .background-border-gray {
904
+ background-color: #6c757d !important;
905
+ border-color: #6c757d !important;
906
+ }
907
+ div.coer-select-box .border-gray {
908
+ border-color: #6c757d !important;
909
+ }
910
+ div.coer-select-box .text-green {
911
+ color: #198754 !important;
912
+ }
913
+ div.coer-select-box .text-green-bold {
914
+ color: #198754 !important;
915
+ font-weight: bold !important;
916
+ }
917
+ div.coer-select-box .background-green {
918
+ background-color: #198754 !important;
919
+ }
920
+ div.coer-select-box .background-border-green {
921
+ background-color: #198754 !important;
922
+ border-color: #198754 !important;
923
+ }
924
+ div.coer-select-box .border-green {
925
+ border-color: #198754 !important;
926
+ }
927
+ div.coer-select-box .text-yellow {
928
+ color: #ffc107 !important;
929
+ }
930
+ div.coer-select-box .text-yellow-bold {
931
+ color: #ffc107 !important;
932
+ font-weight: bold !important;
933
+ }
934
+ div.coer-select-box .background-yellow {
935
+ background-color: #ffc107 !important;
936
+ }
937
+ div.coer-select-box .background-border-yellow {
938
+ background-color: #ffc107 !important;
939
+ border-color: #ffc107 !important;
940
+ }
941
+ div.coer-select-box .border-yellow {
942
+ border-color: #ffc107 !important;
943
+ }
944
+ div.coer-select-box .text-red {
945
+ color: #dc3545 !important;
946
+ }
947
+ div.coer-select-box .text-red-bold {
948
+ color: #dc3545 !important;
949
+ font-weight: bold !important;
950
+ }
951
+ div.coer-select-box .background-red {
952
+ background-color: #dc3545 !important;
953
+ }
954
+ div.coer-select-box .background-border-red {
955
+ background-color: #dc3545 !important;
956
+ border-color: #dc3545 !important;
957
+ }
958
+ div.coer-select-box .border-red {
959
+ border-color: #dc3545 !important;
960
+ }
961
+ div.coer-select-box .text-white {
962
+ color: #f5f5f5 !important;
963
+ }
964
+ div.coer-select-box .text-white-bold {
965
+ color: #f5f5f5 !important;
966
+ font-weight: bold !important;
967
+ }
968
+ div.coer-select-box .background-white {
969
+ background-color: #f5f5f5 !important;
970
+ }
971
+ div.coer-select-box .background-border-white {
972
+ background-color: #f5f5f5 !important;
973
+ border-color: #f5f5f5 !important;
974
+ }
975
+ div.coer-select-box .border-white {
976
+ border-color: #f5f5f5 !important;
977
+ }
978
+ div.coer-select-box .text-black {
979
+ color: #252525 !important;
980
+ }
981
+ div.coer-select-box .text-black-bold {
982
+ color: #252525 !important;
983
+ font-weight: bold !important;
984
+ }
985
+ div.coer-select-box .background-black {
986
+ background-color: #252525 !important;
987
+ }
988
+ div.coer-select-box .background-border-black {
989
+ background-color: #252525 !important;
990
+ border-color: #252525 !important;
991
+ }
992
+ div.coer-select-box .border-black {
993
+ border-color: #252525 !important;
994
+ }
995
+ div.coer-select-box .text-orange {
996
+ color: #fd6031 !important;
997
+ }
998
+ div.coer-select-box .text-orange-bold {
999
+ color: #fd6031 !important;
1000
+ font-weight: bold !important;
1001
+ }
1002
+ div.coer-select-box .background-orange {
1003
+ background-color: #fd6031 !important;
1004
+ }
1005
+ div.coer-select-box .background-border-orange {
1006
+ background-color: #fd6031 !important;
1007
+ border-color: #fd6031 !important;
1008
+ }
1009
+ div.coer-select-box .border-orange {
1010
+ border-color: #fd6031 !important;
1011
+ }
1012
+ div.coer-select-box mat-form-field {
1013
+ position: relative !important;
1014
+ }
1015
+ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex {
1016
+ height: 40px !important;
1017
+ }
1018
+ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix {
1019
+ width: 100% !important;
1020
+ height: 40px !important;
1021
+ padding: 0px !important;
1022
+ }
1023
+ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label {
1024
+ overflow: visible !important;
1025
+ position: absolute !important;
1026
+ top: 20px !important;
1027
+ }
1028
+ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label {
1029
+ color: #fd6031;
1030
+ font-weight: bold;
1031
+ position: relative;
1032
+ left: -10px;
1033
+ top: 2px;
1034
+ }
1035
+ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input {
1036
+ font-weight: normal !important;
1037
+ font-size: 17px !important;
1038
+ color: #252525 !important;
1039
+ }
1040
+ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,
1041
+ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::before,
1042
+ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::after {
1043
+ border-bottom-color: #fd6031 !important;
1044
+ }
1045
+ div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
1046
+ height: 0px !important;
1047
+ }
1048
+ div.coer-select-box mat-form-field span.icon-container {
1049
+ position: absolute !important;
1050
+ top: 1px !important;
1051
+ right: -14px !important;
1052
+ z-index: 5 !important;
1053
+ height: 40px;
1054
+ display: flex;
1055
+ align-items: center;
1056
+ justify-content: center;
1057
+ gap: 5px;
1058
+ }
1059
+ div.coer-select-box mat-form-field span.icon-container i {
1060
+ font-size: 20px !important;
1061
+ }
1062
+ div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark,
1063
+ div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass {
1064
+ color: #caced1 !important;
1065
+ cursor: pointer !important;
1066
+ }
1067
+ div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,
1068
+ div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover {
1069
+ color: #6c757d !important;
1070
+ }
1071
+ div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-check {
1072
+ color: #198754 !important;
1073
+ }
1074
+ div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation {
1075
+ color: #dc3545 !important;
1076
+ }
1077
+ div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark {
1078
+ font-size: 22px !important;
1079
+ padding: 2px !important;
1080
+ }
1081
+ div.coer-select-box mat-form-field span.placeholder {
1082
+ width: calc(100% + 32px) !important;
1083
+ height: 40px !important;
1084
+ position: absolute !important;
1085
+ z-index: 1 !important;
1086
+ top: 0px !important;
1087
+ left: -16px !important;
1088
+ cursor: wait !important;
1089
+ }
1090
+ div.coer-select-box mat-form-field .placeholder, div.coer-select-box mat-form-field .placeholder *,
1091
+ div.coer-select-box mat-form-field .placeholder-glow, div.coer-select-box mat-form-field .placeholder-glow * {
1092
+ cursor: wait !important;
1093
+ }
1094
+ div.coer-select-box .btn-group {
1095
+ position: absolute !important;
1096
+ top: 40px;
1097
+ left: 0px !important;
1098
+ width: 100% !important;
1099
+ }
1100
+ div.coer-select-box ul.dropdown-menu {
1101
+ background-color: white !important;
1102
+ border-top-left-radius: 0px !important;
1103
+ border-top-right-radius: 0px !important;
1104
+ max-height: 205px !important;
1105
+ width: 100% !important;
1106
+ overflow: auto !important;
1107
+ padding: 0px !important;
1108
+ }
1109
+ div.coer-select-box .dropdown-divider {
1110
+ margin: 0px !important;
1111
+ background-color: white !important;
1112
+ }
1113
+ div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,
1114
+ div.coer-select-box ul.dropdown-menu li > div:not(.dropdown-item-focus):hover {
1115
+ color: black !important;
1116
+ background-color: #f1f6ff !important;
1117
+ }
1118
+ div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,
1119
+ div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider:hover {
1120
+ width: 0px !important;
1121
+ border: none !important;
1122
+ }
1123
+ div.coer-select-box ul.dropdown-menu li div {
1124
+ display: flex !important;
1125
+ align-items: center !important;
1126
+ height: 40px !important;
1127
+ }
1128
+ div.coer-select-box div.dropdown-item-focus {
1129
+ background-color: #cde1ff;
1130
+ }
1131
+ div.coer-select-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field {
1132
+ background-color: rgba(187, 187, 187, 0.5137254902) !important;
1133
+ }
1134
+
1135
+ coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field {
1136
+ background-color: transparent !important;
1137
+ padding-left: 9px !important;
1138
+ padding-right: 9px !important;
1139
+ }
1140
+ coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,
1141
+ coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple::before,
1142
+ coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple::after {
1143
+ border-bottom-color: transparent !important;
1144
+ }
1145
+ coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex {
1146
+ height: 28px !important;
1147
+ }
1148
+ coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix {
1149
+ height: 28px !important;
1150
+ }
1151
+ coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input {
1152
+ margin-top: 3px !important;
1153
+ font-size: 14px !important;
1154
+ }
1155
+ coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field span.icon-container {
1156
+ transform: translate(-5px, -6px) !important;
1157
+ }
1158
+ coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group {
1159
+ top: 28px !important;
1160
+ }
1161
+
1162
+ div.coer-number-box * {
1163
+ --blue: #0d6efd;
1164
+ --gray: #6c757d;
1165
+ --green: #198754;
1166
+ --yellow: #ffc107;
1167
+ --red: #dc3545;
1168
+ --white: #f5f5f5;
1169
+ --black: #252525;
1170
+ --orange: #fd6031;
1171
+ }
1172
+ div.coer-number-box .text-blue {
1173
+ color: #0d6efd !important;
1174
+ }
1175
+ div.coer-number-box .text-blue-bold {
1176
+ color: #0d6efd !important;
1177
+ font-weight: bold !important;
1178
+ }
1179
+ div.coer-number-box .background-blue {
1180
+ background-color: #0d6efd !important;
1181
+ }
1182
+ div.coer-number-box .background-border-blue {
1183
+ background-color: #0d6efd !important;
1184
+ border-color: #0d6efd !important;
1185
+ }
1186
+ div.coer-number-box .border-blue {
1187
+ border-color: #0d6efd !important;
1188
+ }
1189
+ div.coer-number-box .text-gray {
1190
+ color: #6c757d !important;
1191
+ }
1192
+ div.coer-number-box .text-gray-bold {
1193
+ color: #6c757d !important;
1194
+ font-weight: bold !important;
1195
+ }
1196
+ div.coer-number-box .background-gray {
1197
+ background-color: #6c757d !important;
1198
+ }
1199
+ div.coer-number-box .background-border-gray {
1200
+ background-color: #6c757d !important;
1201
+ border-color: #6c757d !important;
1202
+ }
1203
+ div.coer-number-box .border-gray {
1204
+ border-color: #6c757d !important;
1205
+ }
1206
+ div.coer-number-box .text-green {
1207
+ color: #198754 !important;
1208
+ }
1209
+ div.coer-number-box .text-green-bold {
1210
+ color: #198754 !important;
1211
+ font-weight: bold !important;
1212
+ }
1213
+ div.coer-number-box .background-green {
1214
+ background-color: #198754 !important;
1215
+ }
1216
+ div.coer-number-box .background-border-green {
1217
+ background-color: #198754 !important;
1218
+ border-color: #198754 !important;
1219
+ }
1220
+ div.coer-number-box .border-green {
1221
+ border-color: #198754 !important;
1222
+ }
1223
+ div.coer-number-box .text-yellow {
1224
+ color: #ffc107 !important;
1225
+ }
1226
+ div.coer-number-box .text-yellow-bold {
1227
+ color: #ffc107 !important;
1228
+ font-weight: bold !important;
1229
+ }
1230
+ div.coer-number-box .background-yellow {
1231
+ background-color: #ffc107 !important;
1232
+ }
1233
+ div.coer-number-box .background-border-yellow {
1234
+ background-color: #ffc107 !important;
1235
+ border-color: #ffc107 !important;
1236
+ }
1237
+ div.coer-number-box .border-yellow {
1238
+ border-color: #ffc107 !important;
1239
+ }
1240
+ div.coer-number-box .text-red {
1241
+ color: #dc3545 !important;
1242
+ }
1243
+ div.coer-number-box .text-red-bold {
1244
+ color: #dc3545 !important;
1245
+ font-weight: bold !important;
1246
+ }
1247
+ div.coer-number-box .background-red {
1248
+ background-color: #dc3545 !important;
1249
+ }
1250
+ div.coer-number-box .background-border-red {
1251
+ background-color: #dc3545 !important;
1252
+ border-color: #dc3545 !important;
1253
+ }
1254
+ div.coer-number-box .border-red {
1255
+ border-color: #dc3545 !important;
1256
+ }
1257
+ div.coer-number-box .text-white {
1258
+ color: #f5f5f5 !important;
1259
+ }
1260
+ div.coer-number-box .text-white-bold {
1261
+ color: #f5f5f5 !important;
1262
+ font-weight: bold !important;
1263
+ }
1264
+ div.coer-number-box .background-white {
1265
+ background-color: #f5f5f5 !important;
1266
+ }
1267
+ div.coer-number-box .background-border-white {
1268
+ background-color: #f5f5f5 !important;
1269
+ border-color: #f5f5f5 !important;
1270
+ }
1271
+ div.coer-number-box .border-white {
1272
+ border-color: #f5f5f5 !important;
1273
+ }
1274
+ div.coer-number-box .text-black {
1275
+ color: #252525 !important;
1276
+ }
1277
+ div.coer-number-box .text-black-bold {
1278
+ color: #252525 !important;
1279
+ font-weight: bold !important;
1280
+ }
1281
+ div.coer-number-box .background-black {
1282
+ background-color: #252525 !important;
1283
+ }
1284
+ div.coer-number-box .background-border-black {
1285
+ background-color: #252525 !important;
1286
+ border-color: #252525 !important;
1287
+ }
1288
+ div.coer-number-box .border-black {
1289
+ border-color: #252525 !important;
1290
+ }
1291
+ div.coer-number-box .text-orange {
1292
+ color: #fd6031 !important;
1293
+ }
1294
+ div.coer-number-box .text-orange-bold {
1295
+ color: #fd6031 !important;
1296
+ font-weight: bold !important;
1297
+ }
1298
+ div.coer-number-box .background-orange {
1299
+ background-color: #fd6031 !important;
1300
+ }
1301
+ div.coer-number-box .background-border-orange {
1302
+ background-color: #fd6031 !important;
1303
+ border-color: #fd6031 !important;
1304
+ }
1305
+ div.coer-number-box .border-orange {
1306
+ border-color: #fd6031 !important;
1307
+ }
1308
+ div.coer-number-box mat-form-field {
1309
+ position: relative !important;
1310
+ }
1311
+ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex {
1312
+ height: 40px !important;
1313
+ }
1314
+ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix {
1315
+ width: 100% !important;
1316
+ height: 40px !important;
1317
+ padding: 0px !important;
1318
+ }
1319
+ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label {
1320
+ overflow: visible !important;
1321
+ position: absolute !important;
1322
+ top: 20px !important;
1323
+ }
1324
+ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label {
1325
+ color: #fd6031;
1326
+ font-weight: bold;
1327
+ position: relative;
1328
+ left: -10px;
1329
+ top: 2px;
1330
+ }
1331
+ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input {
1332
+ font-weight: normal !important;
1333
+ font-size: 17px !important;
1334
+ color: #252525 !important;
1335
+ }
1336
+ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input.caret-none {
1337
+ caret-color: transparent !important;
1338
+ }
1339
+ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,
1340
+ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::before,
1341
+ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::after {
1342
+ border-bottom-color: #fd6031 !important;
1343
+ }
1344
+ div.coer-number-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
1345
+ height: 0px !important;
1346
+ }
1347
+ div.coer-number-box mat-form-field span.icon-container {
1348
+ position: absolute !important;
1349
+ top: 1px !important;
1350
+ right: -14px !important;
1351
+ z-index: 5 !important;
1352
+ width: 30px;
1353
+ height: 40px;
1354
+ display: flex;
1355
+ align-items: center;
1356
+ justify-content: center;
1357
+ }
1358
+ div.coer-number-box mat-form-field span.icon-container i {
1359
+ font-size: 20px !important;
1360
+ }
1361
+ div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark,
1362
+ div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass {
1363
+ color: #caced1 !important;
1364
+ cursor: pointer !important;
1365
+ }
1366
+ div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,
1367
+ div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover {
1368
+ color: #6c757d !important;
1369
+ }
1370
+ div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-check {
1371
+ color: #198754 !important;
1372
+ }
1373
+ div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation {
1374
+ color: #dc3545 !important;
1375
+ }
1376
+ div.coer-number-box mat-form-field span.placeholder {
1377
+ width: calc(100% + 32px) !important;
1378
+ height: 40px !important;
1379
+ position: absolute !important;
1380
+ z-index: 1 !important;
1381
+ top: 0px !important;
1382
+ left: -16px !important;
1383
+ }
1384
+ div.coer-number-box mat-form-field .placeholder, div.coer-number-box mat-form-field .placeholder *,
1385
+ div.coer-number-box mat-form-field .placeholder-glow, div.coer-number-box mat-form-field .placeholder-glow * {
1386
+ cursor: wait !important;
1387
+ }
1388
+ div.coer-number-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field {
1389
+ background-color: rgba(187, 187, 187, 0.5137254902) !important;
1390
+ }
1391
+
1392
+ coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field {
1393
+ background-color: transparent !important;
1394
+ padding-left: 9px !important;
1395
+ padding-right: 9px !important;
1396
+ }
1397
+ coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,
1398
+ coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple::before,
1399
+ coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple::after {
1400
+ border-bottom-color: transparent !important;
1401
+ }
1402
+ coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex {
1403
+ height: 28px !important;
1404
+ }
1405
+ coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix {
1406
+ height: 28px !important;
1407
+ }
1408
+ coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input {
1409
+ margin-top: 3px !important;
1410
+ font-size: 14px !important;
1411
+ }
1412
+ coer-grid table tbody tr td.coer-numberbox mat-form-field span.icon-container {
1413
+ transform: translate(-5px, -6px) !important;
1414
+ }
1415
+
1416
+ div.coer-switch {
1417
+ height: 40px;
1418
+ display: flex !important;
1419
+ align-items: center !important;
1420
+ position: relative !important;
1421
+ }
1422
+ div.coer-switch * {
1423
+ --blue: #0d6efd;
1424
+ --gray: #6c757d;
1425
+ --green: #198754;
1426
+ --yellow: #ffc107;
1427
+ --red: #dc3545;
1428
+ --white: #f5f5f5;
1429
+ --black: #252525;
1430
+ --orange: #fd6031;
1431
+ }
1432
+ div.coer-switch .text-blue {
1433
+ color: #0d6efd !important;
1434
+ }
1435
+ div.coer-switch .text-blue-bold {
1436
+ color: #0d6efd !important;
1437
+ font-weight: bold !important;
1438
+ }
1439
+ div.coer-switch .background-blue {
1440
+ background-color: #0d6efd !important;
1441
+ }
1442
+ div.coer-switch .background-border-blue {
1443
+ background-color: #0d6efd !important;
1444
+ border-color: #0d6efd !important;
1445
+ }
1446
+ div.coer-switch .border-blue {
1447
+ border-color: #0d6efd !important;
1448
+ }
1449
+ div.coer-switch .text-gray {
1450
+ color: #6c757d !important;
1451
+ }
1452
+ div.coer-switch .text-gray-bold {
1453
+ color: #6c757d !important;
1454
+ font-weight: bold !important;
1455
+ }
1456
+ div.coer-switch .background-gray {
1457
+ background-color: #6c757d !important;
1458
+ }
1459
+ div.coer-switch .background-border-gray {
1460
+ background-color: #6c757d !important;
1461
+ border-color: #6c757d !important;
1462
+ }
1463
+ div.coer-switch .border-gray {
1464
+ border-color: #6c757d !important;
1465
+ }
1466
+ div.coer-switch .text-green {
1467
+ color: #198754 !important;
1468
+ }
1469
+ div.coer-switch .text-green-bold {
1470
+ color: #198754 !important;
1471
+ font-weight: bold !important;
1472
+ }
1473
+ div.coer-switch .background-green {
1474
+ background-color: #198754 !important;
1475
+ }
1476
+ div.coer-switch .background-border-green {
1477
+ background-color: #198754 !important;
1478
+ border-color: #198754 !important;
1479
+ }
1480
+ div.coer-switch .border-green {
1481
+ border-color: #198754 !important;
1482
+ }
1483
+ div.coer-switch .text-yellow {
1484
+ color: #ffc107 !important;
1485
+ }
1486
+ div.coer-switch .text-yellow-bold {
1487
+ color: #ffc107 !important;
1488
+ font-weight: bold !important;
1489
+ }
1490
+ div.coer-switch .background-yellow {
1491
+ background-color: #ffc107 !important;
1492
+ }
1493
+ div.coer-switch .background-border-yellow {
1494
+ background-color: #ffc107 !important;
1495
+ border-color: #ffc107 !important;
1496
+ }
1497
+ div.coer-switch .border-yellow {
1498
+ border-color: #ffc107 !important;
1499
+ }
1500
+ div.coer-switch .text-red {
1501
+ color: #dc3545 !important;
1502
+ }
1503
+ div.coer-switch .text-red-bold {
1504
+ color: #dc3545 !important;
1505
+ font-weight: bold !important;
1506
+ }
1507
+ div.coer-switch .background-red {
1508
+ background-color: #dc3545 !important;
1509
+ }
1510
+ div.coer-switch .background-border-red {
1511
+ background-color: #dc3545 !important;
1512
+ border-color: #dc3545 !important;
1513
+ }
1514
+ div.coer-switch .border-red {
1515
+ border-color: #dc3545 !important;
1516
+ }
1517
+ div.coer-switch .text-white {
1518
+ color: #f5f5f5 !important;
1519
+ }
1520
+ div.coer-switch .text-white-bold {
1521
+ color: #f5f5f5 !important;
1522
+ font-weight: bold !important;
1523
+ }
1524
+ div.coer-switch .background-white {
1525
+ background-color: #f5f5f5 !important;
1526
+ }
1527
+ div.coer-switch .background-border-white {
1528
+ background-color: #f5f5f5 !important;
1529
+ border-color: #f5f5f5 !important;
1530
+ }
1531
+ div.coer-switch .border-white {
1532
+ border-color: #f5f5f5 !important;
1533
+ }
1534
+ div.coer-switch .text-black {
1535
+ color: #252525 !important;
1536
+ }
1537
+ div.coer-switch .text-black-bold {
1538
+ color: #252525 !important;
1539
+ font-weight: bold !important;
1540
+ }
1541
+ div.coer-switch .background-black {
1542
+ background-color: #252525 !important;
1543
+ }
1544
+ div.coer-switch .background-border-black {
1545
+ background-color: #252525 !important;
1546
+ border-color: #252525 !important;
1547
+ }
1548
+ div.coer-switch .border-black {
1549
+ border-color: #252525 !important;
1550
+ }
1551
+ div.coer-switch .text-orange {
1552
+ color: #fd6031 !important;
1553
+ }
1554
+ div.coer-switch .text-orange-bold {
1555
+ color: #fd6031 !important;
1556
+ font-weight: bold !important;
1557
+ }
1558
+ div.coer-switch .background-orange {
1559
+ background-color: #fd6031 !important;
1560
+ }
1561
+ div.coer-switch .background-border-orange {
1562
+ background-color: #fd6031 !important;
1563
+ border-color: #fd6031 !important;
1564
+ }
1565
+ div.coer-switch .border-orange {
1566
+ border-color: #fd6031 !important;
1567
+ }
1568
+ div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button div.mdc-switch__track::after {
1569
+ background-color: #fd6031 !important;
1570
+ filter: opacity(0.6) !important;
1571
+ }
1572
+ div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button div.mdc-switch__handle-track div.mdc-switch__ripple {
1573
+ width: 30px !important;
1574
+ height: 30px !important;
1575
+ }
1576
+ div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked div.mdc-switch__handle-track div.mdc-switch__handle div.mdc-switch__icons {
1577
+ background-color: #fd6031 !important;
1578
+ border-radius: 20px !important;
1579
+ }
1580
+ div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,
1581
+ div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label::selection {
1582
+ font-weight: normal;
1583
+ background-color: transparent !important;
1584
+ font-size: 17px !important;
1585
+ }
1586
+ div.coer-switch .placeholder {
1587
+ display: flex !important;
1588
+ height: 27px !important;
1589
+ }
1590
+ div.coer-switch .placeholder, div.coer-switch .placeholder *,
1591
+ div.coer-switch .placeholder-glow, div.coer-switch .placeholder-glow * {
1592
+ cursor: wait !important;
1593
+ }
1594
+
1595
+ coer-grid div.coer-switch {
1596
+ height: 20px !important;
1597
+ justify-content: center !important;
1598
+ }
1599
+
1600
+ div.coer-checkbox * {
1601
+ --blue: #0d6efd;
1602
+ --gray: #6c757d;
1603
+ --green: #198754;
1604
+ --yellow: #ffc107;
1605
+ --red: #dc3545;
1606
+ --white: #f5f5f5;
1607
+ --black: #252525;
1608
+ --orange: #fd6031;
1609
+ }
1610
+ div.coer-checkbox .text-blue {
1611
+ color: #0d6efd !important;
1612
+ }
1613
+ div.coer-checkbox .text-blue-bold {
1614
+ color: #0d6efd !important;
1615
+ font-weight: bold !important;
1616
+ }
1617
+ div.coer-checkbox .background-blue {
1618
+ background-color: #0d6efd !important;
1619
+ }
1620
+ div.coer-checkbox .background-border-blue {
1621
+ background-color: #0d6efd !important;
1622
+ border-color: #0d6efd !important;
1623
+ }
1624
+ div.coer-checkbox .border-blue {
1625
+ border-color: #0d6efd !important;
1626
+ }
1627
+ div.coer-checkbox .text-gray {
1628
+ color: #6c757d !important;
1629
+ }
1630
+ div.coer-checkbox .text-gray-bold {
1631
+ color: #6c757d !important;
1632
+ font-weight: bold !important;
1633
+ }
1634
+ div.coer-checkbox .background-gray {
1635
+ background-color: #6c757d !important;
1636
+ }
1637
+ div.coer-checkbox .background-border-gray {
1638
+ background-color: #6c757d !important;
1639
+ border-color: #6c757d !important;
1640
+ }
1641
+ div.coer-checkbox .border-gray {
1642
+ border-color: #6c757d !important;
1643
+ }
1644
+ div.coer-checkbox .text-green {
1645
+ color: #198754 !important;
1646
+ }
1647
+ div.coer-checkbox .text-green-bold {
1648
+ color: #198754 !important;
1649
+ font-weight: bold !important;
1650
+ }
1651
+ div.coer-checkbox .background-green {
1652
+ background-color: #198754 !important;
1653
+ }
1654
+ div.coer-checkbox .background-border-green {
1655
+ background-color: #198754 !important;
1656
+ border-color: #198754 !important;
1657
+ }
1658
+ div.coer-checkbox .border-green {
1659
+ border-color: #198754 !important;
1660
+ }
1661
+ div.coer-checkbox .text-yellow {
1662
+ color: #ffc107 !important;
1663
+ }
1664
+ div.coer-checkbox .text-yellow-bold {
1665
+ color: #ffc107 !important;
1666
+ font-weight: bold !important;
1667
+ }
1668
+ div.coer-checkbox .background-yellow {
1669
+ background-color: #ffc107 !important;
1670
+ }
1671
+ div.coer-checkbox .background-border-yellow {
1672
+ background-color: #ffc107 !important;
1673
+ border-color: #ffc107 !important;
1674
+ }
1675
+ div.coer-checkbox .border-yellow {
1676
+ border-color: #ffc107 !important;
1677
+ }
1678
+ div.coer-checkbox .text-red {
1679
+ color: #dc3545 !important;
1680
+ }
1681
+ div.coer-checkbox .text-red-bold {
1682
+ color: #dc3545 !important;
1683
+ font-weight: bold !important;
1684
+ }
1685
+ div.coer-checkbox .background-red {
1686
+ background-color: #dc3545 !important;
1687
+ }
1688
+ div.coer-checkbox .background-border-red {
1689
+ background-color: #dc3545 !important;
1690
+ border-color: #dc3545 !important;
1691
+ }
1692
+ div.coer-checkbox .border-red {
1693
+ border-color: #dc3545 !important;
1694
+ }
1695
+ div.coer-checkbox .text-white {
1696
+ color: #f5f5f5 !important;
1697
+ }
1698
+ div.coer-checkbox .text-white-bold {
1699
+ color: #f5f5f5 !important;
1700
+ font-weight: bold !important;
1701
+ }
1702
+ div.coer-checkbox .background-white {
1703
+ background-color: #f5f5f5 !important;
1704
+ }
1705
+ div.coer-checkbox .background-border-white {
1706
+ background-color: #f5f5f5 !important;
1707
+ border-color: #f5f5f5 !important;
1708
+ }
1709
+ div.coer-checkbox .border-white {
1710
+ border-color: #f5f5f5 !important;
1711
+ }
1712
+ div.coer-checkbox .text-black {
1713
+ color: #252525 !important;
1714
+ }
1715
+ div.coer-checkbox .text-black-bold {
1716
+ color: #252525 !important;
1717
+ font-weight: bold !important;
1718
+ }
1719
+ div.coer-checkbox .background-black {
1720
+ background-color: #252525 !important;
1721
+ }
1722
+ div.coer-checkbox .background-border-black {
1723
+ background-color: #252525 !important;
1724
+ border-color: #252525 !important;
1725
+ }
1726
+ div.coer-checkbox .border-black {
1727
+ border-color: #252525 !important;
1728
+ }
1729
+ div.coer-checkbox .text-orange {
1730
+ color: #fd6031 !important;
1731
+ }
1732
+ div.coer-checkbox .text-orange-bold {
1733
+ color: #fd6031 !important;
1734
+ font-weight: bold !important;
1735
+ }
1736
+ div.coer-checkbox .background-orange {
1737
+ background-color: #fd6031 !important;
1738
+ }
1739
+ div.coer-checkbox .background-border-orange {
1740
+ background-color: #fd6031 !important;
1741
+ border-color: #fd6031 !important;
1742
+ }
1743
+ div.coer-checkbox .border-orange {
1744
+ border-color: #fd6031 !important;
1745
+ }
1746
+ div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox {
1747
+ padding: 10px !important;
1748
+ }
1749
+ div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background {
1750
+ background-color: #f5f5f5 !important;
1751
+ border-radius: 5px !important;
1752
+ }
1753
+ div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple {
1754
+ width: 30px !important;
1755
+ height: 30px !important;
1756
+ top: 5px !important;
1757
+ left: 5px !important;
1758
+ }
1759
+ div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-ripple.mat-mdc-checkbox-ripple.mat-mdc-focus-indicator * {
1760
+ display: none !important;
1761
+ }
1762
+ div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label {
1763
+ padding-top: 3px !important;
1764
+ padding-left: 0px !important;
1765
+ }
1766
+ div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label::selection {
1767
+ background-color: transparent !important;
1768
+ }
1769
+ div.coer-checkbox mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background {
1770
+ background-color: #fd6031 !important;
1771
+ border-color: #fd6031 !important;
1772
+ }
1773
+
1774
+ coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox,
1775
+ coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox {
1776
+ padding: 0px !important;
1777
+ }
1778
+ coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target,
1779
+ coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target {
1780
+ top: 8px !important;
1781
+ width: 39px !important;
1782
+ height: 30px !important;
1783
+ }
1784
+ coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input,
1785
+ coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input {
1786
+ display: none !important;
1787
+ }
1788
+ coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple,
1789
+ coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple {
1790
+ top: -7px !important;
1791
+ left: -6px !important;
1792
+ }
1793
+ coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background,
1794
+ coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background {
1795
+ transform: translate(0px, -1px) !important;
1796
+ position: static !important;
1797
+ }
1798
+ coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label,
1799
+ coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field label.mdc-label {
1800
+ display: none !important;
1801
+ }
1802
+
1803
+ div.coer-tab * {
1804
+ --blue: #0d6efd;
1805
+ --gray: #6c757d;
1806
+ --green: #198754;
1807
+ --yellow: #ffc107;
1808
+ --red: #dc3545;
1809
+ --white: #f5f5f5;
1810
+ --black: #252525;
1811
+ --orange: #fd6031;
1812
+ }
1813
+ div.coer-tab .text-blue {
1814
+ color: #0d6efd !important;
1815
+ }
1816
+ div.coer-tab .text-blue-bold {
1817
+ color: #0d6efd !important;
1818
+ font-weight: bold !important;
1819
+ }
1820
+ div.coer-tab .background-blue {
1821
+ background-color: #0d6efd !important;
1822
+ }
1823
+ div.coer-tab .background-border-blue {
1824
+ background-color: #0d6efd !important;
1825
+ border-color: #0d6efd !important;
1826
+ }
1827
+ div.coer-tab .border-blue {
1828
+ border-color: #0d6efd !important;
1829
+ }
1830
+ div.coer-tab .text-gray {
1831
+ color: #6c757d !important;
1832
+ }
1833
+ div.coer-tab .text-gray-bold {
1834
+ color: #6c757d !important;
1835
+ font-weight: bold !important;
1836
+ }
1837
+ div.coer-tab .background-gray {
1838
+ background-color: #6c757d !important;
1839
+ }
1840
+ div.coer-tab .background-border-gray {
1841
+ background-color: #6c757d !important;
1842
+ border-color: #6c757d !important;
1843
+ }
1844
+ div.coer-tab .border-gray {
1845
+ border-color: #6c757d !important;
1846
+ }
1847
+ div.coer-tab .text-green {
1848
+ color: #198754 !important;
1849
+ }
1850
+ div.coer-tab .text-green-bold {
1851
+ color: #198754 !important;
1852
+ font-weight: bold !important;
1853
+ }
1854
+ div.coer-tab .background-green {
1855
+ background-color: #198754 !important;
1856
+ }
1857
+ div.coer-tab .background-border-green {
1858
+ background-color: #198754 !important;
1859
+ border-color: #198754 !important;
1860
+ }
1861
+ div.coer-tab .border-green {
1862
+ border-color: #198754 !important;
1863
+ }
1864
+ div.coer-tab .text-yellow {
1865
+ color: #ffc107 !important;
1866
+ }
1867
+ div.coer-tab .text-yellow-bold {
1868
+ color: #ffc107 !important;
1869
+ font-weight: bold !important;
1870
+ }
1871
+ div.coer-tab .background-yellow {
1872
+ background-color: #ffc107 !important;
1873
+ }
1874
+ div.coer-tab .background-border-yellow {
1875
+ background-color: #ffc107 !important;
1876
+ border-color: #ffc107 !important;
1877
+ }
1878
+ div.coer-tab .border-yellow {
1879
+ border-color: #ffc107 !important;
1880
+ }
1881
+ div.coer-tab .text-red {
1882
+ color: #dc3545 !important;
1883
+ }
1884
+ div.coer-tab .text-red-bold {
1885
+ color: #dc3545 !important;
1886
+ font-weight: bold !important;
1887
+ }
1888
+ div.coer-tab .background-red {
1889
+ background-color: #dc3545 !important;
1890
+ }
1891
+ div.coer-tab .background-border-red {
1892
+ background-color: #dc3545 !important;
1893
+ border-color: #dc3545 !important;
1894
+ }
1895
+ div.coer-tab .border-red {
1896
+ border-color: #dc3545 !important;
1897
+ }
1898
+ div.coer-tab .text-white {
1899
+ color: #f5f5f5 !important;
1900
+ }
1901
+ div.coer-tab .text-white-bold {
1902
+ color: #f5f5f5 !important;
1903
+ font-weight: bold !important;
1904
+ }
1905
+ div.coer-tab .background-white {
1906
+ background-color: #f5f5f5 !important;
1907
+ }
1908
+ div.coer-tab .background-border-white {
1909
+ background-color: #f5f5f5 !important;
1910
+ border-color: #f5f5f5 !important;
1911
+ }
1912
+ div.coer-tab .border-white {
1913
+ border-color: #f5f5f5 !important;
1914
+ }
1915
+ div.coer-tab .text-black {
1916
+ color: #252525 !important;
1917
+ }
1918
+ div.coer-tab .text-black-bold {
1919
+ color: #252525 !important;
1920
+ font-weight: bold !important;
1921
+ }
1922
+ div.coer-tab .background-black {
1923
+ background-color: #252525 !important;
1924
+ }
1925
+ div.coer-tab .background-border-black {
1926
+ background-color: #252525 !important;
1927
+ border-color: #252525 !important;
1928
+ }
1929
+ div.coer-tab .border-black {
1930
+ border-color: #252525 !important;
1931
+ }
1932
+ div.coer-tab .text-orange {
1933
+ color: #fd6031 !important;
1934
+ }
1935
+ div.coer-tab .text-orange-bold {
1936
+ color: #fd6031 !important;
1937
+ font-weight: bold !important;
1938
+ }
1939
+ div.coer-tab .background-orange {
1940
+ background-color: #fd6031 !important;
1941
+ }
1942
+ div.coer-tab .background-border-orange {
1943
+ background-color: #fd6031 !important;
1944
+ border-color: #fd6031 !important;
1945
+ }
1946
+ div.coer-tab .border-orange {
1947
+ border-color: #fd6031 !important;
1948
+ }
1949
+ div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header {
1950
+ background-color: rgba(245, 245, 245, 0.384) !important;
1951
+ border-bottom: 1px solid whitesmoke !important;
1952
+ }
1953
+ div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab {
1954
+ padding: 0px !important;
1955
+ height: 35px !important;
1956
+ }
1957
+ div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active * {
1958
+ color: #fd6031 !important;
1959
+ border-color: #fd6031 !important;
1960
+ }
1961
+ div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab {
1962
+ padding: 10px 20px !important;
1963
+ }
1964
+ div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper {
1965
+ overflow: visible !important;
1966
+ }
1967
+ div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body {
1968
+ overflow: visible !important;
1969
+ }
1970
+ div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content {
1971
+ width: auto !important;
1972
+ overflow: visible !important;
1973
+ }
1974
+ div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content {
1975
+ padding: 5px;
1976
+ }
1977
+
1978
+ .tooltip-inner {
1979
+ min-width: 125px;
1980
+ max-width: 250px;
1981
+ min-height: 35px;
1982
+ display: flex;
1983
+ align-items: center;
1984
+ justify-content: center;
1985
+ word-break: break-word;
1986
+ }
1987
+
1988
+ .invisible {
1989
+ visibility: hidden !important;
1990
+ width: 0px !important;
1991
+ height: 0px !important;
1992
+ }
1993
+
1994
+ header.coer-page-title {
1995
+ margin: 15px 30px 0px 30px;
1996
+ }
1997
+ header.coer-page-title * {
1998
+ --blue: #0d6efd;
1999
+ --gray: #6c757d;
2000
+ --green: #198754;
2001
+ --yellow: #ffc107;
2002
+ --red: #dc3545;
2003
+ --white: #f5f5f5;
2004
+ --black: #252525;
2005
+ --orange: #fd6031;
2006
+ }
2007
+ header.coer-page-title .text-blue {
2008
+ color: #0d6efd !important;
2009
+ }
2010
+ header.coer-page-title .text-blue-bold {
2011
+ color: #0d6efd !important;
2012
+ font-weight: bold !important;
2013
+ }
2014
+ header.coer-page-title .background-blue {
2015
+ background-color: #0d6efd !important;
2016
+ }
2017
+ header.coer-page-title .background-border-blue {
2018
+ background-color: #0d6efd !important;
2019
+ border-color: #0d6efd !important;
2020
+ }
2021
+ header.coer-page-title .border-blue {
2022
+ border-color: #0d6efd !important;
2023
+ }
2024
+ header.coer-page-title .text-gray {
2025
+ color: #6c757d !important;
2026
+ }
2027
+ header.coer-page-title .text-gray-bold {
2028
+ color: #6c757d !important;
2029
+ font-weight: bold !important;
2030
+ }
2031
+ header.coer-page-title .background-gray {
2032
+ background-color: #6c757d !important;
2033
+ }
2034
+ header.coer-page-title .background-border-gray {
2035
+ background-color: #6c757d !important;
2036
+ border-color: #6c757d !important;
2037
+ }
2038
+ header.coer-page-title .border-gray {
2039
+ border-color: #6c757d !important;
2040
+ }
2041
+ header.coer-page-title .text-green {
2042
+ color: #198754 !important;
2043
+ }
2044
+ header.coer-page-title .text-green-bold {
2045
+ color: #198754 !important;
2046
+ font-weight: bold !important;
2047
+ }
2048
+ header.coer-page-title .background-green {
2049
+ background-color: #198754 !important;
2050
+ }
2051
+ header.coer-page-title .background-border-green {
2052
+ background-color: #198754 !important;
2053
+ border-color: #198754 !important;
2054
+ }
2055
+ header.coer-page-title .border-green {
2056
+ border-color: #198754 !important;
2057
+ }
2058
+ header.coer-page-title .text-yellow {
2059
+ color: #ffc107 !important;
2060
+ }
2061
+ header.coer-page-title .text-yellow-bold {
2062
+ color: #ffc107 !important;
2063
+ font-weight: bold !important;
2064
+ }
2065
+ header.coer-page-title .background-yellow {
2066
+ background-color: #ffc107 !important;
2067
+ }
2068
+ header.coer-page-title .background-border-yellow {
2069
+ background-color: #ffc107 !important;
2070
+ border-color: #ffc107 !important;
2071
+ }
2072
+ header.coer-page-title .border-yellow {
2073
+ border-color: #ffc107 !important;
2074
+ }
2075
+ header.coer-page-title .text-red {
2076
+ color: #dc3545 !important;
2077
+ }
2078
+ header.coer-page-title .text-red-bold {
2079
+ color: #dc3545 !important;
2080
+ font-weight: bold !important;
2081
+ }
2082
+ header.coer-page-title .background-red {
2083
+ background-color: #dc3545 !important;
2084
+ }
2085
+ header.coer-page-title .background-border-red {
2086
+ background-color: #dc3545 !important;
2087
+ border-color: #dc3545 !important;
2088
+ }
2089
+ header.coer-page-title .border-red {
2090
+ border-color: #dc3545 !important;
2091
+ }
2092
+ header.coer-page-title .text-white {
2093
+ color: #f5f5f5 !important;
2094
+ }
2095
+ header.coer-page-title .text-white-bold {
2096
+ color: #f5f5f5 !important;
2097
+ font-weight: bold !important;
2098
+ }
2099
+ header.coer-page-title .background-white {
2100
+ background-color: #f5f5f5 !important;
2101
+ }
2102
+ header.coer-page-title .background-border-white {
2103
+ background-color: #f5f5f5 !important;
2104
+ border-color: #f5f5f5 !important;
2105
+ }
2106
+ header.coer-page-title .border-white {
2107
+ border-color: #f5f5f5 !important;
2108
+ }
2109
+ header.coer-page-title .text-black {
2110
+ color: #252525 !important;
2111
+ }
2112
+ header.coer-page-title .text-black-bold {
2113
+ color: #252525 !important;
2114
+ font-weight: bold !important;
2115
+ }
2116
+ header.coer-page-title .background-black {
2117
+ background-color: #252525 !important;
2118
+ }
2119
+ header.coer-page-title .background-border-black {
2120
+ background-color: #252525 !important;
2121
+ border-color: #252525 !important;
2122
+ }
2123
+ header.coer-page-title .border-black {
2124
+ border-color: #252525 !important;
2125
+ }
2126
+ header.coer-page-title .text-orange {
2127
+ color: #fd6031 !important;
2128
+ }
2129
+ header.coer-page-title .text-orange-bold {
2130
+ color: #fd6031 !important;
2131
+ font-weight: bold !important;
2132
+ }
2133
+ header.coer-page-title .background-orange {
2134
+ background-color: #fd6031 !important;
2135
+ }
2136
+ header.coer-page-title .background-border-orange {
2137
+ background-color: #fd6031 !important;
2138
+ border-color: #fd6031 !important;
2139
+ }
2140
+ header.coer-page-title .border-orange {
2141
+ border-color: #fd6031 !important;
2142
+ }
2143
+ header.coer-page-title h2 {
2144
+ margin: 0px 0px 10px 0px;
2145
+ display: flex;
2146
+ align-items: center;
2147
+ justify-content: space-between;
2148
+ height: 20px;
2149
+ font-size: 20px;
2150
+ }
2151
+ header.coer-page-title h2 span {
2152
+ font-size: 20px !important;
2153
+ }
2154
+ header.coer-page-title nav {
2155
+ height: 25px;
2156
+ font-size: small;
2157
+ background-color: whitesmoke;
2158
+ display: flex;
2159
+ align-items: center;
2160
+ justify-content: space-between;
2161
+ }
2162
+ header.coer-page-title ol, header.coer-page-title a, header.coer-page-title .bi-info-circle {
2163
+ margin: 0px;
2164
+ padding-left: 5px;
2165
+ text-decoration: none;
2166
+ color: #0d6efd !important;
2167
+ font-weight: normal !important;
2168
+ cursor: pointer !important;
2169
+ }
2170
+ header.coer-page-title ol::selection, header.coer-page-title a::selection {
2171
+ background-color: transparent !important;
2172
+ }
2173
+ header.coer-page-title li {
2174
+ border: none;
2175
+ }
2176
+ header.coer-page-title li.list-group-item a {
2177
+ color: #fd6031 !important;
2178
+ }
2179
+ header.coer-page-title button {
2180
+ border: none;
2181
+ outline: none;
2182
+ background-color: transparent;
2183
+ padding-right: 8px;
2184
+ }
2185
+
2186
+ div.coer-grid * {
2187
+ --blue: #0d6efd;
2188
+ --gray: #6c757d;
2189
+ --green: #198754;
2190
+ --yellow: #ffc107;
2191
+ --red: #dc3545;
2192
+ --white: #f5f5f5;
2193
+ --black: #252525;
2194
+ --orange: #fd6031;
2195
+ }
2196
+ div.coer-grid .text-blue {
2197
+ color: #0d6efd !important;
2198
+ }
2199
+ div.coer-grid .text-blue-bold {
2200
+ color: #0d6efd !important;
2201
+ font-weight: bold !important;
2202
+ }
2203
+ div.coer-grid .background-blue {
2204
+ background-color: #0d6efd !important;
2205
+ }
2206
+ div.coer-grid .background-border-blue {
2207
+ background-color: #0d6efd !important;
2208
+ border-color: #0d6efd !important;
2209
+ }
2210
+ div.coer-grid .border-blue {
2211
+ border-color: #0d6efd !important;
2212
+ }
2213
+ div.coer-grid .text-gray {
2214
+ color: #6c757d !important;
2215
+ }
2216
+ div.coer-grid .text-gray-bold {
2217
+ color: #6c757d !important;
2218
+ font-weight: bold !important;
2219
+ }
2220
+ div.coer-grid .background-gray {
2221
+ background-color: #6c757d !important;
2222
+ }
2223
+ div.coer-grid .background-border-gray {
2224
+ background-color: #6c757d !important;
2225
+ border-color: #6c757d !important;
2226
+ }
2227
+ div.coer-grid .border-gray {
2228
+ border-color: #6c757d !important;
2229
+ }
2230
+ div.coer-grid .text-green {
2231
+ color: #198754 !important;
2232
+ }
2233
+ div.coer-grid .text-green-bold {
2234
+ color: #198754 !important;
2235
+ font-weight: bold !important;
2236
+ }
2237
+ div.coer-grid .background-green {
2238
+ background-color: #198754 !important;
2239
+ }
2240
+ div.coer-grid .background-border-green {
2241
+ background-color: #198754 !important;
2242
+ border-color: #198754 !important;
2243
+ }
2244
+ div.coer-grid .border-green {
2245
+ border-color: #198754 !important;
2246
+ }
2247
+ div.coer-grid .text-yellow {
2248
+ color: #ffc107 !important;
2249
+ }
2250
+ div.coer-grid .text-yellow-bold {
2251
+ color: #ffc107 !important;
2252
+ font-weight: bold !important;
2253
+ }
2254
+ div.coer-grid .background-yellow {
2255
+ background-color: #ffc107 !important;
2256
+ }
2257
+ div.coer-grid .background-border-yellow {
2258
+ background-color: #ffc107 !important;
2259
+ border-color: #ffc107 !important;
2260
+ }
2261
+ div.coer-grid .border-yellow {
2262
+ border-color: #ffc107 !important;
2263
+ }
2264
+ div.coer-grid .text-red {
2265
+ color: #dc3545 !important;
2266
+ }
2267
+ div.coer-grid .text-red-bold {
2268
+ color: #dc3545 !important;
2269
+ font-weight: bold !important;
2270
+ }
2271
+ div.coer-grid .background-red {
2272
+ background-color: #dc3545 !important;
2273
+ }
2274
+ div.coer-grid .background-border-red {
2275
+ background-color: #dc3545 !important;
2276
+ border-color: #dc3545 !important;
2277
+ }
2278
+ div.coer-grid .border-red {
2279
+ border-color: #dc3545 !important;
2280
+ }
2281
+ div.coer-grid .text-white {
2282
+ color: #f5f5f5 !important;
2283
+ }
2284
+ div.coer-grid .text-white-bold {
2285
+ color: #f5f5f5 !important;
2286
+ font-weight: bold !important;
2287
+ }
2288
+ div.coer-grid .background-white {
2289
+ background-color: #f5f5f5 !important;
2290
+ }
2291
+ div.coer-grid .background-border-white {
2292
+ background-color: #f5f5f5 !important;
2293
+ border-color: #f5f5f5 !important;
2294
+ }
2295
+ div.coer-grid .border-white {
2296
+ border-color: #f5f5f5 !important;
2297
+ }
2298
+ div.coer-grid .text-black {
2299
+ color: #252525 !important;
2300
+ }
2301
+ div.coer-grid .text-black-bold {
2302
+ color: #252525 !important;
2303
+ font-weight: bold !important;
2304
+ }
2305
+ div.coer-grid .background-black {
2306
+ background-color: #252525 !important;
2307
+ }
2308
+ div.coer-grid .background-border-black {
2309
+ background-color: #252525 !important;
2310
+ border-color: #252525 !important;
2311
+ }
2312
+ div.coer-grid .border-black {
2313
+ border-color: #252525 !important;
2314
+ }
2315
+ div.coer-grid .text-orange {
2316
+ color: #fd6031 !important;
2317
+ }
2318
+ div.coer-grid .text-orange-bold {
2319
+ color: #fd6031 !important;
2320
+ font-weight: bold !important;
2321
+ }
2322
+ div.coer-grid .background-orange {
2323
+ background-color: #fd6031 !important;
2324
+ }
2325
+ div.coer-grid .background-border-orange {
2326
+ background-color: #fd6031 !important;
2327
+ border-color: #fd6031 !important;
2328
+ }
2329
+ div.coer-grid .border-orange {
2330
+ border-color: #fd6031 !important;
2331
+ }
2332
+ div.coer-grid header {
2333
+ align-items: flex-end;
2334
+ justify-content: flex-end;
2335
+ padding-right: 8px;
2336
+ margin: 0px;
2337
+ }
2338
+ div.coer-grid header > div {
2339
+ padding: 0px 0px 10px 10px;
2340
+ display: flex;
2341
+ align-items: baseline;
2342
+ }
2343
+ div.coer-grid header > div a {
2344
+ height: 40px !important;
2345
+ }
2346
+ div.coer-grid table {
2347
+ table-layout: auto;
2348
+ border-collapse: separate;
2349
+ border-spacing: 1px 0px;
2350
+ margin: 0px;
2351
+ font-size: 14px;
2352
+ }
2353
+ div.coer-grid table thead tr th {
2354
+ position: sticky !important;
2355
+ z-index: 100 !important;
2356
+ top: 0 !important;
2357
+ background-color: #6c757d !important;
2358
+ color: #f5f5f5 !important;
2359
+ padding: 5px !important;
2360
+ vertical-align: middle !important;
2361
+ overflow: hidden;
2362
+ text-overflow: ellipsis;
2363
+ word-wrap: break-word;
2364
+ min-width: 50px !important;
2365
+ white-space: nowrap !important;
2366
+ }
2367
+ div.coer-grid table tbody {
2368
+ border: 0px !important;
2369
+ }
2370
+ div.coer-grid table tbody tr:not(.row-focus):hover td {
2371
+ color: black !important;
2372
+ background-color: #f1f6ff !important;
2373
+ }
2374
+ div.coer-grid table tbody tr td {
2375
+ border: 0px !important;
2376
+ padding: 5px !important;
2377
+ vertical-align: middle !important;
2378
+ white-space: break-spaces;
2379
+ text-overflow: ellipsis;
2380
+ overflow: hidden;
2381
+ }
2382
+ div.coer-grid table tbody tr.row-focus td {
2383
+ background-color: #cde1ff;
2384
+ }
2385
+ div.coer-grid table tbody tr td.coer-textbox,
2386
+ div.coer-grid table tbody tr td.coer-numberbox,
2387
+ div.coer-grid table tbody tr td.coer-selectbox {
2388
+ padding: 0px !important;
2389
+ overflow: visible !important;
2390
+ }
2391
+ div.coer-grid table tbody tr td.default-cell {
2392
+ cursor: pointer !important;
2393
+ }
2394
+ div.coer-grid table tbody tr td.template {
2395
+ display: block !important;
2396
+ white-space: nowrap !important;
2397
+ cursor: pointer !important;
2398
+ height: 31px;
2399
+ }
2400
+ div.coer-grid table tbody tr td.template > div.template {
2401
+ display: block !important;
2402
+ }
2403
+ div.coer-grid table thead tr th.action-button,
2404
+ div.coer-grid table thead tr td.action-button,
2405
+ div.coer-grid table thead tr th.check-box,
2406
+ div.coer-grid table thead tr td.check-box,
2407
+ div.coer-grid table tbody tr th.action-button,
2408
+ div.coer-grid table tbody tr td.action-button,
2409
+ div.coer-grid table tbody tr th.check-box table tbody tr td.check-box {
2410
+ text-align: center !important;
2411
+ cursor: default !important;
2412
+ min-width: 40px !important;
2413
+ max-width: 40px !important;
2414
+ width: 40px !important;
2415
+ padding: 0px !important;
2416
+ }
2417
+ div.coer-grid footer.grid-footer {
2418
+ display: flex;
2419
+ align-items: center;
2420
+ justify-content: space-between;
2421
+ font-size: small;
2422
+ color: #999999;
2423
+ padding-top: 5px;
2424
+ }
2425
+ div.coer-grid section.grid-container {
2426
+ position: relative;
2427
+ overflow: auto;
2428
+ }
2429
+ div.coer-grid div.loading,
2430
+ div.coer-grid div.no-data {
2431
+ position: absolute;
2432
+ display: flex;
2433
+ align-items: center;
2434
+ justify-content: center;
2435
+ width: 100%;
2436
+ height: 100%;
2437
+ font-size: 25px;
2438
+ color: gray;
2439
+ }
2440
+ div.coer-grid div.loading {
2441
+ background-color: rgba(187, 187, 187, 0.5137254902) !important;
2442
+ flex-direction: column !important;
2443
+ gap: 10px !important;
2444
+ }
2445
+ div.coer-grid div.loading span.fa-fade {
2446
+ position: relative !important;
2447
+ top: 50px !important;
2448
+ }
2449
+ div.coer-grid tr.loading {
2450
+ background-color: rgba(187, 187, 187, 0.5137254902) !important;
2451
+ }
2452
+ div.coer-grid div.loading i.spinner-border {
2453
+ color: #fd6031 !important;
2454
+ width: 70px !important;
2455
+ height: 70px !important;
2456
+ font-size: 20px !important;
2457
+ position: absolute !important;
2458
+ }
2459
+ div.coer-grid td.check-box i.spinner-border {
2460
+ width: 15px !important;
2461
+ height: 15px !important;
2462
+ color: #fd6031 !important;
2463
+ }
2464
+ div.coer-grid table thead tr th.check-box > div,
2465
+ div.coer-grid table tbody tr td.check-box > div {
2466
+ display: flex;
2467
+ align-items: center;
2468
+ justify-content: center;
2469
+ cursor: default !important;
2470
+ }
2471
+ div.coer-grid input.form-check-input {
2472
+ box-shadow: none !important;
2473
+ margin: 0px;
2474
+ }
2475
+ div.coer-grid input[type=checkbox] {
2476
+ cursor: pointer !important;
2477
+ }
2478
+ div.coer-grid td.group {
2479
+ padding: 0px !important;
2480
+ margin: 0px !important;
2481
+ }
2482
+ div.coer-grid td.group > * {
2483
+ border-top: 1px solid #6c757d !important;
2484
+ border-bottom: 1px solid #6c757d !important;
2485
+ padding: 0px !important;
2486
+ margin: 0px !important;
2487
+ }
2488
+ div.coer-grid .template,
2489
+ div.coer-grid .template div {
2490
+ white-space: nowrap !important;
2491
+ display: flex !important;
2492
+ align-items: center !important;
2493
+ gap: 5px !important;
2494
+ }
2495
+
2496
+ .modal-dialog {
2497
+ margin: auto !important;
2498
+ height: 100vh;
2499
+ }
2500
+
2501
+ .modal-header {
2502
+ padding: 8px 16px !important;
2503
+ }
2504
+
2505
+ .modal-title {
2506
+ font-weight: bold !important;
2507
+ font-size: 17px !important;
2508
+ }
2509
+
2510
+ .modal-body {
2511
+ padding-top: 16px !important;
2512
+ padding-bottom: 0px !important;
2513
+ min-width: 60px !important;
2514
+ }
2515
+
2516
+ div.coer-filebox .modal-body {
2517
+ padding: 0px !important;
2518
+ }
2519
+
2520
+ .modal-footer {
2521
+ border: none !important;
2522
+ display: flex !important;
2523
+ align-items: flex-end !important;
2524
+ justify-content: flex-end !important;
2525
+ max-height: 64px !important;
2526
+ min-height: 64px !important;
2527
+ gap: 10px !important;
2528
+ }
2529
+
2530
+ .btn-close:focus {
2531
+ box-shadow: none !important;
2532
+ }
2533
+
2534
+ div.modal-backdrop {
2535
+ z-index: 0 !important;
2536
+ }
2537
+
2538
+ aside.modal div.backdrop {
2539
+ width: 100vw;
2540
+ height: 100vh;
2541
+ position: fixed;
2542
+ top: 0px;
2543
+ left: 0px;
2544
+ background-color: rgba(0, 0, 0, 0.3568627451);
2545
+ z-index: 1500;
2546
+ }
2547
+
2548
+ div.modal-content {
2549
+ z-index: 1501;
2550
+ overflow: visible !important;
2551
+ }
2552
+
2553
+ * {
2554
+ --blue: #0d6efd;
2555
+ --gray: #6c757d;
2556
+ --green: #198754;
2557
+ --yellow: #ffc107;
2558
+ --red: #dc3545;
2559
+ --white: #f5f5f5;
2560
+ --black: #252525;
2561
+ --orange: #fd6031;
2562
+ }
2563
+
24
2564
  .text-blue {
25
2565
  color: #0d6efd !important;
26
2566
  }
@@ -258,6 +2798,17 @@ input[type=file] {
258
2798
  cursor: wait !important;
259
2799
  }
260
2800
 
2801
+ * {
2802
+ --blue: #0d6efd;
2803
+ --gray: #6c757d;
2804
+ --green: #198754;
2805
+ --yellow: #ffc107;
2806
+ --red: #dc3545;
2807
+ --white: #f5f5f5;
2808
+ --black: #252525;
2809
+ --orange: #fd6031;
2810
+ }
2811
+
261
2812
  .text-blue {
262
2813
  color: #0d6efd !important;
263
2814
  }
@@ -474,19 +3025,3 @@ input[type=file] {
474
3025
  .fill-space {
475
3026
  flex: 1 1 auto;
476
3027
  }
477
-
478
- .tooltip-inner {
479
- min-width: 125px;
480
- max-width: 250px;
481
- min-height: 35px;
482
- display: flex;
483
- align-items: center;
484
- justify-content: center;
485
- word-break: break-word;
486
- }
487
-
488
- .invisible {
489
- visibility: hidden !important;
490
- width: 0px !important;
491
- height: 0px !important;
492
- }