datastake-daf 0.6.97 → 0.6.98

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 (60) hide show
  1. package/dist/components/index.js +130 -20
  2. package/package.json +107 -107
  3. package/rollup.config.js +41 -83
  4. package/src/@daf/core/components/Dashboard/DashboardLayout/DashboardLayout.stories.jsx +2 -1
  5. package/src/@daf/core/components/Dashboard/DashboardLayout/index.jsx +2 -1
  6. package/src/@daf/core/components/Footer/Footer.stories.jsx +152 -0
  7. package/src/@daf/core/components/Footer/hook.js +84 -0
  8. package/src/@daf/core/components/Footer/index.jsx +101 -0
  9. package/src/@daf/core/components/Footer/style.js +176 -0
  10. package/src/index.js +3 -0
  11. package/src/styles/_index.scss +1 -1
  12. package/src/styles/datastake.scss +4454 -1
  13. package/.vscode/settings.json +0 -13
  14. package/dist/style/datastake/_index.css +0 -5
  15. package/dist/style/datastake/datastake.css +0 -5081
  16. package/dist/style/datastake/fonts/Outfit-Black.ttf +0 -0
  17. package/dist/style/datastake/fonts/Outfit-Bold.ttf +0 -0
  18. package/dist/style/datastake/fonts/Outfit-ExtraBold.ttf +0 -0
  19. package/dist/style/datastake/fonts/Outfit-ExtraLight.ttf +0 -0
  20. package/dist/style/datastake/fonts/Outfit-Light.ttf +0 -0
  21. package/dist/style/datastake/fonts/Outfit-Medium.ttf +0 -0
  22. package/dist/style/datastake/fonts/Outfit-Regular.ttf +0 -0
  23. package/dist/style/datastake/fonts/Outfit-SemiBold.ttf +0 -0
  24. package/dist/style/datastake/fonts/Outfit-Thin.ttf +0 -0
  25. package/dist/style/datastake/fonts/outfit.css +0 -62
  26. package/dist/style/datastake/fonts/sf-ui-display-black-58646a6b80d5a.woff +0 -0
  27. package/dist/style/datastake/fonts/sf-ui-display-bold-58646a511e3d9.woff +0 -0
  28. package/dist/style/datastake/fonts/sf-ui-display-heavy-586470160b9e5.woff +0 -0
  29. package/dist/style/datastake/fonts/sf-ui-display-light-58646b33e0551.woff +0 -0
  30. package/dist/style/datastake/fonts/sf-ui-display-medium-58646be638f96.woff +0 -0
  31. package/dist/style/datastake/fonts/sf-ui-display-semibold-58646eddcae92.woff +0 -0
  32. package/dist/style/datastake/fonts/sf-ui-display-thin-58646e9b26e8b.woff +0 -0
  33. package/dist/style/datastake/fonts/sf-ui-display-ultralight-58646b19bf205.woff +0 -0
  34. package/dist/style/datastake/fonts/sfDisplay.css +0 -59
  35. package/dist/style/datastake/leaflet.css +0 -671
  36. package/dist/style/datastake/leaflet.markercluster.css +0 -60
  37. package/dist/style/style.css +0 -1
  38. package/src/styles/datastake/_index.css +0 -5
  39. package/src/styles/datastake/datastake.css +0 -5081
  40. package/src/styles/datastake/fonts/Outfit-Black.ttf +0 -0
  41. package/src/styles/datastake/fonts/Outfit-Bold.ttf +0 -0
  42. package/src/styles/datastake/fonts/Outfit-ExtraBold.ttf +0 -0
  43. package/src/styles/datastake/fonts/Outfit-ExtraLight.ttf +0 -0
  44. package/src/styles/datastake/fonts/Outfit-Light.ttf +0 -0
  45. package/src/styles/datastake/fonts/Outfit-Medium.ttf +0 -0
  46. package/src/styles/datastake/fonts/Outfit-Regular.ttf +0 -0
  47. package/src/styles/datastake/fonts/Outfit-SemiBold.ttf +0 -0
  48. package/src/styles/datastake/fonts/Outfit-Thin.ttf +0 -0
  49. package/src/styles/datastake/fonts/outfit.css +0 -62
  50. package/src/styles/datastake/fonts/sf-ui-display-black-58646a6b80d5a.woff +0 -0
  51. package/src/styles/datastake/fonts/sf-ui-display-bold-58646a511e3d9.woff +0 -0
  52. package/src/styles/datastake/fonts/sf-ui-display-heavy-586470160b9e5.woff +0 -0
  53. package/src/styles/datastake/fonts/sf-ui-display-light-58646b33e0551.woff +0 -0
  54. package/src/styles/datastake/fonts/sf-ui-display-medium-58646be638f96.woff +0 -0
  55. package/src/styles/datastake/fonts/sf-ui-display-semibold-58646eddcae92.woff +0 -0
  56. package/src/styles/datastake/fonts/sf-ui-display-thin-58646e9b26e8b.woff +0 -0
  57. package/src/styles/datastake/fonts/sf-ui-display-ultralight-58646b19bf205.woff +0 -0
  58. package/src/styles/datastake/fonts/sfDisplay.css +0 -59
  59. package/src/styles/datastake/leaflet.css +0 -671
  60. package/src/styles/datastake/leaflet.markercluster.css +0 -60
@@ -1,5081 +0,0 @@
1
- .loading-indicator {
2
- align-self: center;
3
- max-width: 20px;
4
- max-height: 20px;
5
- min-width: 20px;
6
- min-height: 20px;
7
- width: 20px;
8
- height: 20px;
9
- border: 3px solid blue;
10
- border-radius: 10px;
11
- animation-name: rotate;
12
- animation-timing-function: linear;
13
- animation-duration: 500ms;
14
- animation-iteration-count: infinite;
15
- }
16
-
17
- .loading-indicator::after {
18
- content: "";
19
- position: absolute;
20
- top: -20%;
21
- left: -20%;
22
- width: 50%;
23
- height: 50%;
24
- background-color: white;
25
- }
26
-
27
- @keyframes rotate {
28
- from {
29
- transform: rotate(0);
30
- }
31
-
32
- to {
33
- transform: rotate(360deg);
34
- }
35
- }
36
-
37
- .grecaptcha-badge {
38
- visibility: hidden !important;
39
- }
40
-
41
- .loader {
42
- position: fixed;
43
- margin: auto;
44
- top: 45%;
45
- left: 50%;
46
- font-size: 40px;
47
- z-index: 1000;
48
- color: #1890ff;
49
- }
50
-
51
- .loading-container {
52
- position: absolute;
53
- top: 0;
54
- left: 0;
55
- width: 100%;
56
- height: 100%;
57
- background: rgba(255, 255, 255, 0.7);
58
- z-index: 1000;
59
- }
60
-
61
- .loading-container.dashboard-with-sources {
62
- top: 57px;
63
- left: 250px;
64
- width: calc(100% - 250px);
65
- height: calc(100% - 57px);
66
- }
67
-
68
- .placeholder-loader {
69
- background-color: #dee2e6;
70
- width: 100%;
71
- height: 100dvh;
72
- min-width: 40px;
73
- min-height: 20px;
74
- flex: 1;
75
- border-radius: 4px;
76
- position: relative;
77
- }
78
-
79
- .placeholder-loader::after,
80
- .placeholder-loader::before {
81
- content: "";
82
- position: absolute;
83
- height: 100%;
84
- width: 40px;
85
- transform: skew(-20deg);
86
- background-color: #f1f5f7;
87
- animation-name: drag;
88
- animation-timing-function: linear;
89
- animation-duration: 500ms;
90
- animation-iteration-count: infinite;
91
- }
92
-
93
- .placeholder-loader::before {
94
- transform: skew(-20deg) translateX(200px);
95
- }
96
-
97
- @-webkit-keyframes drag {
98
- from {
99
- left: 0;
100
- }
101
-
102
- to {
103
- left: 100%;
104
- }
105
- }
106
-
107
- @-moz-keyframes drag {
108
- from {
109
- left: 0;
110
- }
111
-
112
- to {
113
- left: 100%;
114
- }
115
- }
116
-
117
- @keyframes drag {
118
- from {
119
- left: 0;
120
- }
121
-
122
- to {
123
- left: 100%;
124
- }
125
- }
126
-
127
- .toasts {
128
- position: fixed;
129
- top: 0;
130
- right: 0;
131
- height: 100%;
132
- padding: 1rem;
133
- display: flex;
134
- flex-flow: column nowrap;
135
- z-index: 100;
136
- }
137
-
138
- .toasts > div {
139
- width: 25rem;
140
- display: flex;
141
- border-radius: 0.2rem;
142
- color: white;
143
- padding: 0.8rem 1rem;
144
- cursor: pointer;
145
- margin-bottom: 10px;
146
- position: relative;
147
- display: flex;
148
- flex-flow: column nowrap;
149
- transition: transform 200ms, background-color 200ms;
150
- animation: slide-in 400ms cubic-bezier(0.15, 0.4, 0.45, 1.17);
151
- }
152
-
153
- @-webkit-keyframes slide-in {
154
- from {
155
- transform: translateX(200%);
156
- }
157
-
158
- to {
159
- transform: translateX(0);
160
- }
161
- }
162
-
163
- @-moz-keyframes slide-in {
164
- from {
165
- transform: translateX(200%);
166
- }
167
-
168
- to {
169
- transform: translateX(0);
170
- }
171
- }
172
-
173
- @keyframes slide-in {
174
- from {
175
- transform: translateX(200%);
176
- }
177
-
178
- to {
179
- transform: translateX(0);
180
- }
181
- }
182
-
183
- @-webkit-keyframes slide-out {
184
- from {
185
- transform: translateX(0%);
186
- }
187
-
188
- to {
189
- transform: translateX(200%);
190
- }
191
- }
192
-
193
- @-moz-keyframes slide-out {
194
- from {
195
- transform: translateX(0%);
196
- }
197
-
198
- to {
199
- transform: translateX(200%);
200
- }
201
- }
202
-
203
- @keyframes slide-out {
204
- from {
205
- transform: translateX(0%);
206
- }
207
-
208
- to {
209
- transform: translateX(200%);
210
- }
211
- }
212
-
213
- .toasts > div.success {
214
- background-color: #1abc9c;
215
- box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
216
- }
217
-
218
- .toasts > div.success:hover {
219
- background-color: #17a689;
220
- transform: translateX(-15px);
221
- }
222
-
223
- .toasts > div.success:hover > i {
224
- opacity: 1;
225
- }
226
-
227
- .toasts > div.success:active {
228
- background-color: #148f77;
229
- }
230
-
231
- .toasts > div.success > .progress-indicator {
232
- background-color: #0e6252;
233
- }
234
-
235
- .toasts > div.danger {
236
- background-color: #f1556c;
237
- box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
238
- }
239
-
240
- .toasts > div.danger:hover {
241
- background-color: #ef3d58;
242
- transform: translateX(-15px);
243
- }
244
-
245
- .toasts > div.danger:hover > i {
246
- opacity: 1;
247
- }
248
-
249
- .toasts > div.danger:active {
250
- background-color: #ed2643;
251
- }
252
-
253
- .toasts > div.danger > .progress-indicator {
254
- background-color: #cf112d;
255
- }
256
-
257
- .toasts > div.info {
258
- background-color: #4fc6e1;
259
- box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
260
- }
261
-
262
- .toasts > div.info:hover {
263
- background-color: #39bfdd;
264
- transform: translateX(-15px);
265
- }
266
-
267
- .toasts > div.info:hover > i {
268
- opacity: 1;
269
- }
270
-
271
- .toasts > div.info:active {
272
- background-color: #25b7d8;
273
- }
274
-
275
- .toasts > div.info > .progress-indicator {
276
- background-color: #1d92ad;
277
- }
278
-
279
- .toasts > div.warning {
280
- background-color: #f7b84b;
281
- box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
282
- }
283
-
284
- .toasts > div.warning:hover {
285
- background-color: #f6ae33;
286
- transform: translateX(-15px);
287
- }
288
-
289
- .toasts > div.warning:hover > i {
290
- opacity: 1;
291
- }
292
-
293
- .toasts > div.warning:active {
294
- background-color: #f5a51a;
295
- }
296
-
297
- .toasts > div.warning > .progress-indicator {
298
- background-color: #d38909;
299
- }
300
-
301
- .toasts > div.default {
302
- background-color: white;
303
- box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
304
- color: #343a40;
305
- border: 1px solid #dee2e6;
306
- }
307
-
308
- .toasts > div.default:hover {
309
- background-color: #f2f2f2;
310
- transform: translateX(-15px);
311
- }
312
-
313
- .toasts > div.default:hover > i {
314
- opacity: 1;
315
- }
316
-
317
- .toasts > div.default:active {
318
- background-color: #e6e6e6;
319
- }
320
-
321
- .toasts > div.default > .progress-indicator {
322
- background-color: #cccccc;
323
- }
324
-
325
- .toasts > div.closed {
326
- animation: slide-out 1s;
327
- animation-fill-mode: forwards;
328
- }
329
-
330
- .toasts > div > .progress-indicator {
331
- position: absolute;
332
- border-radius: 2px;
333
- bottom: 4px;
334
- left: 2%;
335
- height: 4px;
336
- animation: progress 3s linear;
337
- }
338
-
339
- @-webkit-keyframes progress {
340
- from {
341
- width: 0;
342
- }
343
-
344
- to {
345
- width: 96%;
346
- }
347
- }
348
-
349
- @-moz-keyframes progress {
350
- from {
351
- width: 0;
352
- }
353
-
354
- to {
355
- width: 96%;
356
- }
357
- }
358
-
359
- @keyframes progress {
360
- from {
361
- width: 0;
362
- }
363
-
364
- to {
365
- width: 96%;
366
- }
367
- }
368
-
369
- .toasts > div > i {
370
- color: #98a6ad;
371
- position: absolute;
372
- right: -20px;
373
- top: 50%;
374
- transform: translateY(-50%);
375
- transition: opacity 300ms;
376
- opacity: 0;
377
- }
378
-
379
- .toasts > div > .toast-title {
380
- font-size: 1.2em;
381
- font-weight: 700;
382
- margin-bottom: 3px;
383
- }
384
-
385
- .toasts > div > .toast-content {
386
- font-weight: 600;
387
- }
388
-
389
- .toasts > div > .toast-actions {
390
- display: flex;
391
- flex-flow: row wrap;
392
- margin-top: 5px;
393
- }
394
-
395
- .toasts > div > .toast-actions > button {
396
- flex: 1;
397
- }
398
-
399
- .toasts > div > .toast-actions > button:not(:last-of-type) {
400
- margin-right: 10px;
401
- }
402
-
403
- .loader-container {
404
- padding: 32px;
405
- border-radius: 5px;
406
- background: white;
407
- border: 1px solid rgba(0, 0, 0, 0.1);
408
- display: flex;
409
- position: relative;
410
- margin: auto;
411
- -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
412
- -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
413
- box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
414
- text-align: center;
415
- }
416
-
417
- h1 {
418
- font-size: 20px;
419
- font-weight: 400;
420
- color: rgba(0, 0, 0, 0.5);
421
- }
422
-
423
- .loaderizer {
424
- margin: 16px auto;
425
- width: 50px;
426
- height: 50px;
427
- border-radius: 50%;
428
- perspective: 800px;
429
- }
430
-
431
- .inner {
432
- position: absolute;
433
- box-sizing: border-box;
434
- width: 100%;
435
- height: 100%;
436
- border-radius: 50%;
437
- }
438
-
439
- .inner.one {
440
- left: 0%;
441
- top: 0%;
442
- animation: rotate-one 1s linear infinite;
443
- border-bottom: 3px solid var(--mmt-primary-70);
444
- }
445
-
446
- .inner.two {
447
- right: 0%;
448
- top: 0%;
449
- animation: rotate-two 1s linear infinite;
450
- border-right: 3px solid var(--mmt-primary-70);
451
- }
452
-
453
- .inner.three {
454
- right: 0%;
455
- bottom: 0%;
456
- animation: rotate-three 1s linear infinite;
457
- border-top: 3px solid var(--mmt-primary-70);
458
- }
459
-
460
- .register:not(.btn-outline-secondary) {
461
- background: var(--mmt-primary-70);
462
- border-color: var(--mmt-primary-70);
463
- margin: 0 auto;
464
- margin-top: 12px;
465
- }
466
-
467
- .register:not(.btn-outline-secondary):hover,
468
- .register:not(.btn-outline-secondary)
469
- .btn-primary:not(:disabled):not(.disabled):active {
470
- background: #0084fe;
471
- border-color: var(--mmt-primary-70);
472
- }
473
-
474
- @keyframes rotate-one {
475
- 0% {
476
- transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
477
- }
478
-
479
- 100% {
480
- transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
481
- }
482
- }
483
-
484
- @keyframes rotate-two {
485
- 0% {
486
- transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
487
- }
488
-
489
- 100% {
490
- transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
491
- }
492
- }
493
-
494
- @keyframes rotate-three {
495
- 0% {
496
- transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
497
- }
498
-
499
- 100% {
500
- transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
501
- }
502
- }
503
-
504
- .module-wrapper-container {
505
- flex: 1;
506
- height: 100%;
507
- overflow-y: auto;
508
- background-color: var(--base-gray-90);
509
- padding: var(--size-lg);
510
- display: flex;
511
- flex-direction: column;
512
- justify-content: center;
513
- }
514
-
515
- .module-wrapper-container .module-wrapper-header {
516
- margin-bottom: 80px;
517
- }
518
-
519
- .module-wrapper-container .module-wrapper-header h1,
520
- .module-wrapper-container .module-wrapper-header p {
521
- color: white;
522
- text-align: center;
523
- }
524
-
525
- .module-wrapper-container .module-wrapper-header h1 {
526
- font-size: 66px;
527
- margin-bottom: 24px;
528
- }
529
-
530
- .module-wrapper-container .module-wrapper-header p {
531
- font-size: 17px;
532
- line-height: 26px;
533
- margin-bottom: 0px;
534
- max-width: 469px;
535
- margin-left: auto;
536
- margin-right: auto;
537
- }
538
-
539
- .module-wrapper-container .apps-container {
540
- flex: 1;
541
- gap: 20px;
542
- display: flex;
543
- flex-wrap: wrap;
544
- justify-content: center;
545
- }
546
-
547
- .module-wrapper-container .apps-container .app {
548
- flex: 1;
549
- cursor: pointer;
550
- max-width: 406px;
551
- min-width: 406px;
552
- border-radius: 8px;
553
- padding: 32px;
554
- border: 1px solid var(--base-gray-80);
555
- background: rgba(255, 255, 255, 0.4);
556
- transition: 0.4s background, 0.4s box-shadow;
557
- box-shadow: 0px 12px 16px -4px rgba(193, 193, 194, 0.08),
558
- 0px 4px 6px -2px rgba(255, 255, 255, 0.03);
559
- }
560
-
561
- .module-wrapper-container .apps-container .app:hover {
562
- background: rgba(255, 255, 255, 0.5);
563
- }
564
-
565
- .module-wrapper-container .apps-container .app:active {
566
- box-shadow: 0 0 0 5px var(--base-gray-80);
567
- }
568
-
569
- .module-wrapper-container .apps-container .app * {
570
- cursor: pointer;
571
- }
572
-
573
- .module-wrapper-container .apps-container .app .app-header {
574
- display: flex;
575
- }
576
-
577
- .module-wrapper-container .apps-container .app .app-header h2 {
578
- color: white;
579
- font-size: 28px;
580
- margin-bottom: 0px;
581
- }
582
-
583
- .module-wrapper-container .apps-container .app p {
584
- font-size: 12px;
585
- color: white;
586
- font-weight: 500;
587
- margin-bottom: 0px;
588
- letter-spacing: -0.12px;
589
- }
590
-
591
- @media (max-width: 890px) {
592
- .module-wrapper-container .apps-container {
593
- flex-direction: column;
594
- }
595
-
596
- .module-wrapper-container .apps-container .app {
597
- min-width: unset;
598
- margin-left: auto;
599
- margin-right: auto;
600
- }
601
- }
602
-
603
- #language-select {
604
- margin: 12px 20px 0 20px;
605
- margin-bottom: 0px;
606
- display: flex;
607
- flex-direction: row;
608
- justify-content: space-between;
609
- align-items: center;
610
- }
611
-
612
- #language-select span[role="img"] {
613
- color: white;
614
- padding: 0;
615
- }
616
-
617
- .ant-menu.ant-menu-inline,
618
- .ant-menu.ant-menu-inline-collapsed,
619
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed {
620
- max-width: 250px;
621
- background: #fafafa;
622
- }
623
-
624
- .ant-menu.ant-menu-inline .menu-actions,
625
- .ant-menu.ant-menu-inline-collapsed .menu-actions,
626
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .menu-actions {
627
- display: flex;
628
- flex-direction: row;
629
- justify-content: space-between;
630
- align-items: center;
631
- border-bottom: 1px solid #f0f0f0;
632
- padding: 12px var(--size);
633
- }
634
-
635
- .ant-menu.ant-menu-inline .menu-actions h3,
636
- .ant-menu.ant-menu-inline-collapsed .menu-actions h3,
637
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed
638
- .menu-actions
639
- h3 {
640
- font-size: 20px;
641
- margin: 0;
642
- color: rgba(0, 0, 0, 0.85);
643
- }
644
-
645
- .ant-menu.ant-menu-inline .menu-actions button,
646
- .ant-menu.ant-menu-inline-collapsed .menu-actions button,
647
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed
648
- .menu-actions
649
- button {
650
- display: flex;
651
- justify-content: center;
652
- align-items: center;
653
- }
654
-
655
- .ant-menu.ant-menu-inline .menu-actions button span[role="img"],
656
- .ant-menu.ant-menu-inline-collapsed .menu-actions button span[role="img"],
657
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed
658
- .menu-actions
659
- button
660
- span[role="img"] {
661
- font-size: 20px;
662
- }
663
-
664
- .ant-menu.ant-menu-inline .ant-menu-item,
665
- .ant-menu.ant-menu-inline .ant-menu-submenu-title,
666
- .ant-menu.ant-menu-inline-collapsed .ant-menu-item,
667
- .ant-menu.ant-menu-inline-collapsed .ant-menu-submenu-title,
668
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .ant-menu-item,
669
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed
670
- .ant-menu-submenu-title {
671
- display: flex;
672
- flex-direction: row;
673
- align-items: center;
674
- }
675
-
676
- .ant-menu.ant-menu-inline .ant-menu-item span[role="img"],
677
- .ant-menu.ant-menu-inline .ant-menu-submenu-title span[role="img"],
678
- .ant-menu.ant-menu-inline-collapsed .ant-menu-item span[role="img"],
679
- .ant-menu.ant-menu-inline-collapsed .ant-menu-submenu-title span[role="img"],
680
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed
681
- .ant-menu-item
682
- span[role="img"],
683
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed
684
- .ant-menu-submenu-title
685
- span[role="img"] {
686
- font-size: 20px;
687
- width: 20px;
688
- }
689
-
690
- .ant-menu.ant-menu-inline .ant-menu-item span:last-child,
691
- .ant-menu.ant-menu-inline .ant-menu-submenu-title span:last-child,
692
- .ant-menu.ant-menu-inline-collapsed .ant-menu-item span:last-child,
693
- .ant-menu.ant-menu-inline-collapsed .ant-menu-submenu-title span:last-child,
694
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed
695
- .ant-menu-item
696
- span:last-child,
697
- .ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed
698
- .ant-menu-submenu-title
699
- span:last-child {
700
- overflow: hidden;
701
- text-overflow: ellipsis;
702
- white-space: nowrap;
703
- }
704
-
705
- .ant-menu.ant-menu-root.ant-menu-inline-collapsed,
706
- .ant-menu.ant-menu-root.ant-menu-vertical-collapsed {
707
- width: 60px;
708
- }
709
-
710
- .ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-item,
711
- .ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-submenu,
712
- .ant-menu.ant-menu.ant-menu-vertical-collapsed .ant-menu-item,
713
- .ant-menu.ant-menu.ant-menu-vertical-collapsed .ant-menu-submenu {
714
- display: flex;
715
- justify-content: center;
716
- padding: 0px;
717
- }
718
-
719
- .ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-item span[role="img"],
720
- .ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-submenu span[role="img"],
721
- .ant-menu.ant-menu.ant-menu-vertical-collapsed .ant-menu-item span[role="img"],
722
- .ant-menu.ant-menu.ant-menu-vertical-collapsed
723
- .ant-menu-submenu
724
- span[role="img"] {
725
- font-size: 20px;
726
- }
727
-
728
- .ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-submenu-title,
729
- .ant-menu.ant-menu.ant-menu-vertical-collapsed .ant-menu-submenu-title {
730
- padding-left: 20px;
731
- margin-top: 0;
732
- margin-bottom: 0;
733
- }
734
-
735
- .ant-menu.ant-menu.ant-menu-inline-collapsed .menu-actions,
736
- .ant-menu.ant-menu.ant-menu-vertical-collapsed .menu-actions {
737
- justify-content: center;
738
- }
739
-
740
- .ant-menu.ant-menu-sub.ant-menu-inline {
741
- background-color: rgba(0, 0, 0, 0.02);
742
- }
743
-
744
- .ant-menu.ant-menu-inline,
745
- .ant-menu.ant-menu-vertical {
746
- position: relative;
747
- }
748
-
749
- .ant-menu.ant-menu-inline .remixicon,
750
- .ant-menu.ant-menu-vertical .remixicon {
751
- font-size: 20px;
752
- margin-right: 10px;
753
- }
754
-
755
- .ant-menu.ant-menu-inline img,
756
- .ant-menu.ant-menu-vertical img {
757
- margin: 20px;
758
- height: 30px;
759
- cursor: pointer;
760
- }
761
-
762
- .ant-menu.ant-menu-inline .mod-name,
763
- .ant-menu.ant-menu-vertical .mod-name {
764
- display: flex;
765
- flex-direction: row;
766
- justify-content: flex-start;
767
- align-items: center;
768
- margin-bottom: 20px;
769
- }
770
-
771
- .ant-menu.ant-menu-inline .mod-name span[role="img"],
772
- .ant-menu.ant-menu-vertical .mod-name span[role="img"] {
773
- font-size: 20px;
774
- padding: 4px var(--size);
775
- border-top-right-radius: 2px;
776
- border-bottom-right-radius: 2px;
777
- margin-right: 7px;
778
- }
779
-
780
- .ant-menu.ant-menu-inline .mod-name h1,
781
- .ant-menu.ant-menu-vertical .mod-name h1 {
782
- font-family: SF UI Display;
783
- font-style: normal;
784
- font-weight: bold;
785
- font-size: var(--font-size-lg);
786
- display: flex;
787
- align-items: center;
788
- color: #ffffff;
789
- margin: 0;
790
- }
791
-
792
- .ant-menu.ant-menu-inline .user-details,
793
- .ant-menu.ant-menu-vertical .user-details {
794
- padding: 20px;
795
- position: absolute;
796
- bottom: 20px;
797
- display: flex;
798
- flex-direction: column;
799
- justify-content: center;
800
- box-sizing: border-box;
801
- width: 100%;
802
- padding-bottom: 0;
803
- }
804
-
805
- .ant-menu.ant-menu-inline .user-details div,
806
- .ant-menu.ant-menu-vertical .user-details div {
807
- display: flex;
808
- flex-direction: row;
809
- justify-content: space-between;
810
- align-items: center;
811
- }
812
-
813
- .ant-menu.ant-menu-inline .user-details div span[role="img"],
814
- .ant-menu.ant-menu-vertical .user-details div span[role="img"] {
815
- font-size: 20px;
816
- }
817
-
818
- .ant-menu.ant-menu-inline .user-details div h1,
819
- .ant-menu.ant-menu-vertical .user-details div h1 {
820
- font-size: 18px;
821
- color: #a6adb4;
822
- margin: 0;
823
- margin-left: 10px;
824
- flex-grow: 1;
825
- }
826
-
827
- .ant-menu.ant-menu-inline .user-details h3,
828
- .ant-menu.ant-menu-inline .user-details h2,
829
- .ant-menu.ant-menu-vertical .user-details h3,
830
- .ant-menu.ant-menu-vertical .user-details h2 {
831
- font-size: 14px;
832
- line-height: 22px;
833
- font-weight: normal;
834
- color: rgba(255, 255, 255, 0.65);
835
- margin-top: 10px;
836
- margin-left: 30px;
837
- }
838
-
839
- .ant-menu.ant-menu-inline .user-details h2,
840
- .ant-menu.ant-menu-vertical .user-details h2 {
841
- margin-bottom: 0;
842
- font-size: var(--font-size-lg);
843
- }
844
-
845
- .ant-menu.ant-menu-inline .ant-select-selector,
846
- .ant-menu.ant-menu-inline .ant-select-arrow,
847
- .ant-menu.ant-menu-vertical .ant-select-selector,
848
- .ant-menu.ant-menu-vertical .ant-select-arrow {
849
- color: rgba(255, 255, 255, 0.8);
850
- }
851
-
852
- .ant-menu.ant-menu-inline .ant-select-selector span[role="img"],
853
- .ant-menu.ant-menu-inline .ant-select-arrow span[role="img"],
854
- .ant-menu.ant-menu-vertical .ant-select-selector span[role="img"],
855
- .ant-menu.ant-menu-vertical .ant-select-arrow span[role="img"] {
856
- font-size: 15px !important;
857
- }
858
-
859
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline,
860
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical {
861
- /* Track */
862
- /* Handle */
863
- /* Handle on hover */
864
- }
865
-
866
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline::-webkit-scrollbar,
867
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar {
868
- width: 6px;
869
- }
870
-
871
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline::-webkit-scrollbar-track,
872
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-track {
873
- background: #f1f1f1;
874
- }
875
-
876
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline::-webkit-scrollbar-thumb,
877
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thumb {
878
- background: #888;
879
- }
880
-
881
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline::-webkit-scrollbar-thumb:hover,
882
- ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thumb:hover {
883
- background: #555;
884
- }
885
-
886
- .ant-menu.ant-menu-sub {
887
- font-size: 13px;
888
- }
889
-
890
- .ant-menu-submenu.ant-menu-submenu-popup li.ant-menu-item.title {
891
- top: 0;
892
- color: white !important;
893
- opacity: 1;
894
- border-bottom: 1px solid white !important;
895
- width: 100%;
896
- font-size: 14px;
897
- }
898
-
899
- .ant-menu-submenu.ant-menu-submenu-popup li.ant-menu-item.title span.anticon {
900
- font-size: var(--font-size-lg);
901
- }
902
-
903
- .sidenav-hover-content {
904
- min-width: fit-content !important;
905
- width: fit-content !important;
906
- display: block !important;
907
- align-content: center !important;
908
- height: 60px;
909
- position: absolute;
910
- left: 70px !important;
911
- white-space: nowrap;
912
- overflow: hidden;
913
- text-overflow: ellipsis;
914
- }
915
-
916
- .sidenav-hover-content li {
917
- width: unset !important;
918
- }
919
-
920
- .user-details-menu .ant-dropdown-menu-item {
921
- color: rgba(255, 255, 255, 0.8) !important;
922
- }
923
-
924
- .user-details-menu .ant-dropdown-menu-item:hover {
925
- color: white !important;
926
- }
927
-
928
- .ant-menu-dark .ant-menu-item-disabled span.ant-typography {
929
- color: rgba(255, 255, 255, 0.25) !important;
930
- }
931
-
932
- .clickable-link {
933
- cursor: pointer;
934
- font-weight: bold;
935
- color: rgb(24, 144, 255);
936
- }
937
-
938
- .header-tabs-cont {
939
- display: flex;
940
- justify-content: flex-end;
941
- }
942
-
943
- .header-tabs-cont.no-flex-tabs-cont {
944
- display: unset;
945
- justify-content: unset;
946
- background-color: white;
947
- }
948
-
949
- .header-tabs-cont.no-flex-tabs-cont .ant-tabs-top {
950
- background-color: white;
951
- }
952
-
953
- .header-tabs-cont.with-mt {
954
- margin-top: 60px;
955
- }
956
-
957
- .header-tabs-cont .ant-tabs-tab span {
958
- color: #98a2b3;
959
- font-size: 14px;
960
- font-weight: 600;
961
- }
962
-
963
- .header-tabs-cont .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
964
- color: var(--color-primary-70);
965
- }
966
-
967
- .header-tabs-cont .ant-tabs-tab-active span {
968
- font-weight: 500;
969
- color: var(--color-primary-60);
970
- }
971
-
972
- .header-tabs-cont .ant-tabs-nav {
973
- margin-bottom: 0px;
974
- }
975
-
976
- .header-tabs-cont .ant-tabs-tab {
977
- color: #98a2b3;
978
- padding-top: 2px;
979
- }
980
-
981
- .screen.home {
982
- width: 100%;
983
- display: flex;
984
- flex-flow: column nowrap;
985
- padding: 5em;
986
- }
987
-
988
- .screen.home > div {
989
- flex: 1;
990
- }
991
-
992
- .screen.home > div:first-child {
993
- display: flex;
994
- flex-flow: column nowrap;
995
- position: relative;
996
- }
997
-
998
- .screen.home .title {
999
- font-size: 3em;
1000
- font-weight: 700;
1001
- color: #000;
1002
- margin-bottom: 0.5em;
1003
- }
1004
-
1005
- .screen.home .desc {
1006
- font-size: 1.2em;
1007
- max-width: 70%;
1008
- margin-bottom: 4em;
1009
- }
1010
-
1011
- @media screen and (max-width: 768px) {
1012
- .screen.home .desc {
1013
- max-width: 100%;
1014
- }
1015
- }
1016
-
1017
- .screen.home .indicator {
1018
- position: absolute;
1019
- font-size: 2.4em;
1020
- right: 2em;
1021
- bottom: 1em;
1022
- color: #adb5bd;
1023
- animation: pulse 1000ms ease-in-out infinite alternate backwards;
1024
- }
1025
-
1026
- @media screen and (max-width: 768px) {
1027
- .screen.home .indicator {
1028
- position: relative;
1029
- align-self: center;
1030
- right: auto;
1031
- margin-top: 5rem;
1032
- }
1033
- }
1034
-
1035
- @keyframes pulse {
1036
- from {
1037
- color: #1abc9c;
1038
- transform: translateY(-80px);
1039
- }
1040
-
1041
- to {
1042
- color: #1890ff;
1043
- transform: translateY(0);
1044
- }
1045
- }
1046
-
1047
- .login-container {
1048
- display: flex;
1049
- width: 100%;
1050
- height: 100%;
1051
- }
1052
-
1053
- .login-left {
1054
- display: flex;
1055
- width: 25%;
1056
- min-width: 450px;
1057
- height: 100%;
1058
- /* border-right: 1px solid rgba(0, 0, 0, 0.1); */
1059
- box-sizing: border-box;
1060
- padding: 64px;
1061
- box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.15);
1062
- background-color: white;
1063
- overflow-y: auto;
1064
- }
1065
-
1066
- .login-left h1 {
1067
- font-size: 3em;
1068
- font-weight: 700;
1069
- color: var(--mmt-primary-70);
1070
- margin-bottom: 0.5em;
1071
- margin-top: 0.5em;
1072
- }
1073
-
1074
- .login-left h2 {
1075
- font-size: 1.5em;
1076
- color: var(--gray-dark);
1077
- margin-bottom: 2em;
1078
- }
1079
-
1080
- .login-right {
1081
- width: 80%;
1082
- height: 100%;
1083
- background-size: contain;
1084
- background-position: center;
1085
- background-repeat: no-repeat;
1086
- background-color: rgba(0, 0, 0, 0.005);
1087
- }
1088
-
1089
- .ant-row.ant-form-item {
1090
- margin-bottom: 12px;
1091
- }
1092
-
1093
- .ant-col.ant-form-item-label label {
1094
- font-weight: 400;
1095
- }
1096
-
1097
- .ant-form-item-control-input-content {
1098
- display: flex;
1099
- flex-direction: row;
1100
- justify-content: space-between;
1101
- align-items: center;
1102
- }
1103
-
1104
- .registerLink {
1105
- display: flex;
1106
- flex-direction: row;
1107
- flex-grow: 1;
1108
- justify-content: center;
1109
- }
1110
-
1111
- @media screen and (max-width: 980px) {
1112
- .right {
1113
- display: none;
1114
- }
1115
-
1116
- .left {
1117
- width: 100%;
1118
- }
1119
- }
1120
-
1121
- .admin-users-card {
1122
- width: calc(25% - 8px);
1123
- box-sizing: border-box;
1124
- padding: var(--size);
1125
- height: fit-content;
1126
- background: rgba(0, 0, 0, 0.03);
1127
- border-radius: 5px;
1128
- }
1129
-
1130
- .admin-users-card h3 {
1131
- font-size: var(--font-size-lg);
1132
- font-weight: 400;
1133
- color: rgba(0, 0, 0, 0.67);
1134
- }
1135
-
1136
- .admin-users-card h1 {
1137
- font-size: 22px;
1138
- font-weight: 600;
1139
- color: rgba(0, 0, 0, 0.72);
1140
- }
1141
-
1142
- .admin-users-card i {
1143
- font-size: 48px;
1144
- margin: auto 0;
1145
- }
1146
-
1147
- .admin-users-filter {
1148
- width: 100%;
1149
- height: 60px;
1150
- margin: var(--size) auto;
1151
- border-radius: 5px;
1152
- -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
1153
- -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
1154
- box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
1155
- padding: 12px;
1156
- }
1157
-
1158
- .admin-users-filter ButtonGroup {
1159
- margin: auto 0;
1160
- }
1161
-
1162
- .admin-users-filter .btn-primary {
1163
- background: none;
1164
- border-color: transparent;
1165
- color: rgba(0, 0, 0, 0.65);
1166
- font-weight: 600;
1167
- border-radius: 5px;
1168
- background: rgba(0, 0, 0, 0.04);
1169
- }
1170
-
1171
- .admin-users-filter .btn-primary:not(:last-of-type) {
1172
- margin-right: 8px;
1173
- }
1174
-
1175
- .admin-users-filter .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
1176
- .admin-users-filter .btn-group > .btn-group:not(:last-child) > .btn {
1177
- border-radius: 5px;
1178
- }
1179
-
1180
- .admin-users-filter .btn-group > .btn:not(:first-child),
1181
- .admin-users-filter .btn-group > .btn-group:not(:first-child) > .btn {
1182
- border-radius: 5px;
1183
- }
1184
-
1185
- .admin-users-filter .btn-primary:not(:disabled):not(.disabled):active:focus,
1186
- .admin-users-filter .btn-primary:not(:disabled):not(.disabled).active:focus,
1187
- .admin-users-filter .show > .btn-primary.dropdown-toggle:focus,
1188
- .admin-users-filter .btn-primary:focus,
1189
- .admin-users-filter .btn-primary.focus {
1190
- box-shadow: none;
1191
- }
1192
-
1193
- .admin-users-filter .css-2b097c-container {
1194
- min-width: 200px;
1195
- }
1196
-
1197
- .admin-users-filter .css-2b097c-container > div {
1198
- border: none;
1199
- }
1200
-
1201
- @media screen and (max-width: 1150px) {
1202
- .admin-users-card {
1203
- width: 50.5050505051%;
1204
- }
1205
-
1206
- .admin-users-card:nth-of-type(1),
1207
- .admin-users-card:nth-of-type(2) {
1208
- margin-bottom: var(--size);
1209
- }
1210
- }
1211
-
1212
- .collapse-card {
1213
- grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)) !important;
1214
- margin-bottom: 8px !important;
1215
- cursor: pointer;
1216
- position: relative;
1217
- }
1218
-
1219
- .confirm-modal .ant-modal-body {
1220
- padding: 0;
1221
- }
1222
-
1223
- .confirm-modal .ant-modal-content .ant-modal-close {
1224
- display: none !important;
1225
- }
1226
-
1227
- .confirm-modal .ant-result {
1228
- padding: var(--size-lg) 0;
1229
- }
1230
-
1231
- .confirm-modal .ant-result .ant-result-icon {
1232
- margin-bottom: 12px;
1233
- }
1234
-
1235
- .confirm-modal .ant-result .ant-result-icon > .anticon {
1236
- font-size: 42px;
1237
- }
1238
-
1239
- .confirm-modal .ant-result .ant-result-title {
1240
- font-size: 18px;
1241
- }
1242
-
1243
- .confirm-modal .ant-result .ant-result-extra {
1244
- margin-top: 12px;
1245
- }
1246
-
1247
- .collapse-card:not(.info)::after {
1248
- position: absolute;
1249
- content: "";
1250
- width: 0;
1251
- height: 0;
1252
- border-left: 5px solid transparent;
1253
- border-right: 5px solid transparent;
1254
- border-top: 5px solid rgba(0, 0, 0, 0.4);
1255
- bottom: 8px;
1256
- left: 0;
1257
- right: 0;
1258
- margin: auto;
1259
- }
1260
-
1261
- .collapse-card.open {
1262
- padding-bottom: 3.5em !important;
1263
- }
1264
-
1265
- .collapse-card.open::after {
1266
- border-left: 5px solid transparent;
1267
- border-right: 5px solid transparent;
1268
- border-bottom: 5px solid rgba(0, 0, 0, 0.4);
1269
- bottom: 43px;
1270
- border-top: none;
1271
- }
1272
-
1273
- .collapse-card:not(.info) .actions {
1274
- position: absolute;
1275
- bottom: 0;
1276
- width: 100%;
1277
- height: 35px;
1278
- background: rgba(0, 0, 0, 0.06);
1279
- margin: 0;
1280
- display: none;
1281
- flex-direction: row;
1282
- justify-content: space-between;
1283
- padding: 0 1.6em;
1284
- border-top: 1px solid rgba(0, 0, 0, 0.1);
1285
- }
1286
-
1287
- .collapse-card:not(.info).open .actions {
1288
- display: flex;
1289
- }
1290
-
1291
- .collapse-card:not(.info).open .actions a {
1292
- width: 50%;
1293
- text-align: center;
1294
- }
1295
-
1296
- .collapse-card:not(.info).open .actions a i {
1297
- font-size: var(--font-size-lg);
1298
- margin: auto 6px auto 0;
1299
- }
1300
-
1301
- .collapse-card:not(.info).open .actions a:not(:last-of-type) {
1302
- border-right: 1px solid rgba(0, 0, 0, 0.1);
1303
- }
1304
-
1305
- .component-view.module.document-view {
1306
- background: #eee;
1307
- }
1308
-
1309
- .component-view.module.document-view .form-view {
1310
- background-color: white;
1311
- padding: 2em;
1312
- }
1313
-
1314
- .dashboard-card {
1315
- position: relative;
1316
- display: -ms-flexbox;
1317
- display: flex;
1318
- -ms-flex-direction: column;
1319
- flex-direction: column;
1320
- min-width: 0;
1321
- word-wrap: break-word;
1322
- background-color: #fff;
1323
- background-clip: border-box;
1324
- border: 1px solid rgba(0, 0, 0, 0.125);
1325
- border-radius: 0.25rem;
1326
- }
1327
-
1328
- .dashboard-card .card-title {
1329
- margin-bottom: 0.75rem;
1330
- text-align: center;
1331
- font-size: 20px;
1332
- font-weight: 700;
1333
- }
1334
-
1335
- .dashboard-card .card-subtitle {
1336
- margin-top: -0.375rem;
1337
- margin-bottom: 0;
1338
- }
1339
-
1340
- .dashboard-card .card-subtitle.red {
1341
- color: red;
1342
- }
1343
-
1344
- .row {
1345
- display: flex;
1346
- flex-direction: row;
1347
- }
1348
-
1349
- .column {
1350
- display: flex;
1351
- flex-direction: column;
1352
- }
1353
-
1354
- .start {
1355
- display: flex;
1356
- justify-content: flex-start;
1357
- }
1358
-
1359
- .end {
1360
- display: flex;
1361
- justify-content: flex-end;
1362
- }
1363
-
1364
- .between {
1365
- display: flex;
1366
- justify-content: space-between;
1367
- }
1368
-
1369
- .mb-20 {
1370
- margin-bottom: 20px;
1371
- }
1372
-
1373
- .ant-page-header.page-heading-menu .ant-page-header-heading {
1374
- justify-content: space-between !important;
1375
- }
1376
-
1377
- .components-layout .trigger {
1378
- padding: 0 var(--size-lg);
1379
- font-size: 18px;
1380
- line-height: 64px;
1381
- cursor: pointer;
1382
- transition: color 0.3s;
1383
- }
1384
-
1385
- .components-layout .trigger:hover {
1386
- color: var(--mmt-primary-70);
1387
- }
1388
-
1389
- .components-layout .logo {
1390
- margin: 20px var(--size-lg) var(--size-lg) var(--size-lg);
1391
- }
1392
-
1393
- .components-layout .logo img {
1394
- height: 30px;
1395
- }
1396
-
1397
- .components-layout .logo img.tazama {
1398
- height: 41px;
1399
- }
1400
-
1401
- .components-layout .sidenav-sider-collapsed .logo {
1402
- text-align: center;
1403
- margin: 20px 0px var(--size-lg) 0px;
1404
- }
1405
-
1406
- .components-layout .sidenav-sider-collapsed .logo img {
1407
- padding-left: 0;
1408
- }
1409
-
1410
- .components-layout .sidenav-sider-collapsed .logo img.tazama {
1411
- height: 35px;
1412
- margin-top: 3px;
1413
- margin-bottom: 3px;
1414
- }
1415
-
1416
- .components-layout .site-layout .site-layout-background {
1417
- background: #fff;
1418
- }
1419
-
1420
- .components-layout .mod-name {
1421
- display: flex;
1422
- flex-direction: row;
1423
- justify-content: flex-start;
1424
- align-items: center;
1425
- margin-bottom: var(--size-lg);
1426
- padding: 0px var(--size-lg);
1427
- gap: 7px;
1428
- }
1429
-
1430
- .components-layout .mod-name.is-collapsed .icon {
1431
- display: flex;
1432
- justify-content: center;
1433
- flex: 1;
1434
- }
1435
-
1436
- .components-layout .mod-name span[role="img"] {
1437
- font-size: 20px;
1438
- padding: 4px 0px;
1439
- border-top-right-radius: 2px;
1440
- border-bottom-right-radius: 2px;
1441
- }
1442
-
1443
- .components-layout .mod-name h1 {
1444
- font-family: SF UI Display;
1445
- font-style: normal;
1446
- font-weight: bold;
1447
- font-size: var(--font-size-lg);
1448
- display: flex;
1449
- align-items: center;
1450
- color: #ffffff;
1451
- margin: 0;
1452
- }
1453
-
1454
- .components-layout .sidenav-cont {
1455
- display: flex;
1456
- flex-direction: column;
1457
- height: calc(100% - 130px);
1458
- }
1459
-
1460
- .components-layout .sidenav-cont.tazama {
1461
- height: calc(100% - 90px);
1462
- }
1463
-
1464
- .components-layout .sidenav-cont.tazama .ant-menu-submenu-title:hover {
1465
- background-color: var(--base-gray-20);
1466
- }
1467
-
1468
- /* .components-layout .sidenav-cont.cukura .ant-menu-submenu-title:hover {
1469
- background-color: var(--base-gray-20);
1470
- } */
1471
- .components-layout .sidenav-cont .menus-cont .ant-menu-item {
1472
- margin-left: 0px;
1473
- margin-right: 0px;
1474
- width: 100%;
1475
- }
1476
-
1477
- .components-layout .sidenav-cont .menus-cont .ant-menu-submenu-title {
1478
- margin-left: 0px;
1479
- margin-right: 0px;
1480
- width: 100%;
1481
- }
1482
-
1483
- .components-layout
1484
- .sidenav-cont
1485
- .menus-cont.is-collapsed
1486
- .ant-menu-submenu-title
1487
- svg {
1488
- margin-right: 0px;
1489
- margin-left: 2px;
1490
- }
1491
-
1492
- .components-layout
1493
- .sidenav-cont
1494
- .ant-menu-sub
1495
- .ant-menu-item-only-child
1496
- .ant-menu-title-content {
1497
- line-height: 20px;
1498
- }
1499
-
1500
- .components-layout .sidenav-cont .menus-cont {
1501
- flex: 1;
1502
- overflow-y: auto;
1503
- }
1504
-
1505
- .components-layout .sidenav-cont .menus-cont .sidemenu-cont {
1506
- margin-bottom: 8px;
1507
- }
1508
-
1509
- .components-layout .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-submenu,
1510
- .components-layout .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-item {
1511
- color: white;
1512
- }
1513
-
1514
- .components-layout.nested
1515
- .sidenav-cont
1516
- .menus-cont
1517
- .sidemenu-cont
1518
- .ant-menu-submenu,
1519
- .components-layout.nested
1520
- .sidenav-cont
1521
- .menus-cont
1522
- .sidemenu-cont
1523
- .ant-menu-item {
1524
- color: #384250;
1525
- }
1526
-
1527
- .components-layout.nested .sidenav-cont .ant-menu-submenu-title {
1528
- color: #384250 !important;
1529
- }
1530
-
1531
- .components-layout.nested
1532
- .sidenav-cont
1533
- .ant-menu-submenu.ant-menu-submenu-disabled
1534
- .ant-menu-submenu-title {
1535
- color: #d2d6db !important;
1536
- opacity: 0.6;
1537
- cursor: not-allowed;
1538
- }
1539
-
1540
- .components-layout .sidenav-cont .menus-cont .sidemenu-cont .title-span {
1541
- margin-bottom: 8px;
1542
- text-transform: uppercase;
1543
- margin-left: var(--size-lg);
1544
- font-size: 12px;
1545
- color: #9da4ae;
1546
- font-weight: 500;
1547
- line-height: 20px;
1548
- }
1549
-
1550
- .components-layout .sidenav-cont .menus-cont.is-collapsed .sidemenu-cont {
1551
- margin-bottom: 0px;
1552
- }
1553
-
1554
- .components-layout
1555
- .sidenav-cont
1556
- .menus-cont.is-collapsed
1557
- .sidemenu-cont
1558
- .title-span {
1559
- display: none;
1560
- }
1561
-
1562
- .components-layout .sidenav-cont .sidenav-footer {
1563
- padding: 30px var(--size-lg);
1564
- }
1565
-
1566
- .components-layout .sidenav-cont .sidenav-footer h6 {
1567
- color: white;
1568
- font-size: 10px;
1569
- font-weight: 500;
1570
- margin-bottom: 6px;
1571
- line-height: 18px;
1572
- }
1573
-
1574
- .components-layout .sidenav-cont .sidenav-footer img {
1575
- width: 100px;
1576
- }
1577
-
1578
- .components-layout .ant-layout-footer {
1579
- padding: 10px 50px;
1580
- }
1581
-
1582
- .components-layout .site-layout-sub-header-background {
1583
- background: var(--base-gray-100);
1584
- padding: 0px 6px;
1585
- }
1586
-
1587
- .components-layout .site-layout-sub-header-background.custom {
1588
- background: var(--custom-header-color);
1589
- padding: 0px 6px;
1590
- }
1591
-
1592
- .components-layout .site-layout-sub-header-background.tazama {
1593
- background: var(--base-gray-20);
1594
- }
1595
-
1596
- .components-layout .site-layout-sub-header-background.cukura {
1597
- background: var(--base-gray-100);
1598
- }
1599
-
1600
- .components-layout .site-layout-sub-header-background.tazama svg {
1601
- color: var(--base-gray-70);
1602
- }
1603
-
1604
- .components-layout .site-layout-sub-header-background.cukura svg {
1605
- color: var(--base-gray-20);
1606
- }
1607
-
1608
- .components-layout .site-layout-sub-header-background .language-select {
1609
- background-color: transparent;
1610
- margin-top: auto;
1611
- margin-bottom: auto;
1612
- }
1613
-
1614
- .components-layout
1615
- .site-layout-sub-header-background
1616
- .language-select
1617
- .ant-select-selection-item {
1618
- display: flex;
1619
- }
1620
-
1621
- .components-layout
1622
- .site-layout-sub-header-background
1623
- .language-select
1624
- .ant-select-selection-item
1625
- .cont {
1626
- color: white;
1627
- }
1628
-
1629
- .components-layout
1630
- .site-layout-sub-header-background
1631
- .language-select
1632
- .row-cont {
1633
- display: flex;
1634
- min-width: 55px;
1635
- }
1636
-
1637
- .components-layout
1638
- .site-layout-sub-header-background
1639
- .language-select
1640
- .ant-select-item-option-content
1641
- .row-cont {
1642
- min-width: 80px;
1643
- }
1644
-
1645
- .components-layout .site-layout-sub-header-background .language-select .cont {
1646
- display: flex;
1647
- flex-direction: column;
1648
- justify-content: center;
1649
- }
1650
-
1651
- .components-layout
1652
- .site-layout-sub-header-background.tazama
1653
- .language-select
1654
- .cont {
1655
- color: var(--base-gray-70);
1656
- }
1657
-
1658
- /* .components-layout .site-layout-sub-header-background.cukura .language-select .cont {
1659
- color: var(--base-gray-20);
1660
- } */
1661
- .components-layout .site-layout-sub-header-background .left-sidebar .desktop {
1662
- display: flex;
1663
- }
1664
-
1665
- .components-layout .site-layout-sub-header-background .left-sidebar .mobile {
1666
- display: none;
1667
- }
1668
-
1669
- @media (max-width: 850px) {
1670
- .components-layout .site-layout-sub-header-background .left-sidebar .desktop {
1671
- display: none;
1672
- }
1673
-
1674
- .components-layout .site-layout-sub-header-background .left-sidebar .mobile {
1675
- display: flex;
1676
- flex-direction: column;
1677
- justify-content: center;
1678
- padding-left: 25px;
1679
- }
1680
-
1681
- .components-layout
1682
- .site-layout-sub-header-background
1683
- .left-sidebar
1684
- .mobile
1685
- .mobile-burger
1686
- svg {
1687
- width: 16px;
1688
- height: 16px;
1689
- }
1690
-
1691
- .components-layout
1692
- .site-layout-sub-header-background
1693
- .left-sidebar
1694
- .mobile.pl-0 {
1695
- padding-left: 0;
1696
- }
1697
-
1698
- .components-layout
1699
- .site-layout-sub-header-background
1700
- .left-sidebar
1701
- .mobile
1702
- img {
1703
- width: 26px;
1704
- height: 26px;
1705
- }
1706
- }
1707
-
1708
- .components-layout .ant-layout-content {
1709
- height: calc(100dvh - 64px);
1710
- overflow-y: hidden;
1711
- }
1712
-
1713
- .components-layout .ant-layout-content .ant-tabs-content-holder {
1714
- height: 100%;
1715
- overflow-y: auto;
1716
- }
1717
-
1718
- .components-layout .right-sidebar {
1719
- line-height: 64px;
1720
- justify-content: space-evenly;
1721
- }
1722
-
1723
- .components-layout .right-sidebar .ant-select-selector .ant-typography {
1724
- color: white;
1725
- }
1726
-
1727
- .components-layout .right-sidebar .user-details span {
1728
- padding-left: 10px;
1729
- }
1730
-
1731
- .components-layout .right-sidebar .user-details .logout-button {
1732
- cursor: pointer;
1733
- transition: color 0.3s;
1734
- }
1735
-
1736
- .components-layout .right-sidebar .user-details .logout-button:hover {
1737
- color: var(--mmt-primary-70);
1738
- }
1739
-
1740
- .components-layout .right-sidebar > div {
1741
- padding-right: 25px;
1742
- }
1743
-
1744
- @media (max-width: 850px) {
1745
- .components-layout .right-sidebar > div {
1746
- padding-right: 1.5rem;
1747
- }
1748
- }
1749
-
1750
- .components-layout
1751
- .ant-select-single.ln-22
1752
- .ant-select-selector
1753
- .ant-select-selection-item,
1754
- .components-layout
1755
- .ant-select-single.ln-22
1756
- .ant-select-selector
1757
- .ant-select-selection-placeholder {
1758
- line-height: 22px;
1759
- }
1760
-
1761
- .components-layout
1762
- .ant-select-single.ln-22:not(.ant-select-customize-input)
1763
- .ant-select-selector
1764
- .ant-select-selection-search-input {
1765
- height: 22px;
1766
- }
1767
-
1768
- .components-layout .link {
1769
- color: white;
1770
- }
1771
-
1772
- .components-layout .link:hover {
1773
- color: var(--mmt-primary-70);
1774
- }
1775
-
1776
- .dark-menu.min-w-300 .ant-dropdown-menu {
1777
- min-width: 300px;
1778
- }
1779
-
1780
- .dark-menu.min-w-300 .ant-dropdown-menu .ant-dropdown-menu-item-disabled {
1781
- opacity: 1 !important;
1782
- cursor: default !important;
1783
- }
1784
-
1785
- .dark-menu .ant-dropdown-menu {
1786
- background: var(--base-gray-100) !important;
1787
- border-radius: 4px;
1788
- border: 1px solid var(--base-gray-90);
1789
- }
1790
-
1791
- .dark-menu.custom .ant-dropdown-menu {
1792
- background: var(--custom-header-color) !important;
1793
- border-radius: 4px;
1794
- border: 1px solid var(--base-gray-90);
1795
- }
1796
-
1797
- .ant-menu.ant-menu-sub.ant-menu-inline {
1798
- background-color: var(--base-gray-110) !important;
1799
- }
1800
-
1801
- .sidenav-sider.custom .ant-menu.ant-menu-sub.ant-menu-inline {
1802
- background-color: var(--custom-sidenav-submenu-color) !important;
1803
- }
1804
-
1805
- .sidenav-sider.nested .ant-menu.ant-menu-sub.ant-menu-inline {
1806
- background-color: var(--nested-sidenav-submenu-bg-color) !important;
1807
- }
1808
-
1809
- .sidenav-sider.nested
1810
- .ant-menu.ant-menu-sub.ant-menu-inline
1811
- .ant-menu-item:hover {
1812
- background-color: var(--color-primary-10) !important;
1813
- }
1814
-
1815
- .sidenav-sider.nested
1816
- .ant-menu.ant-menu-sub.ant-menu-inline
1817
- .ant-menu-item.selected-it,
1818
- .sidenav-sider.nested
1819
- .ant-menu.ant-menu-sub.ant-menu-inline
1820
- .ant-menu-item.selected-it:hover,
1821
- .sidenav-sider.nested
1822
- .ant-menu.ant-menu-sub.ant-menu-inline
1823
- .ant-menu-item.selected-it:active {
1824
- background-color: var(--color-primary-70) !important;
1825
- }
1826
-
1827
- .sidenav-sider
1828
- .ant-menu.ant-menu-sub.ant-menu-inline
1829
- .ant-menu-item.selected-it,
1830
- .sidenav-sider
1831
- .ant-menu.ant-menu-sub.ant-menu-inline
1832
- .ant-menu-item.selected-it:hover,
1833
- .sidenav-sider
1834
- .ant-menu.ant-menu-sub.ant-menu-inline
1835
- .ant-menu-item.selected-it:active {
1836
- background-color: var(--color-primary-70) !important;
1837
- }
1838
-
1839
- .dark-menu .ant-dropdown-menu .ant-dropdown-menu-item span,
1840
- .dark-menu .ant-dropdown-menu .ant-dropdown-menu-item svg {
1841
- color: white;
1842
- }
1843
-
1844
- .dark-menu .ant-dropdown-menu .ant-dropdown-menu-item-disabled {
1845
- opacity: 0.5;
1846
- }
1847
-
1848
- .dark-menu .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover {
1849
- background: var(--base-gray-100) !important;
1850
- }
1851
-
1852
- .dark-menu.custom .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover {
1853
- background: var(--custom-header-color) !important;
1854
- }
1855
-
1856
- .dark-menu .ant-dropdown-menu .ant-dropdown-menu-item-active {
1857
- background: var(--base-gray-100) !important;
1858
- }
1859
-
1860
- .dark-menu.custom .ant-dropdown-menu .ant-dropdown-menu-item-active {
1861
- background: var(--custom-sidenav-hover-color) !important;
1862
- }
1863
-
1864
- .dark-menu.tazama .ant-dropdown-menu {
1865
- background: var(--base-gray-10) !important;
1866
- border: 0px;
1867
- }
1868
-
1869
- /* .dark-menu.cukura .ant-dropdown-menu {
1870
- background: var(--base-gray-90) !important;
1871
- border: 0px;
1872
- } */
1873
- .dark-menu.tazama .ant-dropdown-menu .ant-dropdown-menu-item span,
1874
- .dark-menu.tazama .ant-dropdown-menu .ant-dropdown-menu-item svg {
1875
- color: var(--base-gray-90);
1876
- }
1877
-
1878
- /* .dark-menu.cukura .ant-dropdown-menu .ant-dropdown-menu-item span,
1879
- .dark-menu.cukura .ant-dropdown-menu .ant-dropdown-menu-item svg {
1880
- color: var(--base-gray-90);
1881
- } */
1882
- .dark-menu.tazama .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover {
1883
- background: var(--base-gray-10) !important;
1884
- }
1885
-
1886
- /* .dark-menu.cukura .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover {
1887
- background: var(--base-gray-90) !important;
1888
- } */
1889
- .dark-menu.tazama .ant-dropdown-menu .ant-dropdown-menu-item-active {
1890
- background: var(--base-gray-10) !important;
1891
- }
1892
-
1893
- /* .dark-menu.cukura .ant-dropdown-menu .ant-dropdown-menu-item-active {
1894
- background: var(--base-gray-90) !important;
1895
- } */
1896
-
1897
- .user-dropdown-layout .ant-dropdown-menu {
1898
- min-width: 180px;
1899
- border-radius: 6px !important;
1900
- background-color: var(--base-gray-100) !important;
1901
- padding-top: 10px !important;
1902
- padding-bottom: 8px !important;
1903
- }
1904
-
1905
- .user-dropdown-layout.custom .ant-dropdown-menu {
1906
- min-width: 180px;
1907
- border-radius: 6px !important;
1908
- background-color: var(--custom-header-color) !important;
1909
- padding-top: 10px !important;
1910
- padding-bottom: 8px !important;
1911
- }
1912
-
1913
- .user-dropdown-layout .ant-dropdown-menu:hover {
1914
- background-color: var(--base-gray-100) !important;
1915
- }
1916
-
1917
- .user-dropdown-layout.custom .ant-dropdown-menu:hover {
1918
- background-color: var(--custom-header-color) !important;
1919
- }
1920
-
1921
- .user-dropdown-layout .ant-dropdown-menu .ant-dropdown-menu-item {
1922
- padding: 10px;
1923
- cursor: default;
1924
- }
1925
-
1926
- .user-dropdown-layout .ant-dropdown-menu .ant-dropdown-menu-item:hover {
1927
- background-color: transparent;
1928
- }
1929
-
1930
- .user-dropdown-layout .ant-dropdown-menu .list {
1931
- display: flex;
1932
- flex-direction: column;
1933
- }
1934
-
1935
- .user-dropdown-layout .ant-dropdown-menu .list .list-item {
1936
- padding: 5px 12px;
1937
- font-size: 14px;
1938
- font-weight: 500;
1939
- color: white;
1940
- cursor: pointer;
1941
- }
1942
-
1943
- .user-dropdown-layout .ant-dropdown-menu .list .list-item.disabled {
1944
- opacity: 0.1;
1945
- cursor: not-allowed;
1946
- }
1947
-
1948
- .user-dropdown-layout .ant-dropdown-menu .list .list-item:hover {
1949
- background-color: #1f2a37;
1950
- border-radius: 4px;
1951
- transition: 0.6s background;
1952
- }
1953
-
1954
- .user-dropdown-layout.custom .ant-dropdown-menu .list .list-item:hover {
1955
- background-color: var(--custom-sidenav-hover-color);
1956
- border-radius: 4px;
1957
- transition: 0.6s background;
1958
- }
1959
-
1960
- .user-dropdown-layout .ant-dropdown-menu .ant-dropdown-menu-title-content {
1961
- width: 100%;
1962
- }
1963
-
1964
- .user-dropdown-layout .ant-dropdown-menu .drop-header {
1965
- border-bottom: 1px solid var(--base-gray-90);
1966
- margin: 0px 12px 8px 12px;
1967
- }
1968
-
1969
- .user-dropdown-layout .ant-dropdown-menu .drop-header h4 {
1970
- color: white;
1971
- margin-bottom: 0px;
1972
- font-size: 14px;
1973
- font-weight: 500;
1974
- }
1975
-
1976
- .user-dropdown-layout .ant-dropdown-menu .drop-header p {
1977
- color: #9da4ae;
1978
- margin-bottom: 12px;
1979
- font-size: 12px;
1980
- font-weight: 500;
1981
- }
1982
-
1983
- .user-dropdown-layout .ant-dropdown-menu .list-break {
1984
- border-bottom: 1px solid var(--base-gray-90);
1985
- margin: 5px 12px;
1986
- }
1987
-
1988
- .user-dropdown-layout.tazama .ant-dropdown-menu {
1989
- background-color: var(--base-gray-10) !important;
1990
- }
1991
-
1992
- /* .user-dropdown-layout.cukura .ant-dropdown-menu {
1993
- background-color: var(--base-gray-20) !important;
1994
- } */
1995
- .user-dropdown-layout.tazama .ant-dropdown-menu .list .list-item {
1996
- color: var(--base-gray-90);
1997
- }
1998
-
1999
- /* .user-dropdown-layout.cukura .ant-dropdown-menu .list .list-item {
2000
- color: var(--base-gray-90);
2001
- } */
2002
- .user-dropdown-layout.tazama .ant-dropdown-menu .list .list-item:hover {
2003
- background: var(--base-gray-20);
2004
- }
2005
-
2006
- /* .user-dropdown-layout.cukura .ant-dropdown-menu .list .list-item:hover {
2007
- background: var(--base-gray-30);
2008
- } */
2009
- .user-dropdown-layout.tazama .ant-dropdown-menu .drop-header {
2010
- border-bottom-color: var(--base-gray-20);
2011
- }
2012
-
2013
- /* .user-dropdown-layout.cukura .ant-dropdown-menu .drop-header {
2014
- border-bottom-color: var(--base-gray-30);
2015
- } */
2016
- .user-dropdown-layout.tazama .ant-dropdown-menu .drop-header h4 {
2017
- color: var(--base-gray-90);
2018
- }
2019
-
2020
- /* .user-dropdown-layout.cukura .ant-dropdown-menu .drop-header h4 {
2021
- color: var(--base-gray-90);
2022
- } */
2023
- .user-dropdown-layout.tazama .ant-dropdown-menu:hover {
2024
- background-color: var(--base-gray-10) !important;
2025
- }
2026
-
2027
- /* .user-dropdown-layout.cukura .ant-dropdown-menu:hover {
2028
- background-color: var(--base-gray-20) !important;
2029
- } */
2030
-
2031
- .custom-switch.bg-red {
2032
- background: #f5222d !important;
2033
- }
2034
-
2035
- .custom-switch.bg-green {
2036
- background: #52c41a !important;
2037
- }
2038
-
2039
- .editdd-table-modal .inputs label {
2040
- margin-bottom: 0px;
2041
- }
2042
-
2043
- .editdd-table-modal .inputs .ant-input-number {
2044
- width: 100%;
2045
- }
2046
-
2047
- .editdd-table-modal .inputs .ant-form-item .ant-row {
2048
- flex-direction: column;
2049
- }
2050
-
2051
- .editdd-table-modal .inputs .ant-form-item .ant-row .ant-form-item-label {
2052
- text-align: left;
2053
- }
2054
-
2055
- #edit-form {
2056
- display: flex;
2057
- flex-direction: column;
2058
- justify-content: flex-start;
2059
- width: 100%;
2060
- height: 100%;
2061
- overflow: hidden;
2062
- }
2063
-
2064
- #edit-form .ant-form-item {
2065
- margin-bottom: 16px;
2066
- }
2067
-
2068
- #edit-form .content-card {
2069
- max-width: 872px;
2070
- width: 100%;
2071
- border-radius: 8px;
2072
- background-color: white;
2073
- margin: 0 auto;
2074
- padding: 0 var(--size-lg) var(--size-lg) var(--size-lg);
2075
- }
2076
-
2077
- #edit-form .no-label .ant-form-item-label label {
2078
- display: none;
2079
- height: 0px;
2080
- }
2081
-
2082
- #edit-form .comment-btn .ant-btn-icon {
2083
- margin-top: 4px;
2084
- }
2085
-
2086
- #edit-form .ant-form-item-label span:first-child {
2087
- display: flex;
2088
- align-items: center;
2089
- flex: 1;
2090
- justify-content: space-between;
2091
- }
2092
-
2093
- #edit-form .delete-cont {
2094
- display: flex;
2095
- flex-direction: column;
2096
- justify-content: center;
2097
- margin-right: 8px;
2098
- }
2099
-
2100
- #edit-form .delete-cont svg {
2101
- cursor: pointer;
2102
- color: #f04438;
2103
- }
2104
-
2105
- #edit-form .title-semibold-1 {
2106
- font-family: "SF UI Display" !important;
2107
- font-weight: 600 !important;
2108
- font-size: 30px !important;
2109
- line-height: 38px !important;
2110
- color: #001529;
2111
- }
2112
-
2113
- #edit-form .title-semibold-2 {
2114
- font-family: "SF UI Display" !important;
2115
- font-weight: 600 !important;
2116
- font-size: var(--size-lg) !important;
2117
- line-height: 32px !important;
2118
- color: #001529;
2119
- }
2120
-
2121
- #edit-form .title-semibold-3 {
2122
- font-family: "SF UI Display" !important;
2123
- font-weight: 600 !important;
2124
- font-size: var(--font-size-lg) !important;
2125
- line-height: 26px !important;
2126
- color: #001529;
2127
- margin-bottom: 0 !important;
2128
- }
2129
-
2130
- #edit-form .title-semibold-4 {
2131
- font-family: "SF UI Display" !important;
2132
- font-weight: 600 !important;
2133
- font-size: var(--font-size-lg) !important;
2134
- line-height: var(--size-lg) !important;
2135
- color: #001529;
2136
- }
2137
-
2138
- #edit-form .title-normal-2 {
2139
- font-family: "SF UI Display" !important;
2140
- font-weight: 500 !important;
2141
- line-height: 20px !important;
2142
- font-size: 14px;
2143
- color: var(--base-gray-90);
2144
- }
2145
-
2146
- #edit-form .title-semibold-5 {
2147
- font-family: "SF UI Display" !important;
2148
- font-weight: 600 !important;
2149
- font-size: 14px !important;
2150
- line-height: 22px !important;
2151
- color: #001529;
2152
- }
2153
-
2154
- #edit-form .title-semibold-6 {
2155
- font-family: "SF UI Display" !important;
2156
- font-weight: 600 !important;
2157
- font-size: 12px !important;
2158
- line-height: 20px !important;
2159
- color: #001529;
2160
- }
2161
-
2162
- #edit-form .ant-page-header .ant-page-header-heading-left {
2163
- overflow: initial;
2164
- }
2165
-
2166
- #edit-form .ant-page-header .ant-page-header-back-button {
2167
- margin-bottom: 2px;
2168
- }
2169
-
2170
- #edit-form .ant-page-header .ant-page-header-back-button span[role="img"] {
2171
- color: var(--color-primary-70);
2172
- }
2173
-
2174
- #edit-form .ant-page-header .ant-page-header-heading-extra {
2175
- width: -webkit-fill-available;
2176
- }
2177
-
2178
- #edit-form .ant-page-header .ant-page-header-heading-extra .ant-space {
2179
- width: 100%;
2180
- }
2181
-
2182
- #edit-form
2183
- .ant-page-header
2184
- .ant-page-header-heading-extra
2185
- .ant-space
2186
- .ant-space-item {
2187
- width: 100%;
2188
- }
2189
-
2190
- #edit-form .ant-page-header .ant-page-header-heading-extra .actions {
2191
- width: 100%;
2192
- display: flex;
2193
- flex-direction: row;
2194
- justify-content: flex-end;
2195
- padding-right: 12px;
2196
- }
2197
-
2198
- #edit-form .ant-page-header .ant-page-header-heading-extra .actions .ant-btn {
2199
- margin-right: 8px;
2200
- border-radius: 8px;
2201
- }
2202
-
2203
- #edit-form
2204
- .ant-page-header
2205
- .ant-page-header-heading-extra
2206
- .actions
2207
- .ant-btn
2208
- span[role="img"] {
2209
- font-size: 14px;
2210
- margin-top: 2px;
2211
- }
2212
-
2213
- #edit-form .ant-page-header .tag {
2214
- display: flex;
2215
- flex-direction: row;
2216
- justify-content: flex-start;
2217
- align-items: center;
2218
- }
2219
-
2220
- #edit-form .ant-page-header .tag p {
2221
- margin: 0 8px 0 0;
2222
- }
2223
-
2224
- #edit-form .view-loader {
2225
- position: absolute;
2226
- width: 100%;
2227
- height: 100%;
2228
- background: rgba(255, 255, 255, 0.1);
2229
- color: var(--color-primary-70);
2230
- display: flex;
2231
- flex-direction: row;
2232
- justify-content: center;
2233
- align-items: center;
2234
- font-size: 38px;
2235
- }
2236
-
2237
- #edit-form .ant-menu {
2238
- min-width: 200px;
2239
- height: 100%;
2240
- }
2241
-
2242
- #edit-form .ant-menu .ant-menu-item {
2243
- padding-left: var(--size) !important;
2244
- }
2245
-
2246
- #edit-form .ant-menu .ant-menu-submenu .ant-menu-submenu-title {
2247
- padding-left: var(--size) !important;
2248
- }
2249
-
2250
- #edit-form .ant-menu .ant-menu-submenu .ant-menu.ant-menu-sub .ant-menu-item {
2251
- padding-left: 32px !important;
2252
- }
2253
-
2254
- #edit-form .entity-name {
2255
- line-height: 1;
2256
- margin: auto;
2257
- display: flex;
2258
- font-size: var(--font-size-lg);
2259
- }
2260
-
2261
- #edit-form .entity-name .anticon {
2262
- vertical-align: 0;
2263
- margin-right: 5px;
2264
- }
2265
-
2266
- #edit-form .view-content {
2267
- display: flex;
2268
- flex-direction: row;
2269
- justify-content: space-between;
2270
- position: relative;
2271
- width: 100%;
2272
- flex: 1;
2273
- overflow: auto;
2274
- }
2275
-
2276
- #edit-form .view-content .content {
2277
- width: 100%;
2278
- display: flex;
2279
- flex-direction: column;
2280
- overflow-y: auto;
2281
- padding: 20px 20px 0 20px;
2282
- }
2283
-
2284
- #edit-form .view-content .content.risk-template.no-padding {
2285
- padding: 0;
2286
- overflow-y: auto;
2287
- flex-direction: row;
2288
- }
2289
-
2290
- #edit-form .view-content .content .title {
2291
- margin-bottom: 20px;
2292
- font-size: var(--size-lg);
2293
- }
2294
-
2295
- #edit-form .view-content .content .wrapper {
2296
- padding: 0;
2297
- display: flex;
2298
- flex-direction: row;
2299
- flex-wrap: wrap;
2300
- }
2301
-
2302
- #edit-form .view-content .content .wrapper .group {
2303
- width: 100%;
2304
- background: #fbfbfb;
2305
- border: 1px solid #f2f2f2;
2306
- padding: var(--size);
2307
- display: flex;
2308
- flex-direction: row;
2309
- flex-wrap: wrap;
2310
- margin-bottom: 20px;
2311
- }
2312
-
2313
- #edit-form .view-content .content .wrapper .group .title {
2314
- width: 100%;
2315
- display: flex;
2316
- align-items: center;
2317
- margin-bottom: var(--size);
2318
- }
2319
-
2320
- #edit-form .view-content .content .wrapper .group .title h1 {
2321
- font-size: 18px;
2322
- color: #001529;
2323
- margin-bottom: 0;
2324
- }
2325
-
2326
- #edit-form .view-content .content .wrapper .group .input {
2327
- display: flex;
2328
- flex-direction: column;
2329
- justify-content: space-between;
2330
- width: 25%;
2331
- border-bottom: 1px solid #e4e8ed;
2332
- margin-bottom: var(--size);
2333
- }
2334
-
2335
- #edit-form .view-content .content .wrapper .group .input .label,
2336
- #edit-form .view-content .content .wrapper .group .input .value {
2337
- font-size: 14px;
2338
- color: #828282;
2339
- line-height: 22px;
2340
- margin: 0;
2341
- }
2342
-
2343
- #edit-form .view-content .content .wrapper .group .input .value {
2344
- color: #001529;
2345
- font-weight: 400;
2346
- margin-bottom: var(--size);
2347
- margin-top: 8px;
2348
- }
2349
-
2350
- #edit-form .view-content .content .wrapper .group .input.last {
2351
- margin: 0;
2352
- border: none;
2353
- }
2354
-
2355
- #edit-form .view-content .content .wrapper .group .input.last .value {
2356
- margin: 0;
2357
- margin-top: 8px;
2358
- }
2359
-
2360
- #edit-form .view-content .content .wrapper .group.repeatable .repeatable-row {
2361
- width: 100%;
2362
- display: flex;
2363
- background: white;
2364
- }
2365
-
2366
- #edit-form .view-content .content .wrapper .group.repeatable .input {
2367
- margin-right: 0 !important;
2368
- margin: 0;
2369
- border-bottom: none;
2370
- }
2371
-
2372
- #edit-form .view-content .content .wrapper .group.repeatable .input .label {
2373
- padding-bottom: 12px;
2374
- border-bottom: 1px solid #e4e8ed;
2375
- min-height: 35px;
2376
- }
2377
-
2378
- #edit-form .view-content .content .wrapper .group.repeatable .input .value {
2379
- padding: 12px 0;
2380
- background: white;
2381
- border-bottom: 1px solid #e4e8ed;
2382
- min-height: 48px;
2383
- margin-bottom: 0;
2384
- margin-top: 0;
2385
- }
2386
-
2387
- #edit-form
2388
- .view-content
2389
- .content
2390
- .wrapper
2391
- .group.repeatable
2392
- .input.action
2393
- .value {
2394
- text-align: center;
2395
- }
2396
-
2397
- #edit-form .view-content .content .wrapper .group.repeatable .no-data {
2398
- margin: 0;
2399
- padding: 12px;
2400
- background: white;
2401
- width: 100%;
2402
- text-align: center;
2403
- }
2404
-
2405
- #edit-form .view-content .content .wrapper .group.repeatable .input .label {
2406
- height: 100%;
2407
- }
2408
-
2409
- #edit-form
2410
- .view-content
2411
- .content
2412
- .wrapper
2413
- .group.repeatable
2414
- .repetable-row-extra {
2415
- width: 100%;
2416
- display: flex;
2417
- flex-wrap: wrap;
2418
- padding: var(--size) 0;
2419
- background: white;
2420
- justify-content: center;
2421
- border-bottom: 1px solid #e4e8ed !important;
2422
- overflow: hidden;
2423
- transition: all 300ms ease;
2424
- }
2425
-
2426
- #edit-form
2427
- .view-content
2428
- .content
2429
- .wrapper
2430
- .group.repeatable
2431
- .repetable-row-extra
2432
- .input {
2433
- display: flex !important;
2434
- flex-direction: column;
2435
- justify-content: space-between;
2436
- border-bottom: 1px solid #e4e8ed;
2437
- margin-bottom: var(--size);
2438
- }
2439
-
2440
- #edit-form
2441
- .view-content
2442
- .content
2443
- .wrapper
2444
- .group.repeatable
2445
- .repetable-row-extra
2446
- .label,
2447
- #edit-form
2448
- .view-content
2449
- .content
2450
- .wrapper
2451
- .group.repeatable
2452
- .repetable-row-extra
2453
- .value {
2454
- font-size: 14px;
2455
- color: #828282;
2456
- line-height: 22px;
2457
- margin: 0;
2458
- border-bottom: none;
2459
- padding-right: var(--size);
2460
- }
2461
-
2462
- #edit-form
2463
- .view-content
2464
- .content
2465
- .wrapper
2466
- .group.repeatable
2467
- .repetable-row-extra
2468
- .value {
2469
- color: #001529;
2470
- font-weight: 400;
2471
- margin-bottom: var(--size);
2472
- background: none;
2473
- border-bottom: none;
2474
- padding: 0;
2475
- min-height: unset;
2476
- }
2477
-
2478
- #edit-form
2479
- .view-content
2480
- .content
2481
- .wrapper
2482
- .group.repeatable
2483
- .repetable-row-extra
2484
- .input.last {
2485
- margin: 0;
2486
- border: none;
2487
- }
2488
-
2489
- #edit-form
2490
- .view-content
2491
- .content
2492
- .wrapper
2493
- .group.repeatable
2494
- .repetable-row-extra
2495
- .input.last
2496
- .value {
2497
- margin: 0;
2498
- }
2499
-
2500
- #edit-form .view-content .anticon {
2501
- vertical-align: 0;
2502
- }
2503
-
2504
- #edit-form .view-content .form-edit {
2505
- width: 100%;
2506
- display: flex;
2507
- overflow: auto;
2508
- flex-direction: column;
2509
- padding: var(--size-lg);
2510
- background: #f2f2f2;
2511
- }
2512
-
2513
- #edit-form .view-content .form-edit .title-normal-2 {
2514
- padding-top: 36px;
2515
- margin-bottom: 0;
2516
- }
2517
-
2518
- #edit-form .view-content .form-edit .title-normal-2:first-of-type {
2519
- padding-top: 0px;
2520
- }
2521
-
2522
- #edit-form .view-content .form-edit.has-section {
2523
- width: calc(100% - 200px);
2524
- }
2525
-
2526
- #edit-form .view-content .form-edit .section-title {
2527
- font-size: var(--size-lg) !important;
2528
- padding-bottom: 22px;
2529
- border-bottom: 1px solid #e9e9e9;
2530
- margin-bottom: 20px;
2531
- font-weight: 600 !important;
2532
- }
2533
-
2534
- #edit-form .view-content .form-edit .section-comments {
2535
- width: 100%;
2536
- padding: var(--size);
2537
- background: white;
2538
- border-radius: 4px;
2539
- margin-top: 22px;
2540
- }
2541
-
2542
- #edit-form .view-content .form-edit .main-form {
2543
- min-width: 400px;
2544
- width: 100%;
2545
- }
2546
-
2547
- #edit-form .view-content .form-edit .main-form .edit-form-header {
2548
- border-bottom: 1px solid var(--base-gray-30);
2549
- padding: var(--size-lg) 0;
2550
- margin-bottom: 32px;
2551
- }
2552
-
2553
- #edit-form .view-content .form-edit .main-form .edit-form-header.no-padding {
2554
- border-bottom: 0px;
2555
- padding: 0px;
2556
- }
2557
-
2558
- #edit-form .view-content .form-edit .main-form .edit-form-header h1 {
2559
- font-size: 18px;
2560
- font-weight: 500;
2561
- margin-bottom: 0px;
2562
- }
2563
-
2564
- #edit-form .view-content .form-edit .main-form.project-form {
2565
- background-color: white;
2566
- max-width: unset;
2567
- min-width: 520px;
2568
- border-radius: 8px;
2569
- margin-right: auto;
2570
- box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0588235294);
2571
- }
2572
-
2573
- #edit-form .view-content .form-edit .main-form.project-form .edit-form-header {
2574
- padding-bottom: 0px;
2575
- border-bottom: 0px;
2576
- padding-top: 0px;
2577
- margin-bottom: 0px;
2578
- }
2579
-
2580
- #edit-form .view-content .form-edit .main-form.project-form .edit-form-body {
2581
- padding: var(--size-lg);
2582
- }
2583
-
2584
- @media screen and (max-width: 1200px) {
2585
- #edit-form .view-content .form-edit .main-form {
2586
- min-width: 600px;
2587
- }
2588
- }
2589
-
2590
- @media screen and (max-width: 768px) {
2591
- #edit-form .view-content .form-edit .main-form {
2592
- min-width: 100%;
2593
- }
2594
- }
2595
-
2596
- #edit-form
2597
- .view-content
2598
- .form-edit
2599
- .main-form
2600
- .ant-form-vertical
2601
- .ant-form-item-label,
2602
- #edit-form .view-content .form-edit .main-form .ant-col-24.ant-form-item-label,
2603
- #edit-form
2604
- .view-content
2605
- .form-edit
2606
- .main-form
2607
- .ant-col-xl-24.ant-form-item-label {
2608
- padding: 0 !important;
2609
- }
2610
-
2611
- #edit-form
2612
- .view-content
2613
- .form-edit
2614
- .main-form
2615
- .with-comment
2616
- > .ant-form-item-label
2617
- > label {
2618
- width: 100%;
2619
- }
2620
-
2621
- #edit-form
2622
- .view-content
2623
- .form-edit
2624
- .main-form
2625
- .with-comment
2626
- > .ant-form-item-label
2627
- > label
2628
- > span {
2629
- display: flex;
2630
- justify-content: space-between;
2631
- width: 100%;
2632
- }
2633
-
2634
- #edit-form
2635
- .view-content
2636
- .form-edit
2637
- .main-form
2638
- .with-comment
2639
- > .ant-form-item-label
2640
- > label
2641
- > span
2642
- > span
2643
- > button {
2644
- line-height: 1;
2645
- height: inherit;
2646
- font-size: 14px;
2647
- padding: 0;
2648
- }
2649
-
2650
- #edit-form
2651
- .view-content
2652
- .form-edit
2653
- .main-form
2654
- .with-comment.i-radioGroup
2655
- > .ant-form-item-label
2656
- > label
2657
- > span {
2658
- font-style: normal;
2659
- font-weight: bold;
2660
- font-size: 18px;
2661
- line-height: 22px;
2662
- display: flex;
2663
- align-items: center;
2664
- color: #001529;
2665
- }
2666
-
2667
- #edit-form .view-content .form-edit .main-form .i-radioGroup,
2668
- #edit-form .view-content .form-edit .main-form .i-checkboxGroup {
2669
- background: #ffffff;
2670
- box-sizing: border-box;
2671
- border-radius: 2px;
2672
- margin: 0;
2673
- flex-flow: column;
2674
- margin-bottom: 16px;
2675
- }
2676
-
2677
- #edit-form
2678
- .view-content
2679
- .form-edit
2680
- .main-form
2681
- .i-radioGroup
2682
- .ant-checkbox-wrapper
2683
- + .ant-checkbox-wrapper,
2684
- #edit-form
2685
- .view-content
2686
- .form-edit
2687
- .main-form
2688
- .i-checkboxGroup
2689
- .ant-checkbox-wrapper
2690
- + .ant-checkbox-wrapper {
2691
- margin: 0;
2692
- }
2693
-
2694
- #edit-form
2695
- .view-content
2696
- .form-edit
2697
- .main-form
2698
- .i-radioGroup
2699
- .ant-radio-group.ant-radio-group-outline,
2700
- #edit-form
2701
- .view-content
2702
- .form-edit
2703
- .main-form
2704
- .i-radioGroup
2705
- .ant-checkbox-group,
2706
- #edit-form
2707
- .view-content
2708
- .form-edit
2709
- .main-form
2710
- .i-checkboxGroup
2711
- .ant-radio-group.ant-radio-group-outline,
2712
- #edit-form
2713
- .view-content
2714
- .form-edit
2715
- .main-form
2716
- .i-checkboxGroup
2717
- .ant-checkbox-group {
2718
- width: 100%;
2719
- display: flex;
2720
- flex-direction: column;
2721
- padding: 0;
2722
- }
2723
-
2724
- #edit-form
2725
- .view-content
2726
- .form-edit
2727
- .main-form
2728
- .i-radioGroup
2729
- .ant-radio-group.ant-radio-group-outline
2730
- label,
2731
- #edit-form
2732
- .view-content
2733
- .form-edit
2734
- .main-form
2735
- .i-radioGroup
2736
- .ant-checkbox-group
2737
- label,
2738
- #edit-form
2739
- .view-content
2740
- .form-edit
2741
- .main-form
2742
- .i-checkboxGroup
2743
- .ant-radio-group.ant-radio-group-outline
2744
- label,
2745
- #edit-form
2746
- .view-content
2747
- .form-edit
2748
- .main-form
2749
- .i-checkboxGroup
2750
- .ant-checkbox-group
2751
- label {
2752
- display: flex;
2753
- background: white;
2754
- box-sizing: border-box;
2755
- border-radius: 2px;
2756
- font-size: 14px;
2757
- }
2758
-
2759
- #edit-form
2760
- .view-content
2761
- .form-edit
2762
- .main-form
2763
- .i-radioGroup
2764
- .ant-radio-group.ant-radio-group-outline
2765
- label
2766
- .ant-radio,
2767
- #edit-form
2768
- .view-content
2769
- .form-edit
2770
- .main-form
2771
- .i-radioGroup
2772
- .ant-radio-group.ant-radio-group-outline
2773
- label
2774
- .ant-checkbox,
2775
- #edit-form
2776
- .view-content
2777
- .form-edit
2778
- .main-form
2779
- .i-radioGroup
2780
- .ant-checkbox-group
2781
- label
2782
- .ant-radio,
2783
- #edit-form
2784
- .view-content
2785
- .form-edit
2786
- .main-form
2787
- .i-radioGroup
2788
- .ant-checkbox-group
2789
- label
2790
- .ant-checkbox,
2791
- #edit-form
2792
- .view-content
2793
- .form-edit
2794
- .main-form
2795
- .i-checkboxGroup
2796
- .ant-radio-group.ant-radio-group-outline
2797
- label
2798
- .ant-radio,
2799
- #edit-form
2800
- .view-content
2801
- .form-edit
2802
- .main-form
2803
- .i-checkboxGroup
2804
- .ant-radio-group.ant-radio-group-outline
2805
- label
2806
- .ant-checkbox,
2807
- #edit-form
2808
- .view-content
2809
- .form-edit
2810
- .main-form
2811
- .i-checkboxGroup
2812
- .ant-checkbox-group
2813
- label
2814
- .ant-radio,
2815
- #edit-form
2816
- .view-content
2817
- .form-edit
2818
- .main-form
2819
- .i-checkboxGroup
2820
- .ant-checkbox-group
2821
- label
2822
- .ant-checkbox {
2823
- width: 16px;
2824
- }
2825
-
2826
- #edit-form
2827
- .view-content
2828
- .form-edit
2829
- .main-form
2830
- .i-radioGroup
2831
- .ant-radio-group.ant-radio-group-outline
2832
- label
2833
- > span:last-child,
2834
- #edit-form
2835
- .view-content
2836
- .form-edit
2837
- .main-form
2838
- .i-radioGroup
2839
- .ant-checkbox-group
2840
- label
2841
- > span:last-child,
2842
- #edit-form
2843
- .view-content
2844
- .form-edit
2845
- .main-form
2846
- .i-checkboxGroup
2847
- .ant-radio-group.ant-radio-group-outline
2848
- label
2849
- > span:last-child,
2850
- #edit-form
2851
- .view-content
2852
- .form-edit
2853
- .main-form
2854
- .i-checkboxGroup
2855
- .ant-checkbox-group
2856
- label
2857
- > span:last-child {
2858
- display: flex;
2859
- flex-direction: column;
2860
- }
2861
-
2862
- #edit-form
2863
- .view-content
2864
- .form-edit
2865
- .main-form
2866
- .i-radioGroup
2867
- .ant-radio-group.ant-radio-group-outline
2868
- label
2869
- > span:last-child
2870
- .radio-title,
2871
- #edit-form
2872
- .view-content
2873
- .form-edit
2874
- .main-form
2875
- .i-radioGroup
2876
- .ant-checkbox-group
2877
- label
2878
- > span:last-child
2879
- .radio-title,
2880
- #edit-form
2881
- .view-content
2882
- .form-edit
2883
- .main-form
2884
- .i-checkboxGroup
2885
- .ant-radio-group.ant-radio-group-outline
2886
- label
2887
- > span:last-child
2888
- .radio-title,
2889
- #edit-form
2890
- .view-content
2891
- .form-edit
2892
- .main-form
2893
- .i-checkboxGroup
2894
- .ant-checkbox-group
2895
- label
2896
- > span:last-child
2897
- .radio-title {
2898
- font-style: normal;
2899
- font-weight: 400;
2900
- font-size: 15px;
2901
- line-height: var(--size-lg);
2902
- display: flex;
2903
- align-items: center;
2904
- color: #001529;
2905
- white-space: normal !important;
2906
- }
2907
-
2908
- #edit-form
2909
- .view-content
2910
- .form-edit
2911
- .main-form
2912
- .i-radioGroup
2913
- .ant-radio-group.ant-radio-group-outline
2914
- label
2915
- > span:last-child
2916
- .radio-description,
2917
- #edit-form
2918
- .view-content
2919
- .form-edit
2920
- .main-form
2921
- .i-radioGroup
2922
- .ant-checkbox-group
2923
- label
2924
- > span:last-child
2925
- .radio-description,
2926
- #edit-form
2927
- .view-content
2928
- .form-edit
2929
- .main-form
2930
- .i-checkboxGroup
2931
- .ant-radio-group.ant-radio-group-outline
2932
- label
2933
- > span:last-child
2934
- .radio-description,
2935
- #edit-form
2936
- .view-content
2937
- .form-edit
2938
- .main-form
2939
- .i-checkboxGroup
2940
- .ant-checkbox-group
2941
- label
2942
- > span:last-child
2943
- .radio-description {
2944
- font-style: normal;
2945
- font-weight: normal;
2946
- font-size: 14px;
2947
- line-height: 22px;
2948
- display: flex;
2949
- align-items: center;
2950
- white-space: normal !important;
2951
- }
2952
-
2953
- #edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer {
2954
- width: 100%;
2955
- display: flex;
2956
- flex-direction: column;
2957
- }
2958
-
2959
- #edit-form
2960
- .view-content
2961
- .form-edit
2962
- .main-form
2963
- .i-transfer
2964
- .ant-transfer
2965
- .ant-transfer-list {
2966
- height: 300px;
2967
- }
2968
-
2969
- #edit-form
2970
- .view-content
2971
- .form-edit
2972
- .main-form
2973
- .i-transfer
2974
- .ant-transfer
2975
- .ant-transfer-list
2976
- .ant-transfer-list-body {
2977
- overflow-y: auto;
2978
- }
2979
-
2980
- #edit-form
2981
- .view-content
2982
- .form-edit
2983
- .main-form
2984
- .i-transfer
2985
- .ant-transfer
2986
- .ant-transfer-list
2987
- .ant-transfer-list-body
2988
- .ant-transfer-list-body-customize-wrapper {
2989
- padding: 0;
2990
- }
2991
-
2992
- #edit-form
2993
- .view-content
2994
- .form-edit
2995
- .main-form
2996
- .i-transfer
2997
- .ant-transfer
2998
- .ant-transfer-list
2999
- .ant-transfer-list-header
3000
- .ant-transfer-list-header-selected {
3001
- display: flex;
3002
- flex-direction: row-reverse;
3003
- width: 100%;
3004
- justify-content: space-between;
3005
- }
3006
-
3007
- #edit-form
3008
- .view-content
3009
- .form-edit
3010
- .main-form
3011
- .i-transfer
3012
- .ant-transfer
3013
- .ant-transfer-list
3014
- .ant-transfer-list-header
3015
- .ant-transfer-list-header-selected
3016
- .ant-transfer-list-header-title {
3017
- position: inherit;
3018
- font-size: var(--font-size-lg);
3019
- color: #001529;
3020
- font-weight: 700;
3021
- }
3022
-
3023
- #edit-form
3024
- .view-content
3025
- .form-edit
3026
- .main-form
3027
- .i-transfer
3028
- .ant-transfer
3029
- .ant-transfer-operation {
3030
- display: flex;
3031
- justify-content: space-around;
3032
- width: 100px;
3033
- margin: 10px;
3034
- }
3035
-
3036
- #edit-form
3037
- .view-content
3038
- .form-edit
3039
- .main-form
3040
- .i-transfer
3041
- .ant-transfer
3042
- .ant-transfer-operation
3043
- button {
3044
- transform: rotate(90deg);
3045
- }
3046
-
3047
- #edit-form
3048
- .view-content
3049
- .form-edit
3050
- .main-form
3051
- .i-transfer
3052
- .ant-transfer
3053
- .ant-transfer-operation
3054
- button
3055
- .anticon {
3056
- position: absolute;
3057
- top: 4px;
3058
- left: 0;
3059
- right: 0;
3060
- }
3061
-
3062
- #edit-form .view-content .form-edit .main-form .ant-picker {
3063
- width: 100%;
3064
- }
3065
-
3066
- #edit-form .view-content .form-edit .main-form .ant-picker .ant-picker-suffix {
3067
- margin-top: -6px;
3068
- }
3069
-
3070
- #edit-form .view-content .form-edit .main-form .ant-picker .ant-picker-clear {
3071
- margin-top: -3px;
3072
- }
3073
-
3074
- #edit-form .view-content .form-edit .main-form .ant-input-number {
3075
- width: 100%;
3076
- }
3077
-
3078
- #edit-form .view-content .form-edit .main-form .title-semibold-4 {
3079
- font-size: 18px;
3080
- font-weight: 700;
3081
- font-style: normal;
3082
- line-height: 22px;
3083
- color: #001529;
3084
- }
3085
-
3086
- #edit-form
3087
- .view-content
3088
- .form-edit
3089
- .main-form
3090
- .ant-col.ant-form-item-label
3091
- label {
3092
- font-size: 14px;
3093
- font-style: normal;
3094
- font-weight: normal;
3095
- line-height: 20px;
3096
- display: flex;
3097
- align-items: center;
3098
- color: var(--base-gray-90);
3099
- align-self: stretch;
3100
- flex-grow: 0;
3101
- }
3102
-
3103
- #edit-form
3104
- .view-content
3105
- .form-edit
3106
- .main-form
3107
- .i-transfer
3108
- > .ant-form-item-label
3109
- > label {
3110
- padding: 14px 0;
3111
- }
3112
-
3113
- #edit-form .view-content .form-edit .main-form .i-undefined {
3114
- display: none;
3115
- }
3116
-
3117
- #edit-form .view-content .form-edit .main-form .repeatable {
3118
- box-sizing: border-box;
3119
- position: relative;
3120
- }
3121
-
3122
- #edit-form
3123
- .view-content
3124
- .form-edit
3125
- .main-form
3126
- .repeatable
3127
- .ant-table
3128
- .ant-table-container {
3129
- border-inline-start: unset;
3130
- border-top: unset;
3131
- }
3132
-
3133
- #edit-form
3134
- .view-content
3135
- .form-edit
3136
- .main-form
3137
- .repeatable
3138
- .ant-table
3139
- .ant-table-container
3140
- .ant-table-cell {
3141
- border: 0px;
3142
- font-size: 14px;
3143
- }
3144
-
3145
- #edit-form
3146
- .view-content
3147
- .form-edit
3148
- .main-form
3149
- .repeatable
3150
- .ant-table
3151
- .ant-table-container
3152
- .ant-table-cell
3153
- p {
3154
- margin-bottom: 0px !important;
3155
- }
3156
-
3157
- #edit-form .view-content .form-edit .main-form .repeatable .ant-table .value {
3158
- margin: 0;
3159
- }
3160
-
3161
- #edit-form .view-content .form-edit .main-form .repeatable .header {
3162
- padding-bottom: 8px;
3163
- display: flex;
3164
- }
3165
-
3166
- #edit-form .view-content .form-edit .main-form .repeatable .header button {
3167
- margin-top: 0px !important;
3168
- }
3169
-
3170
- #edit-form .view-content .form-edit .main-form .repeatable .header h3 {
3171
- margin-bottom: 0px;
3172
- font-size: 14px;
3173
- color: var(--base-gray-90);
3174
- }
3175
-
3176
- #edit-form .view-content .form-edit .main-form .repeatable .header .main {
3177
- flex: 1;
3178
- }
3179
-
3180
- #edit-form .view-content .form-edit .main-form .repeatable .header div {
3181
- display: flex;
3182
- flex-direction: column;
3183
- justify-content: center;
3184
- }
3185
-
3186
- #edit-form .view-content .form-edit .main-form .repeatable .table-body .value {
3187
- max-width: 100%;
3188
- overflow: hidden;
3189
- text-wrap: nowrap;
3190
- text-overflow: ellipsis;
3191
- }
3192
-
3193
- #edit-form
3194
- .view-content
3195
- .form-edit
3196
- .main-form
3197
- .i-group
3198
- .ant-form-item-control-input-content {
3199
- justify-content: flex-start;
3200
- grid-gap: 8px;
3201
- }
3202
-
3203
- #edit-form .view-content .form-edit .main-form .ajax-modal-view {
3204
- padding: 18px;
3205
- width: 100%;
3206
- border: 1px dashed #d7daea;
3207
- box-sizing: border-box;
3208
- border-radius: 2px;
3209
- padding-top: 5px;
3210
- }
3211
-
3212
- #edit-form .view-content .form-edit .main-form .ajax-modal-view .link-row {
3213
- height: auto;
3214
- display: flex;
3215
- line-height: var(--size);
3216
- min-height: 32px;
3217
- padding: 5px 0;
3218
- }
3219
-
3220
- #edit-form .view-content .form-edit .main-form .ajax-modal-view .link-row.even {
3221
- background: #f9fafc;
3222
- }
3223
-
3224
- #edit-form .view-content .form-edit .main-form .ajax-modal-view .link-row span {
3225
- width: 50%;
3226
- padding: 0 12px;
3227
- margin: auto;
3228
- }
3229
-
3230
- #edit-form .view-content .form-edit .main-form .repeatable-item {
3231
- border: 1px dashed #d7daea;
3232
- box-sizing: border-box;
3233
- border-radius: 2px;
3234
- padding: 15px;
3235
- }
3236
-
3237
- #edit-form
3238
- .view-content
3239
- .form-edit
3240
- .main-form
3241
- .repeatable-item
3242
- .ajax-modal-view {
3243
- padding-top: 0px;
3244
- }
3245
-
3246
- #edit-form
3247
- .view-content
3248
- .form-edit
3249
- .main-form
3250
- .repeatable-item
3251
- .total-inputs-1
3252
- .ajax-modal-view
3253
- .remove-button-row {
3254
- display: none !important;
3255
- }
3256
-
3257
- #edit-form .view-content .form-edit .main-form .ajax-modal-edit {
3258
- background: #ffffff;
3259
- box-sizing: border-box;
3260
- border-radius: 2px;
3261
- padding: 20px;
3262
- width: 100%;
3263
- margin-bottom: var(--size-lg);
3264
- }
3265
-
3266
- #edit-form .view-content .form-edit .main-form .ajax-modal-edit .form-modal {
3267
- width: 100%;
3268
- }
3269
-
3270
- #edit-form .view-content .form-edit .main-form .ajax-modal-edit .form-botom {
3271
- display: flex;
3272
- justify-content: center;
3273
- }
3274
-
3275
- #edit-form
3276
- .view-content
3277
- .form-edit
3278
- .main-form
3279
- .ajax-modal-edit
3280
- .form-botom
3281
- button {
3282
- border-radius: 8px;
3283
- }
3284
-
3285
- #edit-form .view-content .form-edit .main-form .i-switch {
3286
- line-height: 32px;
3287
- padding: 10px;
3288
- border: 1px solid #d7daea;
3289
- display: flex;
3290
- flex-direction: row;
3291
- justify-content: space-between;
3292
- }
3293
-
3294
- #edit-form .view-content .form-edit .main-form .i-switch .ant-form-item-label {
3295
- padding-bottom: 0;
3296
- display: flex;
3297
- flex-wrap: wrap;
3298
- width: calc(100% - 60px);
3299
- }
3300
-
3301
- #edit-form
3302
- .view-content
3303
- .form-edit
3304
- .main-form
3305
- .i-switch
3306
- .ant-form-item-label
3307
- label {
3308
- flex-wrap: wrap;
3309
- }
3310
-
3311
- #edit-form .view-content .form-edit .main-form .i-switch .ant-row {
3312
- width: 100%;
3313
- display: flex;
3314
- flex-direction: row;
3315
- flex-wrap: nowrap;
3316
- }
3317
-
3318
- #edit-form
3319
- .view-content
3320
- .form-edit
3321
- .main-form
3322
- .i-switch
3323
- .ant-row
3324
- .ant-form-item-control {
3325
- width: unset;
3326
- }
3327
-
3328
- #edit-form .view-content .form-edit .main-form .i-switch.onTitle .ant-row {
3329
- width: unset;
3330
- flex-direction: column;
3331
- }
3332
-
3333
- #edit-form
3334
- .view-content
3335
- .form-edit
3336
- .main-form
3337
- .i-switch.onTitle
3338
- .ant-form-item-label {
3339
- width: 0;
3340
- }
3341
-
3342
- #edit-form
3343
- .view-content
3344
- .form-edit
3345
- .main-form
3346
- .i-switch
3347
- .ant-form-item-control {
3348
- justify-content: flex-end;
3349
- flex-grow: inherit;
3350
- }
3351
-
3352
- #edit-form .view-content .form-edit .main-form .i-switch.onTitle {
3353
- max-height: 1px;
3354
- padding: 0;
3355
- border: none;
3356
- margin: 0;
3357
- justify-content: flex-end !important;
3358
- }
3359
-
3360
- #edit-form
3361
- .view-content
3362
- .form-edit
3363
- .main-form
3364
- .edit-form-body.documents-layout
3365
- .repeatable {
3366
- border-bottom: 0px;
3367
- }
3368
-
3369
- #edit-form
3370
- .view-content
3371
- .form-edit
3372
- .main-form
3373
- .edit-form-body.documents-layout
3374
- .ajax-modal-edit {
3375
- margin-bottom: 0px;
3376
- }
3377
-
3378
- #edit-form .view-content .form-edit.project {
3379
- background-color: white;
3380
- }
3381
-
3382
- #edit-form .view-content .form-edit.project .content-card {
3383
- max-width: calc(700px + var(--size-lg) + var(--size-lg));
3384
- }
3385
-
3386
- #edit-form .view-content .form-edit.project .edit-form-header {
3387
- padding-top: 0px;
3388
- margin-bottom: var(--size-lg);
3389
- }
3390
-
3391
- #edit-form .risk-template {
3392
- display: flex;
3393
- }
3394
-
3395
- #edit-form .risk-template .risk-categories-list {
3396
- justify-content: center;
3397
- display: flex;
3398
- flex-direction: column;
3399
- height: 100%;
3400
- }
3401
-
3402
- #edit-form .risk-template .risk-categories-list .risk-categories {
3403
- width: 100%;
3404
- min-height: 100px;
3405
- margin-bottom: var(--size);
3406
- margin-top: var(--size);
3407
- white-space: break-spaces;
3408
- }
3409
-
3410
- #edit-form .total100 {
3411
- display: flex;
3412
- flex-direction: column;
3413
- width: 100%;
3414
- }
3415
-
3416
- #edit-form .total100 .ant-space-item:nth-of-type(3n) {
3417
- flex-grow: initial;
3418
- }
3419
-
3420
- #edit-form .total100 .ant-space-item:not(:last-of-type) {
3421
- width: calc(50% - 4px);
3422
- }
3423
-
3424
- #edit-form .total100 .ant-space {
3425
- margin-top: 8px;
3426
- }
3427
-
3428
- #edit-form .risk-plan {
3429
- display: flex;
3430
- flex-direction: row;
3431
- align-items: flex-start;
3432
- padding: 21px;
3433
- border: 1px solid;
3434
- box-sizing: border-box;
3435
- border-radius: 2px;
3436
- color: #001529;
3437
- flex-wrap: wrap;
3438
- }
3439
-
3440
- #edit-form .risk-plan .subScore {
3441
- display: flex;
3442
- min-width: 100px;
3443
- padding-top: 3.5px;
3444
- }
3445
-
3446
- #edit-form .risk-plan .subScore p {
3447
- margin: 0;
3448
- margin-bottom: 4px;
3449
- }
3450
-
3451
- #edit-form .risk-plan .subScore .levels {
3452
- display: flex;
3453
- justify-content: space-between;
3454
- height: 15px;
3455
- }
3456
-
3457
- #edit-form .risk-plan .subScore .levels div {
3458
- width: 15px;
3459
- margin-right: 3px;
3460
- height: 100%;
3461
- background: #f3f3f3;
3462
- }
3463
-
3464
- #edit-form .risk-plan .subScore .levels div:last-of-type {
3465
- margin-right: 0;
3466
- }
3467
-
3468
- #edit-form .risk-name {
3469
- color: #001529;
3470
- font-style: italic;
3471
- }
3472
-
3473
- #edit-form .i-imageUpload {
3474
- margin-top: 22px;
3475
- }
3476
-
3477
- #edit-form .btn-view {
3478
- border-color: var(--color-primary-70);
3479
- border-radius: 2px;
3480
- padding: 5px 8px 8px 8px;
3481
- }
3482
-
3483
- #edit-form .btn-view svg {
3484
- fill: var(--color-primary-70);
3485
- }
3486
-
3487
- #edit-form .btn-custom {
3488
- border-radius: 2px !important;
3489
- }
3490
-
3491
- #edit-form .btn-custom-2 {
3492
- border-radius: 8px !important;
3493
- border: 1px solid #d0d5dd !important;
3494
- border-radius: 8px !important;
3495
- color: var(--base-gray-90) !important;
3496
- font-size: 14px;
3497
- padding-top: 8px !important;
3498
- }
3499
-
3500
- #edit-form .btn-custom-2.primary {
3501
- color: white !important;
3502
- border-color: transparent !important;
3503
- }
3504
-
3505
- #edit-form .btn-custom-2.primary:disabled {
3506
- border-color: #d0d5dd !important;
3507
- color: rgba(56, 66, 80, 0.5) !important;
3508
- }
3509
-
3510
- #edit-form .btn-save-and-continue {
3511
- color: #262626;
3512
- border-color: var(--color-primary-70);
3513
- }
3514
-
3515
- .ant-modal .modal-title {
3516
- font-weight: bold;
3517
- font-size: 18px;
3518
- margin-right: 20px;
3519
- }
3520
-
3521
- .ant-modal .section-label {
3522
- font-size: var(--font-size-lg);
3523
- font-weight: 300;
3524
- }
3525
-
3526
- .ant-modal .inputs > div.ant-row.ant-form-item {
3527
- display: flex;
3528
- flex-direction: column;
3529
- align-items: flex-start;
3530
- width: 100%;
3531
- }
3532
-
3533
- .ant-modal .inputs > div.ant-row.ant-form-item div.ant-form-item-label {
3534
- width: 100%;
3535
- }
3536
-
3537
- .ant-modal .inputs > div.ant-row.ant-form-item div.ant-form-item-label label {
3538
- margin: 0;
3539
- display: flex;
3540
- justify-content: space-between;
3541
- width: 100%;
3542
- }
3543
-
3544
- .ant-modal
3545
- .inputs
3546
- > div.ant-row.ant-form-item
3547
- div.ant-form-item-label
3548
- label
3549
- span:nth-of-type(1) {
3550
- display: flex;
3551
- justify-content: space-between;
3552
- width: 100%;
3553
- margin: auto 0;
3554
- }
3555
-
3556
- .ant-modal
3557
- .inputs
3558
- > div.ant-row.ant-form-item
3559
- div.ant-form-item-label
3560
- label
3561
- span:nth-of-type(1)
3562
- button {
3563
- display: flex;
3564
- align-items: center;
3565
- padding-right: 0;
3566
- }
3567
-
3568
- .ant-modal
3569
- .inputs
3570
- > div.ant-row.ant-form-item
3571
- div.ant-form-item-label
3572
- label::after {
3573
- display: none;
3574
- }
3575
-
3576
- .ant-modal .inputs > div.ant-row.ant-form-item .ant-form-item-control {
3577
- width: 100%;
3578
- }
3579
-
3580
- .ant-modal .repeatable-modal-actions {
3581
- display: flex;
3582
- flex-direction: row;
3583
- justify-content: flex-end;
3584
- gap: 12px;
3585
- margin: 32px 0 22px 0;
3586
- }
3587
-
3588
- .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .radio-title {
3589
- color: rgba(0, 0, 0, 0.3) !important;
3590
- }
3591
-
3592
- .i-modal .link-row {
3593
- display: flex;
3594
- }
3595
-
3596
- .i-modal .link-row:not(:last-of-type) {
3597
- padding-bottom: 4px;
3598
- margin-bottom: 4px;
3599
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3600
- }
3601
-
3602
- .i-modal .link-row span {
3603
- width: 50%;
3604
- }
3605
-
3606
- .i-modal .remove-button-row button {
3607
- display: flex;
3608
- align-items: center;
3609
- }
3610
-
3611
- .i-modal .ant-form-item-control-input-content {
3612
- display: block;
3613
- padding: var(--size);
3614
- border: 1px dashed rgba(0, 0, 0, 0.2);
3615
- border-radius: 4px;
3616
- }
3617
-
3618
- .i-modal .ant-form-item-control-input-content .form-modal {
3619
- width: 100%;
3620
- }
3621
-
3622
- .i-modal .ant-form-item-control-input-content .form-modal .wrapper {
3623
- display: none;
3624
- }
3625
-
3626
- .i-modal
3627
- .ant-form-item-control-input-content
3628
- .form-modal
3629
- .ant-form-item-control-input-content {
3630
- padding: 0;
3631
- display: flex;
3632
- border: none;
3633
- }
3634
-
3635
- .i-modal .ant-form-item-control-input-content .form-modal .main-form label {
3636
- flex-direction: row-reverse;
3637
- }
3638
-
3639
- body {
3640
- margin: 0;
3641
- color: var(--base-gray-90);
3642
- overflow-y: hidden;
3643
- }
3644
-
3645
- h1,
3646
- h2,
3647
- h3,
3648
- h4,
3649
- h5,
3650
- h6 {
3651
- color: rgba(0, 0, 0, 0.85);
3652
- }
3653
-
3654
- .ant-popconfirm-buttons {
3655
- display: flex;
3656
- }
3657
-
3658
- .ant-breadcrumb ol {
3659
- flex-wrap: nowrap;
3660
- }
3661
-
3662
- .ant-modal-confirm-btns {
3663
- display: flex;
3664
- justify-content: flex-end;
3665
- }
3666
-
3667
- #root {
3668
- margin: 0;
3669
- height: 100dvh;
3670
- max-height: 100dvh;
3671
- width: 100%;
3672
- }
3673
-
3674
- .ant-btn-link {
3675
- display: flex;
3676
- flex-direction: row;
3677
- justify-content: flex-start;
3678
- }
3679
-
3680
- .ant-btn-linkspan[role="img"] {
3681
- font-size: var(--font-size-lg);
3682
- }
3683
-
3684
- body {
3685
- padding-bottom: unset;
3686
- background-color: white !important;
3687
- }
3688
-
3689
- .flex-row {
3690
- display: flex;
3691
- }
3692
-
3693
- .gap-2 {
3694
- gap: 10px;
3695
- }
3696
-
3697
- .gap-6 {
3698
- gap: 24px;
3699
- }
3700
-
3701
- .view-wrapper {
3702
- overflow-x: hidden;
3703
- overflow-y: hidden;
3704
- height: 100dvh;
3705
- width: 100%;
3706
- display: flex;
3707
- flex-flow: row nowrap;
3708
- align-items: stretch;
3709
- }
3710
-
3711
- .navbar-custom {
3712
- position: fixed;
3713
- top: 0;
3714
- left: 0;
3715
- width: 100%;
3716
- z-index: 100;
3717
- height: 60px;
3718
- display: flex;
3719
- flex-flow: row nowrap;
3720
- align-items: center;
3721
- justify-content: space-between;
3722
- background-color: white;
3723
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3724
- padding: 0 var(--size);
3725
- color: white;
3726
- box-sizing: border-box;
3727
- }
3728
-
3729
- .navbar-custom .logo-box {
3730
- height: auto;
3731
- }
3732
-
3733
- .navbar-custom .logo .logo-lg {
3734
- line-height: normal;
3735
- }
3736
-
3737
- .component-view {
3738
- overflow-y: auto;
3739
- width: 100%;
3740
- height: 100%;
3741
- }
3742
-
3743
- .component-view.plr-30 {
3744
- padding-left: 30px;
3745
- padding-right: 30px;
3746
- }
3747
-
3748
- .custom-control-input:checked ~ .custom-control-label::before {
3749
- color: #1890ff;
3750
- border-color: #1890ff;
3751
- background-color: #1890ff;
3752
- }
3753
-
3754
- .form-control:focus {
3755
- border-color: #1890ff;
3756
- }
3757
-
3758
- .intl-tel-input.allow-dropdown.w-100 .flag-container {
3759
- width: auto;
3760
- }
3761
-
3762
- .intl-tel-input.w-100.allow-dropdown.separate-dial-code input,
3763
- .intl-tel-input.w-100.allow-dropdown.separate-dial-code input[type="text"],
3764
- .intl-tel-input.w-100.allow-dropdown.separate-dial-code input[type="tel"] {
3765
- padding-left: 90px;
3766
- }
3767
-
3768
- .intl-tel-input.w-100 .selected-flag {
3769
- z-index: 1;
3770
- position: relative;
3771
- width: 94px;
3772
- outline: none;
3773
- height: 100%;
3774
- padding: 0 0px 0 12px;
3775
- border-right: 1px solid #dcdee2;
3776
- }
3777
-
3778
- .intl-tel-input.w-100 .selected-flag .iti-flag {
3779
- position: absolute;
3780
- top: 0;
3781
- bottom: 0;
3782
- margin: auto;
3783
- }
3784
-
3785
- .intl-tel-input.w-100 .selected-flag .arrow {
3786
- position: absolute;
3787
- top: 50%;
3788
- margin-top: -2px;
3789
- right: 4px;
3790
- width: 0;
3791
- height: 0;
3792
- border-left: 3px solid transparent;
3793
- border-right: 3px solid transparent;
3794
- border-top: 4px solid #b9bdc5;
3795
- }
3796
-
3797
- .intl-tel-input.w-100 .flag-container .arrow.down:after,
3798
- .intl-tel-input.w-100 .flag-container .arrow.up:after {
3799
- content: "";
3800
- }
3801
-
3802
- .intl-tel-input.w-100.allow-dropdown .flag-container:hover .selected-flag {
3803
- color: var(--mmt-primary-70);
3804
- }
3805
-
3806
- .intl-tel-input.w-100.allow-dropdown
3807
- .flag-container:hover
3808
- .selected-flag
3809
- .arrow {
3810
- border-top-color: var(--mmt-primary-70);
3811
- }
3812
-
3813
- .form-control:disabled,
3814
- .form-control[readonly] {
3815
- background-color: #f7f7f7;
3816
- opacity: 1;
3817
- }
3818
-
3819
- .dropdown-toggle.btn:disabled {
3820
- background-color: #f7f7f7;
3821
- opacity: 1;
3822
- border-color: #ced4da;
3823
- }
3824
-
3825
- .input-with-comment {
3826
- border: 1px solid #ced4da;
3827
- padding: 10px;
3828
- }
3829
-
3830
- .inputGroup .input-with-comment,
3831
- .inputGroup .input-without-comment {
3832
- margin-top: 1.5em;
3833
- }
3834
-
3835
- .btn.button-with-icon {
3836
- padding: 5px 10px;
3837
- line-height: 1;
3838
- font-size: initial;
3839
- margin-right: 5px;
3840
- }
3841
-
3842
- .btn.button-with-icon i {
3843
- font-size: inherit;
3844
- line-height: inherit;
3845
- }
3846
-
3847
- .btn.button-with-icon .text {
3848
- margin-left: 10px;
3849
- }
3850
-
3851
- .ml-20 {
3852
- margin-left: 20px;
3853
- }
3854
-
3855
- .remove-button .half {
3856
- width: calc(50% - 40px);
3857
- }
3858
-
3859
- .dropdown-item,
3860
- .dropdown button {
3861
- white-space: pre-wrap;
3862
- }
3863
-
3864
- .has-children .half {
3865
- width: calc(33% - 6px);
3866
- }
3867
-
3868
- .remove-button.has-children .half {
3869
- width: calc(33% - 25px);
3870
- }
3871
-
3872
- .react-datepicker-popper {
3873
- z-index: 7 !important;
3874
- }
3875
-
3876
- .container {
3877
- position: relative;
3878
- margin: 0;
3879
- min-width: 100% !important;
3880
- padding: 0;
3881
- height: 100%;
3882
- }
3883
-
3884
- .ant-page-header {
3885
- padding: 8px 8px 8px var(--size) !important;
3886
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3887
- }
3888
-
3889
- .ant-page-header .ant-page-header-heading {
3890
- justify-content: flex-start;
3891
- }
3892
-
3893
- .ant-page-header .ant-page-header-heading-extra {
3894
- display: flex;
3895
- margin-left: var(--size);
3896
- }
3897
-
3898
- .ant-page-header .ant-btn {
3899
- display: flex;
3900
- border-radius: 4px !important;
3901
- }
3902
-
3903
- .ant-page-header .ant-btn span[role="img"] {
3904
- font-size: 18px;
3905
- }
3906
-
3907
- .ant-drawer-body .form {
3908
- padding: 0 !important;
3909
- overflow-y: hidden !important;
3910
- }
3911
-
3912
- .ant-drawer-body .form div.dynamic-form {
3913
- height: calc(100% - var(--size));
3914
- width: 100%;
3915
- position: relative;
3916
- }
3917
-
3918
- .ant-drawer-body .form div.dynamic-form form.main-form {
3919
- height: calc(100% - 60px);
3920
- width: 100%;
3921
- overflow-y: auto;
3922
- padding: var(--size-lg);
3923
- }
3924
-
3925
- .ant-drawer-body .form div.dynamic-form .form-botom {
3926
- position: absolute;
3927
- bottom: 0;
3928
- right: 0;
3929
- left: 0;
3930
- padding: var(--size-lg) var(--size) 10px;
3931
- background: #fff;
3932
- text-align: right;
3933
- border-top: 1px solid #e1e1e1;
3934
- display: flex;
3935
- justify-content: space-around;
3936
- }
3937
-
3938
- .ant-drawer-body .form div.dynamic-form .form-botom button {
3939
- width: 200px;
3940
- }
3941
-
3942
- .ant-select-item-option-content {
3943
- white-space: normal !important;
3944
- }
3945
-
3946
- .form .ant-col .ant-form-item-extra button {
3947
- padding-right: 0;
3948
- padding-top: 0;
3949
- height: 28px;
3950
- }
3951
-
3952
- body {
3953
- font-family: "SF UI Display" !important;
3954
- font-weight: normal;
3955
- font-variant: normal;
3956
- }
3957
-
3958
- * {
3959
- font-family: "SF UI Display" !important;
3960
- }
3961
-
3962
- .mb0 {
3963
- margin-bottom: 0 !important;
3964
- }
3965
-
3966
- .mt5 {
3967
- margin-top: 2em !important;
3968
- }
3969
-
3970
- .form-input-output {
3971
- height: 100%;
3972
- }
3973
-
3974
- .form-input-output .app-content {
3975
- height: calc(100% - 64px);
3976
- overflow-y: auto;
3977
- }
3978
-
3979
- .form-input-output.app-content {
3980
- height: 100%;
3981
- overflow-y: auto;
3982
- }
3983
-
3984
- .semibold.form-input-output,
3985
- .ant-drawer {
3986
- font-weight: normal;
3987
- }
3988
-
3989
- .semibold.form-input-output .ant-page-header-heading-title,
3990
- .ant-drawer .ant-page-header-heading-title {
3991
- font-family: "SF UI Display" !important;
3992
- font-weight: 600 !important;
3993
- font-size: var(--size-lg) !important;
3994
- line-height: 32px !important;
3995
- }
3996
-
3997
- .semibold.form-input-output .ant-drawer-title,
3998
- .ant-drawer .ant-drawer-title {
3999
- font-family: "SF UI Display" !important;
4000
- font-weight: 600 !important;
4001
- font-size: 22px !important;
4002
- line-height: 30px !important;
4003
- }
4004
-
4005
- .semibold.form-input-output .title-semibold-1,
4006
- .ant-drawer .title-semibold-1 {
4007
- font-family: "SF UI Display" !important;
4008
- font-weight: 600 !important;
4009
- font-size: 30px !important;
4010
- line-height: 38px !important;
4011
- }
4012
-
4013
- .semibold.form-input-output .title-semibold-2,
4014
- .ant-drawer .title-semibold-2 {
4015
- font-family: "SF UI Display" !important;
4016
- font-weight: 600 !important;
4017
- font-size: var(--size-lg) !important;
4018
- line-height: 32px !important;
4019
- }
4020
-
4021
- .semibold.form-input-output .title-semibold-3,
4022
- .ant-drawer .title-semibold-3 {
4023
- font-family: "SF UI Display" !important;
4024
- font-weight: 600 !important;
4025
- font-size: var(--font-size-lg) !important;
4026
- line-height: 26px !important;
4027
- }
4028
-
4029
- .semibold.form-input-output .title-semibold-4,
4030
- .ant-drawer .title-semibold-4 {
4031
- font-family: "SF UI Display" !important;
4032
- font-weight: 600 !important;
4033
- font-size: var(--font-size-lg) !important;
4034
- line-height: var(--size-lg) !important;
4035
- }
4036
-
4037
- .semibold.form-input-output .title-semibold-5,
4038
- .ant-drawer .title-semibold-5 {
4039
- font-family: "SF UI Display" !important;
4040
- font-weight: 600 !important;
4041
- font-size: 14px !important;
4042
- line-height: 22px !important;
4043
- }
4044
-
4045
- .semibold.form-input-output .title-semibold-6,
4046
- .ant-drawer .title-semibold-6 {
4047
- font-family: "SF UI Display" !important;
4048
- font-weight: 600 !important;
4049
- font-size: 12px !important;
4050
- line-height: 20px !important;
4051
- }
4052
-
4053
- .ant-table-cell span.ant-tag.ant-tag-has-color,
4054
- .ant-table-cell span.ant-tag.ant-tag-warning,
4055
- .ant-table-cell span.ant-tag.ant-tag-success,
4056
- .ant-table-cell span.ant-tag.ant-tag-default,
4057
- .ant-table-cell span.ant-tag.ant-tag-blue {
4058
- display: flex;
4059
- width: 100%;
4060
- flex-flow: column;
4061
- text-align: center;
4062
- }
4063
-
4064
- .bb-none {
4065
- border-bottom: none !important;
4066
- }
4067
-
4068
- .bl-none {
4069
- border-left: none !important;
4070
- }
4071
-
4072
- .br-none {
4073
- border-right: none !important;
4074
- }
4075
-
4076
- .bt-none {
4077
- border-top: none !important;
4078
- }
4079
-
4080
- .b-none {
4081
- border: none !important;
4082
- }
4083
-
4084
- b,
4085
- strong {
4086
- color: #f7f7f7;
4087
- font-family: "SF UI Display";
4088
- font-weight: bold;
4089
- color: #001529;
4090
- font-style: normal;
4091
- }
4092
-
4093
- .ant-menu-inline-collapsed-tooltip img {
4094
- display: none;
4095
- }
4096
-
4097
- .notification-icon {
4098
- padding-right: 0 !important;
4099
- cursor: pointer;
4100
- margin-right: 25px;
4101
- display: flex;
4102
- flex-direction: column;
4103
- justify-content: center;
4104
- height: 65px;
4105
- position: relative;
4106
- }
4107
-
4108
- @media (max-width: 850px) {
4109
- .notification-icon {
4110
- margin-right: 1.5rem;
4111
- }
4112
- }
4113
-
4114
- .notification-icon svg {
4115
- font-size: 19px;
4116
- }
4117
-
4118
- .notification-icon .noti-more-cont {
4119
- position: absolute;
4120
- top: 50%;
4121
- right: 0;
4122
- transform: translate(65%, -90%);
4123
- display: flex;
4124
- flex-direction: column;
4125
- justify-content: center;
4126
- font-size: 12px;
4127
- background-color: var(--mmt-primary-70);
4128
- color: white;
4129
- border: 1px solid white;
4130
- height: 18px;
4131
- padding: 0px 4px;
4132
- border-radius: 12px;
4133
- }
4134
-
4135
- .notification-icon .noti-loader {
4136
- position: absolute;
4137
- width: 38px;
4138
- height: 38px;
4139
- top: var(--size);
4140
- right: -10px;
4141
- background: transparent;
4142
- border-radius: 100%;
4143
- border: 3px solid transparent;
4144
- /* Light grey */
4145
- border-top: 3px solid #3498db;
4146
- border-right: 3px solid #3498db;
4147
- border-radius: 50%;
4148
- animation: spin 1.5s linear infinite;
4149
- }
4150
-
4151
- @keyframes spin {
4152
- 0% {
4153
- transform: rotate(0deg);
4154
- }
4155
-
4156
- 100% {
4157
- transform: rotate(360deg);
4158
- }
4159
- }
4160
-
4161
- .ant-dropdown .ant-dropdown-menu-item,
4162
- .ant-dropdown .ant-dropdown-menu-submenu-title {
4163
- white-space: pre-wrap;
4164
- }
4165
-
4166
- .ant-dropdown-menu-dark,
4167
- .ant-dropdown-menu-dark .ant-dropdown-menu {
4168
- background-color: var(--base-gray-90) !important;
4169
- }
4170
-
4171
- .image-upload-preview {
4172
- width: 200px;
4173
- padding: var(--size);
4174
- background: white;
4175
- objectfit: contain;
4176
- border-radius: 3px;
4177
- border: 1px solid rgba(0, 0, 0, 0.08);
4178
- position: relative;
4179
- cursor: pointer;
4180
- }
4181
-
4182
- .image-upload-preview:not(:last-of-type) {
4183
- margin-right: 8px;
4184
- }
4185
-
4186
- .custom-modal .ant-modal-header {
4187
- padding-bottom: 0px;
4188
- }
4189
-
4190
- .w-mr {
4191
- margin-right: 12px;
4192
- }
4193
-
4194
- .filters-wrapper {
4195
- display: flex;
4196
- flex-direction: column;
4197
- }
4198
-
4199
- .filters-wrapper label:not(:first-of-type) {
4200
- margin-top: var(--size);
4201
- }
4202
-
4203
- .filters-wrapper .filters-actions {
4204
- width: 100%;
4205
- display: flex;
4206
- flex-direction: row;
4207
- justify-content: flex-end;
4208
- margin-top: var(--size-lg);
4209
- }
4210
-
4211
- .filters-wrapper .filters-actions button:not(:last-of-type) {
4212
- margin-right: 8px;
4213
- }
4214
-
4215
- .react-flow .react-flow__controls .react-flow__controls-button {
4216
- width: 25px;
4217
- height: 25px;
4218
- }
4219
-
4220
- .ant-layout {
4221
- min-height: 100dvh !important;
4222
- }
4223
-
4224
- .loader-container {
4225
- height: 3000px;
4226
- }
4227
-
4228
- .ant-layout-content {
4229
- min-height: calc(100dvh - 64px);
4230
- }
4231
-
4232
- .sidenav-sider {
4233
- background: var(--base-gray-90);
4234
- }
4235
-
4236
- .sidenav-sider.custom {
4237
- background: var(--custom-sidenav-color);
4238
- }
4239
-
4240
- .sidenav-sider.nested {
4241
- background: var(--nested-sidenav-color);
4242
- }
4243
-
4244
- .sidenav-sider.tazama {
4245
- background-color: var(--base-gray-10);
4246
- }
4247
-
4248
- .sidenav-sider.cukura {
4249
- background-color: var(--base-gray-90);
4250
- }
4251
-
4252
- @media (max-width: 850px) {
4253
- .sidenav-sider.desktop-sider {
4254
- display: none;
4255
- }
4256
- }
4257
-
4258
- .sidenav-sider .ant-menu.ant-menu-dark,
4259
- .sidenav-sider .ant-menu-dark .ant-menu-sub,
4260
- .sidenav-sider .ant-menu.ant-menu-dark .ant-menu-sub {
4261
- background: var(--base-gray-90);
4262
- }
4263
-
4264
- .sidenav-sider.custom .ant-menu.ant-menu-dark,
4265
- .sidenav-sider.custom .ant-menu-dark .ant-menu-sub,
4266
- .sidenav-sider.custom .ant-menu.ant-menu-dark .ant-menu-sub {
4267
- background: var(--custom-sidenav-color);
4268
- }
4269
-
4270
- .sidenav-sider.nested .ant-menu.ant-menu-dark,
4271
- .sidenav-sider.nested .ant-menu-dark .ant-menu-sub,
4272
- .sidenav-sider.nested .ant-menu.ant-menu-dark .ant-menu-sub {
4273
- background: var(--nested-sidenav-color);
4274
- }
4275
-
4276
- .sidenav-sider .ant-menu.ant-menu-dark .ant-menu-item:hover,
4277
- .sidenav-sider .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
4278
- .sidenav-sider .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-item:hover {
4279
- background-color: #2f3a47;
4280
- }
4281
-
4282
- .sidenav-sider.custom .ant-menu.ant-menu-dark .ant-menu-item:hover,
4283
- .sidenav-sider.custom .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
4284
- .sidenav-sider.custom
4285
- .ant-menu.ant-menu-dark
4286
- .ant-menu-sub
4287
- .ant-menu-item:hover {
4288
- background-color: var(--custom-sidenav-hover-color);
4289
- }
4290
-
4291
- .sidenav-sider.nested .ant-menu.ant-menu-dark .ant-menu-item:hover,
4292
- .sidenav-sider.nested .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
4293
- .sidenav-sider.nested
4294
- .ant-menu.ant-menu-dark
4295
- .ant-menu-sub
4296
- .ant-menu-item:hover {
4297
- background-color: var(--nested-sidenav-hover-color);
4298
- }
4299
-
4300
- .sidenav-sider.tazama .ant-menu.ant-menu-dark,
4301
- .sidenav-sider.tazama .ant-menu-dark .ant-menu-sub,
4302
- .sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-sub {
4303
- background-color: var(--base-gray-10);
4304
- }
4305
-
4306
- .sidenav-sider.cukura .ant-menu.ant-menu-dark,
4307
- .sidenav-sider.cukura .ant-menu-dark .ant-menu-sub,
4308
- .sidenav-sider.cukura .ant-menu.ant-menu-dark .ant-menu-sub {
4309
- background-color: var(--base-gray-90);
4310
- }
4311
-
4312
- .sidenav-sider.tazama .ant-menu.ant-menu-dark span,
4313
- .sidenav-sider.tazama .ant-menu-dark .ant-menu-sub span,
4314
- .sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-sub span {
4315
- color: var(--base-gray-90);
4316
- }
4317
-
4318
- .sidenav-sider.cukura .ant-menu.ant-menu-dark span,
4319
- .sidenav-sider.cukura .ant-menu-dark .ant-menu-sub span,
4320
- .sidenav-sider.cukura .ant-menu.ant-menu-dark .ant-menu-sub span {
4321
- color: var(--base-gray-70);
4322
- }
4323
-
4324
- .sidenav-sider.tazama .ant-menu.ant-menu-dark svg,
4325
- .sidenav-sider.tazama .ant-menu.ant-menu-dark i,
4326
- .sidenav-sider.tazama .ant-menu-dark .ant-menu-sub svg,
4327
- .sidenav-sider.tazama .ant-menu-dark .ant-menu-sub i,
4328
- .sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-sub svg,
4329
- .sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-sub i {
4330
- color: var(--base-gray-70) !important;
4331
- }
4332
-
4333
- .sidenav-sider.cukura .ant-menu.ant-menu-dark svg,
4334
- .sidenav-sider.cukura .ant-menu.ant-menu-dark i,
4335
- .sidenav-sider.cukura .ant-menu-dark .ant-menu-sub svg,
4336
- .sidenav-sider.cukura .ant-menu-dark .ant-menu-sub i,
4337
- .sidenav-sider.cukura .ant-menu.ant-menu-dark .ant-menu-sub svg,
4338
- .sidenav-sider.cukura .ant-menu.ant-menu-dark .ant-menu-sub i {
4339
- color: var(--base-gray-70) !important;
4340
- }
4341
-
4342
- .sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-item:hover,
4343
- .sidenav-sider.tazama .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
4344
- .sidenav-sider.tazama
4345
- .ant-menu.ant-menu-dark
4346
- .ant-menu-sub
4347
- .ant-menu-item:hover {
4348
- background-color: var(--base-gray-10);
4349
- }
4350
-
4351
- .sidenav-sider.cukura .ant-menu.ant-menu-dark .ant-menu-item:hover,
4352
- .sidenav-sider.cukura .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
4353
- .sidenav-sider.cukura
4354
- .ant-menu.ant-menu-dark
4355
- .ant-menu-sub
4356
- .ant-menu-item:hover {
4357
- /* background-color: var(--base-gray-90); */
4358
- background-color: red;
4359
- }
4360
-
4361
- .sidenav-sider .ant-menu-sub .ant-menu-item:hover {
4362
- background-color: #1f2a37 !important;
4363
- }
4364
-
4365
- .sidenav-sider.nested .ant-menu-sub .ant-menu-item:hover {
4366
- background-color: var(--nested-sidenav-hover-color) !important;
4367
- }
4368
-
4369
- .sidenav-sider.nested .ant-menu-sub .selected-it:hover {
4370
- background-color: var(--color-primary-70) !important;
4371
- }
4372
-
4373
- .sidenav-sider.custom .ant-menu-sub .ant-menu-item:hover {
4374
- background-color: var(--custom-sidenav-subsection-hover) !important;
4375
- }
4376
-
4377
- .sidenav-sider .ant-menu-sub .selected-it:hover {
4378
- background-color: var(--color-primary-70) !important;
4379
- }
4380
-
4381
- .sidenav-sider .ant-menu-sub .ant-menu-title-content {
4382
- line-height: 20px;
4383
- }
4384
-
4385
- .sidenav-sider.tazama .ant-menu-item:hover {
4386
- background-color: var(--base-gray-20) !important;
4387
- }
4388
-
4389
- .sidenav-sider.cukura .ant-menu-item:hover {
4390
- background-color: var(--base-gray-20) !important;
4391
- }
4392
-
4393
- .sidenav-sider
4394
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
4395
- .ant-menu-item-selected {
4396
- border-radius: 0px;
4397
- background-color: var(--color-primary-70) !important;
4398
- }
4399
-
4400
- .sidenav-sider
4401
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
4402
- .ant-menu-item-selected
4403
- span,
4404
- .sidenav-sider
4405
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
4406
- .ant-menu-item-selected
4407
- svg,
4408
- .sidenav-sider
4409
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
4410
- .ant-menu-item-selected
4411
- i {
4412
- color: white !important;
4413
- }
4414
-
4415
- .sidenav-sider.sidenav-sider-collapsed .sidemenu-cont .ant-menu-submenu:hover {
4416
- background-color: #243a47;
4417
- }
4418
-
4419
- .sidenav-sider.sidenav-sider-collapsed.custom
4420
- .sidemenu-cont
4421
- .ant-menu-submenu:hover {
4422
- background-color: var(--custom-collapsed-sidenav-hover-color);
4423
- }
4424
-
4425
- .sidenav-sider.sidenav-sider-collapsed.nested
4426
- .sidemenu-cont
4427
- .ant-menu-submenu:hover {
4428
- background-color: var(--nested-collapsed-sidenav-hover-color);
4429
- }
4430
-
4431
- .sidenav-sider.sidenav-sider-collapsed .sidemenu-cont svg {
4432
- width: 17px !important;
4433
- height: 17px !important;
4434
- }
4435
-
4436
- .sidenav-sider.sidenav-sider-collapsed.tazama
4437
- .sidemenu-cont
4438
- .ant-menu-submenu:hover {
4439
- background-color: var(--base-gray-20);
4440
- }
4441
-
4442
- .sidenav-sider.sidenav-sider-collapsed.cukura
4443
- .sidemenu-cont
4444
- .ant-menu-submenu:hover {
4445
- background-color: var(--base-gray-20);
4446
- }
4447
-
4448
- .sidenav-sider.sidenav-sider-collapsed .selected .ant-menu-submenu-title,
4449
- .sidenav-sider.sidenav-sider-collapsed
4450
- .ant-menu-submenu-selected
4451
- .ant-menu-submenu-title {
4452
- background-color: var(--color-primary-70) !important;
4453
- color: white;
4454
- border-radius: 0px;
4455
- }
4456
-
4457
- .sidenav-sider.nested.sidenav-sider-collapsed
4458
- .selected
4459
- .ant-menu-submenu-title
4460
- svg,
4461
- .sidenav-sider.nested.sidenav-sider-collapsed
4462
- .ant-menu-submenu-selected
4463
- .ant-menu-submenu-title
4464
- svg {
4465
- color: white !important;
4466
- }
4467
-
4468
- .sidenav-sider.sidenav-sider-collapsed .selected .ant-menu-submenu-title:hover,
4469
- .sidenav-sider.sidenav-sider-collapsed
4470
- .ant-menu-submenu-selected
4471
- .ant-menu-submenu-title:hover {
4472
- background-color: var(--color-primary-70) !important;
4473
- }
4474
-
4475
- .sidenav-sider.tazama.sidenav-sider-collapsed
4476
- .selected
4477
- .ant-menu-submenu-title
4478
- svg,
4479
- .sidenav-sider.tazama.sidenav-sider-collapsed
4480
- .ant-menu-submenu-selected
4481
- .ant-menu-submenu-title
4482
- svg {
4483
- color: white !important;
4484
- }
4485
-
4486
- .sidenav-sider.cukura.sidenav-sider-collapsed
4487
- .selected
4488
- .ant-menu-submenu-title
4489
- svg,
4490
- .sidenav-sider.cukura.sidenav-sider-collapsed
4491
- .ant-menu-submenu-selected
4492
- .ant-menu-submenu-title
4493
- svg {
4494
- color: white !important;
4495
- }
4496
-
4497
- .sidenav-sider .ant-menu-sub {
4498
- background-color: var(--base-gray-100) !important;
4499
- }
4500
-
4501
- .sidenav-sider.tazama .ant-menu-sub {
4502
- background-color: var(--color-primary-70) !important;
4503
- }
4504
-
4505
- .sidenav-sider.cukura .ant-menu-sub {
4506
- background-color: var(--color-primary-80) !important;
4507
- }
4508
-
4509
- .sidenav-sider .ant-menu-item-only-child {
4510
- padding-left: var(--size-lg) !important;
4511
- }
4512
-
4513
- .sidenav-sider .ant-menu-item-only-child:hover {
4514
- background-color: var(--base-gray-100);
4515
- }
4516
-
4517
- .sidenav-sider.tazama .ant-menu-item-only-child:hover {
4518
- background-color: var(--color-primary-70);
4519
- }
4520
-
4521
- .sidenav-sider.cukura .ant-menu-item-only-child:hover {
4522
- background-color: var(--color-primary-70);
4523
- }
4524
-
4525
- .sidenav-sider.tazama .ant-menu-sub {
4526
- background-color: var(--base-gray-20) !important;
4527
- }
4528
-
4529
- .sidenav-sider.cukura .ant-menu-sub {
4530
- background-color: var(--base-gray-110) !important;
4531
- }
4532
-
4533
- .sidenav-sider.tazama .ant-menu-item-only-child:hover {
4534
- background-color: var(--base-gray-20);
4535
- }
4536
-
4537
- .sidenav-sider.cukura .ant-menu-item-only-child:hover {
4538
- background-color: var(--base-gray-90);
4539
- }
4540
-
4541
- .sidenav-sider .sidenav-hover-content .ant-menu-item-only-child {
4542
- padding-left: 2px !important;
4543
- }
4544
-
4545
- .sidenav-sider .second-level-sub-menu .ant-menu-submenu-title {
4546
- padding-left: var(--size-lg) !important;
4547
- }
4548
-
4549
- .sidenav-sider .second-level-sub-menu .ant-menu-sub {
4550
- background-color: #1f2a37 !important;
4551
- }
4552
-
4553
- .sidenav-sider .second-level-sub-menu .ant-menu-item-only-child {
4554
- padding-left: var(--size-lg) !important;
4555
- }
4556
-
4557
- .sidenav-sider .second-level-sub-menu .ant-menu-item-only-child:hover {
4558
- background-color: #1f2a37;
4559
- }
4560
-
4561
- .sidenav-sider .second-level-sub-menu .selected {
4562
- background-color: var(--mmt-primary-70) !important;
4563
- color: white;
4564
- }
4565
-
4566
- .sidenav-sider .second-level-sub-menu .selected:hover {
4567
- background-color: var(--mmt-primary-70) !important;
4568
- }
4569
-
4570
- .sidenav-sider .selected-it {
4571
- background-color: var(--color-primary-70) !important;
4572
- color: white;
4573
- }
4574
-
4575
- .sidenav-sider .selected-it:hover {
4576
- background-color: var(--color-primary-70) !important;
4577
- }
4578
-
4579
- .sidenav-sider.tazama .second-level-sub-menu .ant-menu-sub {
4580
- background-color: var(--color-primary-70) !important;
4581
- }
4582
-
4583
- .sidenav-sider.cukura .second-level-sub-menu .ant-menu-sub {
4584
- background-color: var(--color-primary-70) !important;
4585
- }
4586
-
4587
- .sidenav-sider.tazama .second-level-sub-menu .ant-menu-item-only-child:hover {
4588
- background-color: var(--color-primary-70);
4589
- }
4590
-
4591
- .sidenav-sider.cukura .second-level-sub-menu .ant-menu-item-only-child:hover {
4592
- background-color: var(--color-primary-70);
4593
- }
4594
-
4595
- .sidenav-sider.tazama .second-level-sub-menu .selected {
4596
- opacity: 0;
4597
- background-color: var(--color-primary-70) !important;
4598
- color: white;
4599
- }
4600
-
4601
- .sidenav-sider.cukura .second-level-sub-menu .selected {
4602
- opacity: 0;
4603
- background-color: var(--color-primary-70) !important;
4604
- color: white;
4605
- }
4606
-
4607
- .sidenav-sider.tazama .second-level-sub-menu .selected:hover {
4608
- background-color: var(--color-primary-70) !important;
4609
- }
4610
-
4611
- .sidenav-sider.cukura .second-level-sub-menu .selected:hover {
4612
- background-color: var(--color-primary-70) !important;
4613
- }
4614
-
4615
- .sidenav-sider.tazama .selected-it {
4616
- background-color: var(--color-primary-70) !important;
4617
- }
4618
-
4619
- .sidenav-sider.cukura .selected-it {
4620
- background-color: var(--color-primary-70) !important;
4621
- }
4622
-
4623
- .sidenav-sider.tazama .selected-it span {
4624
- color: white !important;
4625
- }
4626
-
4627
- .sidenav-sider.cukura .selected-it span {
4628
- color: white !important;
4629
- }
4630
-
4631
- .sidenav-sider.tazama .selected-it:hover {
4632
- background-color: var(--color-primary-70) !important;
4633
- }
4634
-
4635
- .sidenav-sider.cukura .selected-it:hover {
4636
- background-color: var(--color-primary-70) !important;
4637
- }
4638
-
4639
- .sidenav-sider svg {
4640
- margin-right: 8px;
4641
- }
4642
-
4643
- .sidenav-sider .selected-label {
4644
- color: white !important;
4645
- }
4646
-
4647
- .sidenav-sider.sidenav-sider-collapsed .ant-menu-submenu-arrow {
4648
- display: none;
4649
- }
4650
-
4651
- .sidenav-sider.sidenav-sider-collapsed .ant-menu.ant-menu-sub.ant-menu-inline {
4652
- display: none;
4653
- }
4654
-
4655
- .sidenav-hover-content {
4656
- position: absolute;
4657
- left: 70px;
4658
- z-index: 9999;
4659
- background: var(--base-gray-90);
4660
- color: white;
4661
- padding: 0px var(--size);
4662
- height: auto;
4663
- min-width: 200px;
4664
- width: fit-content;
4665
- display: flex;
4666
- flex-direction: column;
4667
- border: 1px solid #4d5761;
4668
- border-radius: 4px;
4669
- }
4670
-
4671
- .sidenav-sider.custom .sidenav-hover-content {
4672
- background-color: var(--custom-sidenav-color);
4673
- border: none;
4674
- }
4675
-
4676
- .sidenav-sider.nested .sidenav-hover-content {
4677
- background-color: white;
4678
- color: #384250;
4679
- border: none;
4680
- border: 0.5px solid #e5e7eb;
4681
- }
4682
-
4683
- .sidenav-hover-content.tazama {
4684
- background-color: var(--color-primary-70);
4685
- border-color: var(--color-primary-70);
4686
- }
4687
-
4688
- .sidenav-hover-content.cukura {
4689
- color: var(--base-gray-70);
4690
- border: none;
4691
- }
4692
-
4693
- .sidenav-hover-content .sub-icon .anticon {
4694
- margin-top: 0px !important;
4695
- }
4696
-
4697
- .sidenav-hover-content .sub-icon .anticon svg {
4698
- width: 8px;
4699
- margin-top: 0px !important;
4700
- margin-right: 0px;
4701
- }
4702
-
4703
- .sidenav-hover-content header {
4704
- display: flex;
4705
- padding-top: 10px;
4706
- justify-content: flex-start;
4707
- align-items: center;
4708
- margin-bottom: 4px;
4709
- padding-bottom: 10px;
4710
- border-bottom: 1px solid rgba(255, 255, 255, 0.3);
4711
- }
4712
-
4713
- .sidenav-sider.nested .sidenav-hover-content header {
4714
- display: flex;
4715
- padding-top: 10px;
4716
- justify-content: flex-start;
4717
- align-items: center;
4718
- margin-bottom: 4px;
4719
- padding-bottom: 10px;
4720
- width: 100%;
4721
- position: relative;
4722
- box-sizing: border-box;
4723
- }
4724
-
4725
- .sidenav-sider.nested .sidenav-hover-content header::after {
4726
- content: "";
4727
- position: absolute;
4728
- bottom: 0;
4729
- left: 0;
4730
- right: -57px;
4731
- height: 1px;
4732
- background-color: #e5e7eb;
4733
- }
4734
-
4735
- .sidenav-hover-content header span {
4736
- font-size: 14px;
4737
- }
4738
-
4739
- .sidenav-hover-content header span[role="img"] {
4740
- margin-right: 12px;
4741
- }
4742
-
4743
- .sidenav-hover-content .with-subitems .ant-menu-title-content {
4744
- display: flex;
4745
- width: 100%;
4746
- }
4747
-
4748
- .sidenav-sider.custom .ant-menu-dark .ant-menu-item-disabled {
4749
- color: var(--custom-sidenav-disabled-menu-item-color) !important;
4750
- }
4751
-
4752
- .sidenav-sider.nested .ant-menu-dark .ant-menu-item-disabled {
4753
- color: var(--nested-sidenav-disabled-menu-item-color) !important;
4754
- }
4755
-
4756
- .sidenav-hover-content .ant-menu {
4757
- background: transparent;
4758
- color: rgba(255, 255, 255, 0.7);
4759
- border: none;
4760
- padding: 0;
4761
- margin: 0;
4762
- border: 0px;
4763
- }
4764
-
4765
- .sidenav-hover-content .ant-menu .ant-menu-item {
4766
- padding: 0 2px;
4767
- margin: 0;
4768
- margin-bottom: 0 !important;
4769
- display: flex;
4770
- color: white;
4771
- background-color: transparent;
4772
- }
4773
-
4774
- .sidenav-sider.nested .sidenav-hover-content .ant-menu .ant-menu-item {
4775
- padding: 0 2px;
4776
- margin: 0;
4777
- margin-bottom: 0 !important;
4778
- display: flex;
4779
- color: #384250;
4780
- background-color: transparent;
4781
- }
4782
-
4783
- .sidenav-hover-content .ant-menu .ant-menu-item span[role="img"],
4784
- .sidenav-hover-content .ant-menu .ant-menu-item svg {
4785
- margin-top: 12px;
4786
- font-size: var(--font-size-lg);
4787
- }
4788
-
4789
- .sidenav-hover-content .ant-menu .ant-menu-item:hover {
4790
- color: white !important;
4791
- background-color: transparent !important;
4792
- }
4793
-
4794
- .sidenav-sider.nested .sidenav-hover-content .ant-menu .ant-menu-item:hover {
4795
- color: #384250 !important;
4796
- background-color: transparent !important;
4797
- }
4798
-
4799
- .sidenav-hover-content .ant-menu .ant-menu-item.ant-menu-item-disabled {
4800
- color: white !important;
4801
- opacity: 0.5;
4802
- }
4803
-
4804
- .sidenav-hover-content .ant-menu .ant-menu-item.ant-menu-item-selected {
4805
- background-color: transparent;
4806
- color: white;
4807
- }
4808
-
4809
- html {
4810
- background-color: white;
4811
- }
4812
-
4813
- @media (max-width: 960px) {
4814
- html {
4815
- font-size: 12.5px;
4816
- }
4817
- }
4818
-
4819
- @media (max-width: 780px) {
4820
- html {
4821
- font-size: 12.5px;
4822
- }
4823
- }
4824
-
4825
- @media (max-width: 423px) {
4826
- html {
4827
- font-size: 11px;
4828
- }
4829
- }
4830
-
4831
- @media (max-width: 380px) {
4832
- html {
4833
- font-size: 10.5px;
4834
- }
4835
- }
4836
-
4837
- @media (max-width: 360px) {
4838
- html {
4839
- font-size: 10px;
4840
- }
4841
- }
4842
-
4843
- @media (max-width: 340px) {
4844
- html {
4845
- font-size: 9.5px;
4846
- }
4847
- }
4848
-
4849
- .ellipsis-text {
4850
- overflow: hidden;
4851
- white-space: nowrap;
4852
- text-overflow: ellipsis;
4853
- margin-bottom: 0px;
4854
- }
4855
-
4856
- .custom-select {
4857
- border: 0px;
4858
- }
4859
-
4860
- .custom-select .ant-select-selector {
4861
- border-radius: 4px !important;
4862
- box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
4863
- border-color: #d0d5dd !important;
4864
- color: #595959 !important;
4865
- }
4866
-
4867
- .custom-select.ant-select-sm {
4868
- height: 25px;
4869
- }
4870
-
4871
- .custom-select .ant-select-arrow {
4872
- top: 47%;
4873
- }
4874
-
4875
- .custom-select.white .ant-select-selector {
4876
- background-color: white !important;
4877
- }
4878
-
4879
- .flex-1 {
4880
- flex: 1;
4881
- }
4882
-
4883
- .max-w-100 {
4884
- max-width: 100%;
4885
- }
4886
-
4887
- .dark-select {
4888
- background: #1f2a37;
4889
- border-radius: 6px;
4890
- }
4891
-
4892
- .dark-select .ant-select-arrow {
4893
- color: white;
4894
- }
4895
-
4896
- .dark-select .ant-select-item-group {
4897
- color: #9da4ae;
4898
- }
4899
-
4900
- .dark-select .ant-select-dropdown {
4901
- background-color: var(--base-gray-100);
4902
- color: white;
4903
- padding-bottom: 12px;
4904
- }
4905
-
4906
- .dark-select .ant-select-dropdown .rc-virtual-list-holder-inner {
4907
- gap: 4px;
4908
- }
4909
-
4910
- .dark-select .ant-select-dropdown .ant-select-item-option {
4911
- padding: 5px 12px;
4912
- margin: 0px 12px;
4913
- border-radius: 6px;
4914
- }
4915
-
4916
- .dark-select .ant-select-dropdown .ant-select-item-option .ant-typography,
4917
- .dark-select
4918
- .ant-select-dropdown
4919
- .ant-select-item-option
4920
- .ant-select-item-option-content {
4921
- color: white;
4922
- font-weight: 500;
4923
- }
4924
-
4925
- .dark-select .ant-select-dropdown .ant-select-item-option:hover {
4926
- background-color: #1f2a37 !important;
4927
- }
4928
-
4929
- .dark-select
4930
- .ant-select-dropdown
4931
- .ant-select-item-option.ant-select-item-option-active {
4932
- background-color: #1f2a37 !important;
4933
- }
4934
-
4935
- .dark-select .ant-select-dropdown .ant-select-item {
4936
- color: white;
4937
- }
4938
-
4939
- .dark-select
4940
- .ant-select-dropdown
4941
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
4942
- background-color: #1f2a37;
4943
- }
4944
-
4945
- .dark-select-popup {
4946
- background-color: var(--base-gray-100);
4947
- color: white;
4948
- padding-bottom: 12px;
4949
- }
4950
-
4951
- .dark-select-popup.custom {
4952
- background-color: var(--custom-header-color);
4953
- color: white;
4954
- padding-bottom: 12px;
4955
- }
4956
-
4957
- .dark-select-popup.tazama {
4958
- background-color: var(--base-gray-10);
4959
- }
4960
-
4961
- /* .dark-select-popup.cukura {
4962
- background-color: var(--base-gray-20);
4963
- } */
4964
- .dark-select-popup .ant-select-item-group {
4965
- color: #9da4ae !important;
4966
- }
4967
-
4968
- .dark-select-popup .rc-virtual-list-holder-inner {
4969
- gap: 4px;
4970
- }
4971
-
4972
- .dark-select-popup .ant-select-item-option {
4973
- padding: 5px 12px;
4974
- margin: 0px 6px;
4975
- border-radius: 6px;
4976
- }
4977
-
4978
- .dark-select-popup .ant-select-item-option .ant-typography,
4979
- .dark-select-popup .ant-select-item-option .ant-select-item-option-content {
4980
- color: white;
4981
- font-weight: 500;
4982
- }
4983
-
4984
- .dark-select-popup .ant-select-item-option:hover {
4985
- background-color: #1f2a37 !important;
4986
- }
4987
-
4988
- .dark-select-popup .ant-select-item-option.ant-select-item-option-active {
4989
- background-color: #1f2a37 !important;
4990
- }
4991
-
4992
- .dark-select-popup.custom
4993
- .ant-select-item-option.ant-select-item-option-active {
4994
- background-color: var(--custom-sidenav-hover-color) !important;
4995
- }
4996
-
4997
- .dark-select-popup.tazama .ant-select-item-option .ant-typography,
4998
- .dark-select-popup.tazama
4999
- .ant-select-item-option
5000
- .ant-select-item-option-content {
5001
- color: var(--base-gray-90);
5002
- }
5003
-
5004
- /* .dark-select-popup.cukura .ant-select-item-option .ant-typography,
5005
- .dark-select-popup.cukura .ant-select-item-option .ant-select-item-option-content {
5006
- color: var(--base-gray-90);
5007
- } */
5008
- .dark-select-popup.tazama .ant-select-item-option:hover {
5009
- background-color: var(--base-gray-20) !important;
5010
- }
5011
-
5012
- /* .dark-select-popup.cukura .ant-select-item-option:hover {
5013
- background-color: var(--base-gray-20) !important;
5014
- } */
5015
- .dark-select-popup.tazama
5016
- .ant-select-item-option.ant-select-item-option-active {
5017
- background-color: var(--base-gray-20) !important;
5018
- }
5019
-
5020
- .dark-select-popup.cukura
5021
- .ant-select-item-option.ant-select-item-option-active {
5022
- background-color: var(--color-primary-70) !important;
5023
- }
5024
-
5025
- .dark-select-popup .ant-select-item {
5026
- color: white;
5027
- }
5028
-
5029
- .dark-select-popup
5030
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
5031
- background-color: #1f2a37;
5032
- }
5033
-
5034
- .dark-select-popup.tazama .ant-select-item {
5035
- color: var(--base-gray-90);
5036
- }
5037
-
5038
- /* .dark-select-popup.cukura .ant-select-item {
5039
- color: var(--base-gray-90);
5040
- } */
5041
- .dark-select-popup.tazama
5042
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
5043
- background-color: var(--base-gray-10);
5044
- }
5045
-
5046
- .dark-select-popup.cukura
5047
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
5048
- background-color: var(--base-gray-90);
5049
- }
5050
-
5051
- .text-center {
5052
- text-align: center;
5053
- }
5054
-
5055
- .ant-notification-bottomLeft {
5056
- max-height: 250px;
5057
- }
5058
-
5059
- .leaflet-control-attribution.leaflet-control {
5060
- display: none;
5061
- }
5062
-
5063
- @media (max-width: 850px) {
5064
- .userback-button {
5065
- display: none !important;
5066
- }
5067
- }
5068
-
5069
- /*# sourceMappingURL=index.css.map */
5070
-
5071
- /* steps component */
5072
- .ant-steps-item-finish .ant-steps-item-icon {
5073
- background-color: var(--color-primary-10) !important;
5074
- border-color: var(--color-primary-10) !important;
5075
- }
5076
-
5077
- .ant-menu-light .ant-menu-item-selected:hover {
5078
- background-color: var(
5079
- --color-primary-20
5080
- ) !important; /* pick a stronger shade */
5081
- }