@intellias/menu 2.4.9 → 2.5.0

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.
package/dist/css/main.css DELETED
@@ -1,1426 +0,0 @@
1
- @import url(https://fonts.googleapis.com/css?family=Play:400,700&display=swap);
2
- @import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
3
- @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap);
4
- @import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);
5
- .modal-wrapper[data-v-47941d80] {
6
- padding-bottom: 1rem;
7
- border-radius: 6px !important;
8
- background-color: #ffffff;
9
- box-shadow: 0 15px 30px rgba(37, 55, 70, 0.202715);
10
- }
11
- .modal-header[data-v-47941d80] {
12
- display: flex;
13
- justify-content: space-between;
14
- padding: 2rem 2rem 1rem 2rem;
15
- font-size: 1.25rem;
16
- font-weight: bold;
17
- color: #1a2732 !important;
18
- }
19
- .modal-header.dark[data-v-47941d80] {
20
- color: #ffffff !important;
21
- }
22
- .modal-header.dark i.icon[data-v-47941d80]:before {
23
- background-color: #ffffff !important;
24
- }
25
- .modal-header i.icon[data-v-47941d80]:before {
26
- background-color: #1a2732 !important;
27
- }
28
- .modal-content[data-v-47941d80] {
29
- padding: 1rem 2rem;
30
- }
31
- .modal-close[data-v-47941d80] {
32
- width: 15px !important;
33
- min-width: 15px;
34
- height: 15px !important;
35
- cursor: pointer;
36
- }
37
- .modal-footer[data-v-47941d80] {
38
- display: flex;
39
- justify-content: flex-end;
40
- padding: 1rem 2rem;
41
- }
42
- .modal-footer .btn[data-v-47941d80]:not(:first-child) {
43
- margin-left: 1rem;
44
- }
45
- .vm--overlay[data-v-47941d80] {
46
- background-color: rgba(37, 55, 70, 0.55) !important;
47
- transition: 0.3s !important;
48
- }
49
- .action-button.is-btn-link[data-v-4bad7ad2] {
50
- padding: 0;
51
- border: 0;
52
- background: transparent;
53
- cursor: pointer;
54
- }
55
- .action-button[data-v-4bad7ad2] {
56
- position: relative;
57
- text-overflow: ellipsis;
58
- overflow: hidden;
59
- white-space: nowrap;
60
- min-width: -moz-fit-content;
61
- min-width: fit-content;
62
- color: #ffffff;
63
- background: #00a58e;
64
- text-transform: initial;
65
- border-radius: 4px;
66
- font-weight: 600;
67
- }
68
- .action-button.dark[data-v-4bad7ad2] {
69
- color: #253746;
70
- background: #45d6ad;
71
- }
72
- .action-button.dark[data-v-4bad7ad2]:disabled:not(a, .is-btn-link) {
73
- background-color: #3b4d5d !important;
74
- }
75
- .action-button[data-v-4bad7ad2]:hover {
76
- background: #008c79;
77
- }
78
- @media only screen and (max-width : 600px) {
79
- .action-button.btn-full[data-v-4bad7ad2] {
80
- width: 100%;
81
- }
82
- }
83
- .action-button.is-btn-link[data-v-4bad7ad2] {
84
- color: #008c79;
85
- background: transparent !important;
86
- }
87
- .action-button.is-btn-link:hover .span-text[data-v-4bad7ad2], .action-button.is-btn-link:active .span-text[data-v-4bad7ad2] {
88
- text-decoration: underline;
89
- }
90
- .action-button.is-btn-link[data-v-4bad7ad2]:disabled, .action-button.is-btn-link.disabled[data-v-4bad7ad2] {
91
- pointer-events: none;
92
- color: #94a3b8 !important;
93
- }
94
- .action-button.is-btn-link:disabled.dark .span-text[data-v-4bad7ad2], .action-button.is-btn-link.disabled.dark .span-text[data-v-4bad7ad2] {
95
- color: #3b4d5d !important;
96
- }
97
- .action-button.is-link[data-v-4bad7ad2] {
98
- color: #008c79;
99
- background: transparent !important;
100
- }
101
- .action-button.is-link[data-v-4bad7ad2]:hover, .action-button.is-link[data-v-4bad7ad2]:active {
102
- text-decoration: underline;
103
- }
104
- .action-button.is-link[data-v-4bad7ad2]:disabled, .action-button.is-link.disabled[data-v-4bad7ad2] {
105
- pointer-events: none;
106
- color: #94a3b8 !important;
107
- }
108
- .action-button.btn-transparent[data-v-4bad7ad2] {
109
- background: transparent;
110
- color: #008c79;
111
- }
112
- .action-button.btn-transparent[data-v-4bad7ad2]:hover, .action-button.btn-transparent[data-v-4bad7ad2]:focus {
113
- background: #e2e8f0;
114
- }
115
- .action-button.btn-transparent[data-v-4bad7ad2]:disabled {
116
- color: #94a3b8;
117
- background: transparent !important;
118
- }
119
- .action-button .left-icon[data-v-4bad7ad2] {
120
- margin-right: 4px;
121
- }
122
- .action-button .spinner-solid[data-v-4bad7ad2] {
123
- color: #ffffff;
124
- animation: spin-4bad7ad2 2s linear infinite;
125
- vertical-align: middle;
126
- transition: width 300ms, height 300ms;
127
- margin-left: 8px;
128
- }
129
- .action-button .span-text[data-v-4bad7ad2] {
130
- vertical-align: middle;
131
- }
132
- .action-button span.tooltipped[data-v-4bad7ad2] {
133
- width: 100%;
134
- height: 100%;
135
- display: inline-block;
136
- position: absolute;
137
- cursor: pointer;
138
- pointer-events: all;
139
- }
140
- .action-buttonbutton span.tooltipped[data-v-4bad7ad2] {
141
- margin-left: -16px;
142
- }
143
- .action-button.btn-secondary[data-v-4bad7ad2] {
144
- border: 1px solid #cbd5e1;
145
- background-color: #ffffff;
146
- }
147
- .action-button.disabled[data-v-4bad7ad2]:not(a), .action-button[data-v-4bad7ad2]:not(a, .is-btn-link):disabled, .action-button[disabled][data-v-4bad7ad2]:not(a, .is-btn-link) {
148
- background-color: #f1f5f9;
149
- color: #94a3b8 !important;
150
- }
151
- .action-button.disabled:not(a) .spinner-solid[data-v-4bad7ad2], .action-button:not(a, .is-btn-link):disabled .spinner-solid[data-v-4bad7ad2], .action-button[disabled]:not(a, .is-btn-link) .spinner-solid[data-v-4bad7ad2] {
152
- color: #64748b !important;
153
- }
154
- .action-button i.icon[data-v-4bad7ad2] {
155
- vertical-align: middle;
156
- }
157
- @keyframes spin-4bad7ad2 {
158
- 100% {
159
- transform: rotate(360deg);
160
- }
161
- }
162
- .secondary-button[data-v-ab516b6a] {
163
- position: relative;
164
- text-overflow: ellipsis;
165
- overflow: hidden;
166
- white-space: nowrap;
167
- color: #1a2732;
168
- text-transform: initial;
169
- border-radius: 4px;
170
- font-weight: 600;
171
- line-height: 38px;
172
- display: flex;
173
- align-items: center;
174
- }
175
- .secondary-button.dark[data-v-ab516b6a] {
176
- height: 40px;
177
- padding: 0 var(--spacing-16);
178
- background: var(--surface-primary);
179
- color: var(--text-primary);
180
- text-decoration: none;
181
- border-radius: var(--border-radius-6);
182
- border: solid var(--border) 1px;
183
- font-size: var(--font-size-14);
184
- line-height: var(--line-height-24);
185
- transition: 0.3s;
186
- }
187
- .secondary-button.dark[data-v-ab516b6a]:hover {
188
- background: var(--surface-tertiary);
189
- border-color: var(--border);
190
- }
191
- .secondary-button i.icon[data-v-ab516b6a] {
192
- vertical-align: middle;
193
- }
194
- .secondary-button .spinner-solid[data-v-ab516b6a] {
195
- color: #1a2732;
196
- animation: spin-ab516b6a 2s linear infinite;
197
- vertical-align: middle;
198
- transition: width 300ms, height 300ms;
199
- margin-left: 8px;
200
- }
201
- .secondary-button .left-icon[data-v-ab516b6a] {
202
- margin-right: 4px;
203
- }
204
- .secondary-button.disabled[data-v-ab516b6a], .secondary-button.btn-secondary[data-v-ab516b6a]:disabled, .secondary-button.btn[disabled][data-v-ab516b6a] {
205
- background-color: #f1f5f9 !important;
206
- color: #94a3b8;
207
- }
208
- .secondary-button.disabled .spinner-solid[data-v-ab516b6a], .secondary-button.btn-secondary:disabled .spinner-solid[data-v-ab516b6a], .secondary-button.btn[disabled] .spinner-solid[data-v-ab516b6a] {
209
- color: #94a3b8 !important;
210
- }
211
- @keyframes spin-ab516b6a {
212
- 100% {
213
- transform: rotate(360deg);
214
- }
215
- }
216
- .play-pause {
217
- margin-left: 20px;
218
- }
219
- @media only screen and (max-width : 600px) {
220
- .play-pause {
221
- margin-left: 8px;
222
- }
223
- }
224
- .play-pause-btn {
225
- display: flex;
226
- justify-content: center;
227
- align-items: center;
228
- width: 40px;
229
- height: 40px;
230
- border-radius: 100%;
231
- cursor: pointer;
232
- }
233
- .play-pause-btn.disabled {
234
- pointer-events: none;
235
- }
236
- .play-pause-btn .icon {
237
- width: 40px;
238
- height: 40px;
239
- }
240
- .play-pause-btn .icon.spinner-solid {
241
- width: 24px;
242
- height: 24px;
243
- animation: spin 1s linear infinite;
244
- }
245
- [data-theme=dark] .play-pause-btn .icon.spinner-solid {
246
- color: var(--text-primary-dark);
247
- }
248
- #modalTracked {
249
- color: #253746;
250
- }
251
- #modalTracked.dark {
252
- color: #ffffff !important;
253
- }
254
- #modalTracked.dark i.icon:before {
255
- background-color: #ffffff !important;
256
- }
257
- #modalTracked .modal-content #tracked-content {
258
- display: flex;
259
- align-items: center;
260
- }
261
- #modalTracked .modal-content #tracked-content p {
262
- margin: 0;
263
- line-height: initial;
264
- }
265
- #modalTracked .modal-content #span-clock {
266
- margin-right: 10px;
267
- }
268
- #modalTracked .modal-content #span-clock i {
269
- font-size: 54px;
270
- }
271
- #modalTracked .modal-footer .action-button {
272
- margin-left: 15px;
273
- }
274
- @keyframes spin {
275
- 100% {
276
- transform: rotate(360deg);
277
- }
278
- }
279
- .managers-portal-link {
280
- display: inline-flex;
281
- justify-content: center;
282
- align-items: center;
283
- }
284
- @media only screen and (max-width: 1104px) {
285
- .managers-portal-link {
286
- font-size: 0.94rem;
287
- }
288
- }
289
- .managers-portal-link-counter {
290
- display: inline-flex;
291
- justify-content: center;
292
- align-items: center;
293
- width: 22px;
294
- height: 22px;
295
- margin-left: 8px;
296
- background-color: #186ade;
297
- border-radius: 100% !important;
298
- font-size: 0.67rem;
299
- font-weight: 700;
300
- line-height: normal;
301
- color: #ffffff !important;
302
- }
303
- [data-theme=dark] .managers-portal-link-counter {
304
- background-color: #A5B4FC;
305
- color: var(--text-on-color-dark) !important;
306
- }
307
- .progress[data-v-92cd54c2] {
308
- margin: 0;
309
- position: absolute;
310
- visibility: hidden;
311
- opacity: 0;
312
- transition: opacity 1.5s, visibility 1.5s;
313
- }
314
- .progress .determinate[data-v-92cd54c2] {
315
- background-color: #00a58e;
316
- }
317
- .progress.show[data-v-92cd54c2] {
318
- visibility: visible;
319
- opacity: 1;
320
- transition: visibility 0s;
321
- }
322
- .preloader {
323
- display: flex;
324
- align-items: center;
325
- justify-content: center;
326
- }
327
- .notifications-sidebar {
328
- position: relative;
329
- display: flex;
330
- align-items: center;
331
- }
332
- .notifications-sidebar .notifications-trigger {
333
- display: flex;
334
- transition: 0.3s;
335
- }
336
- .notifications-sidebar .notifications-trigger .icon.bell {
337
- width: 18px;
338
- height: 20px;
339
- }
340
- .notifications-sidebar .notifications-trigger:hover {
341
- color: #00a58e;
342
- }
343
- .notifications-sidebar .notifications-trigger:hover .icon {
344
- color: #00a58e;
345
- }
346
- .notifications-sidebar .row .col {
347
- padding: 0 0.75rem;
348
- }
349
- .notifications-sidebar .row .col > .icon:before {
350
- background-color: #45d6ad;
351
- }
352
- .notifications-sidebar .col .row {
353
- margin-left: -0.75rem;
354
- margin-right: -0.75rem;
355
- }
356
- .notifications-sidebar .v-dropdown-menu__container {
357
- top: calc(100% + 23px);
358
- left: -12px;
359
- max-width: none;
360
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
361
- }
362
- @media only screen and (max-width : 600px) {
363
- .notifications-sidebar .v-dropdown-menu__container {
364
- left: -24px;
365
- }
366
- }
367
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row {
368
- display: flex;
369
- justify-content: space-between;
370
- padding: 0 3px 0 13px;
371
- margin-bottom: 0;
372
- border-bottom: 1px #cbd5e1 solid;
373
- }
374
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .col.s2 .notifications-state-marker .v-dropdown-menu__container {
375
- top: 45px;
376
- }
377
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .col.s2 .notifications-state-marker .notification-manage-toggler {
378
- display: flex;
379
- flex-direction: column;
380
- justify-content: center;
381
- width: 20px;
382
- height: 64px;
383
- }
384
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .col.s2 .notifications-state-marker .notification-manage-toggler span {
385
- display: inline-block;
386
- width: 4px;
387
- height: 4px;
388
- border-radius: 50%;
389
- margin: 1px auto;
390
- background-color: #94a3b8;
391
- }
392
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu {
393
- margin: 0;
394
- }
395
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li:hover:not(.is-disabled), .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li:active:not(.is-disabled) {
396
- background-color: #c2e9e4;
397
- }
398
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li a {
399
- display: inline-block;
400
- width: 100%;
401
- color: #1a2732;
402
- font-size: 14px;
403
- font-weight: 400;
404
- line-height: 17px;
405
- padding: 10px 16px;
406
- cursor: pointer;
407
- }
408
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li a.is-disabled {
409
- color: rgba(0, 0, 0, 0.42);
410
- cursor: not-allowed;
411
- opacity: 0.5;
412
- text-decoration: none;
413
- pointer-events: none;
414
- }
415
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li a:hover:not(.is-disabled) {
416
- background-color: #c2e9e4;
417
- }
418
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown {
419
- width: 370px;
420
- }
421
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .row {
422
- margin-bottom: 0;
423
- }
424
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs {
425
- position: relative;
426
- height: 48px;
427
- border-bottom: 1px #cbd5e1 solid;
428
- background-color: #ffffff;
429
- box-shadow: none;
430
- line-height: normal;
431
- }
432
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button {
433
- width: 50%;
434
- border: none;
435
- background: none;
436
- cursor: pointer;
437
- }
438
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab {
439
- height: auto;
440
- padding: 0 10px;
441
- margin-top: 18px;
442
- font-size: 0.8rem;
443
- text-transform: initial;
444
- color: #64748b;
445
- line-height: normal;
446
- background-color: inherit;
447
- }
448
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab.active, .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab:focus, .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab:hover, .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab:focus.active {
449
- color: #1a2732;
450
- }
451
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab.active {
452
- font-weight: 600;
453
- }
454
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab .counter {
455
- font-weight: bold;
456
- font-size: 0.67rem;
457
- border-radius: 10px;
458
- padding: 2px 6px;
459
- color: #ffffff;
460
- background-color: #ff8041;
461
- margin-left: 4px;
462
- }
463
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs .indicator {
464
- background-color: #00a58e;
465
- margin: 0 25px;
466
- width: 140px !important;
467
- position: absolute;
468
- bottom: 0;
469
- height: 2px;
470
- transition: transform 0.4s ease, width 0.4s ease;
471
- }
472
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list {
473
- margin-bottom: 0;
474
- line-height: 18px;
475
- }
476
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content {
477
- width: 100%;
478
- min-height: 120px;
479
- max-height: calc(100vh - 275px);
480
- }
481
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .preloader {
482
- display: flex;
483
- align-items: center;
484
- justify-content: center;
485
- margin: 20px auto;
486
- width: 80px;
487
- height: 80px;
488
- }
489
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note {
490
- padding: 20px 25px;
491
- margin: 0 -0.75rem;
492
- }
493
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note:hover .manage-notification {
494
- opacity: 1;
495
- }
496
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .semi-primary-text b a {
497
- font-weight: 700;
498
- }
499
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .semi-primary-text a {
500
- font-weight: 500;
501
- }
502
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note.read {
503
- background-color: #f1f5f9;
504
- }
505
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note:not(.read) {
506
- border-left: 3px solid #ff8041;
507
- }
508
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note:not(:first-child) {
509
- border-top: 1px #cbd5e1 solid;
510
- }
511
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification {
512
- position: absolute;
513
- right: 16px;
514
- opacity: 0;
515
- }
516
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i {
517
- height: 16px;
518
- }
519
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i:before {
520
- background-color: #94a3b8;
521
- }
522
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.visibility {
523
- height: 18px;
524
- width: 18px;
525
- }
526
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.visibility:hover:before {
527
- background-color: #186ade !important;
528
- }
529
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.delete:hover:before {
530
- background-color: #da1e28 !important;
531
- }
532
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .note-title-col {
533
- max-width: 70%;
534
- padding-left: 4px;
535
- }
536
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .action-buttons {
537
- width: 100%;
538
- }
539
- .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .action-buttons button {
540
- height: auto;
541
- line-height: initial;
542
- }
543
- .notifications-sidebar a {
544
- color: #00a58e;
545
- display: inline;
546
- padding: 0;
547
- font-size: inherit;
548
- }
549
- .notifications-sidebar .view-all-row {
550
- border-top: 1px #cbd5e1 solid;
551
- line-height: 50px;
552
- }
553
- .notifications-sidebar .ps__rail-x {
554
- display: none !important;
555
- }
556
- .notifications-sidebar .has-unread {
557
- position: absolute;
558
- top: -6px;
559
- right: -8px;
560
- height: 9px;
561
- width: 9px;
562
- border-radius: 50%;
563
- background-color: #ff8041;
564
- }
565
- .notifications-sidebar .fade-enter-active,
566
- .notifications-sidebar .fade-leave-active {
567
- transition: opacity 0.5s;
568
- }
569
- .notifications-sidebar .fade-enter,
570
- .notifications-sidebar .fade-leave-to {
571
- opacity: 0;
572
- }
573
- .notifications-sidebar.dark .v-dropdown-menu__container {
574
- background-color: #253746;
575
- color: #94a3b8;
576
- border: 1px #475569 solid;
577
- }
578
- .notifications-sidebar.dark .v-dropdown-menu__container .primary-text {
579
- color: #f8fafc;
580
- }
581
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header {
582
- position: relative;
583
- z-index: 1001;
584
- }
585
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row {
586
- border-bottom: 1px #475569 solid;
587
- }
588
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu {
589
- background-color: #253746;
590
- border: 1px #475569 solid;
591
- }
592
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li:hover:not(.is-disabled) {
593
- background-color: #275b57;
594
- }
595
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li a {
596
- color: #f8fafc;
597
- }
598
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li a:hover:not(.is-disabled) {
599
- background-color: #275b57;
600
- }
601
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs {
602
- background-color: #253746;
603
- border-bottom: 1px #475569 solid;
604
- z-index: 1000;
605
- }
606
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs .indicator {
607
- background-color: #45d6ad;
608
- }
609
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs button.tab {
610
- color: #94a3b8;
611
- }
612
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs button.tab .counter {
613
- color: #253746;
614
- }
615
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs button.tab.active, .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs button.tab:hover {
616
- color: #f8fafc;
617
- }
618
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note {
619
- background-color: #253746;
620
- border-bottom: 1px #475569 solid;
621
- }
622
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note a {
623
- color: #45d6ad;
624
- }
625
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .time-ago {
626
- color: #94a3b8;
627
- }
628
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note.read {
629
- background-color: #1a2732;
630
- }
631
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note.read .row {
632
- background-color: #1a2732;
633
- }
634
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .span-text {
635
- color: #45d6ad;
636
- }
637
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .view-all-row {
638
- border-top: 1px #475569 solid;
639
- }
640
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .view-all-row .action-button.is-link {
641
- color: #45d6ad;
642
- }
643
- .bell-animation {
644
- -webkit-animation: ring 5.6s 0.5s ease-in-out infinite;
645
- -webkit-transform-origin: 50% 4px;
646
- -moz-animation: ring 5.6s 0.5s ease-in-out infinite;
647
- -moz-transform-origin: 50% 4px;
648
- animation: ring 5.6s 0.5s ease-in-out infinite;
649
- transform-origin: 50% 4px;
650
- }
651
- .image-wrapper.sm[data-v-7393283b] {
652
- width: 35px;
653
- height: 35px;
654
- }
655
- .image-wrapper.sm .user-image[data-v-7393283b] {
656
- border: 1px solid #cbd5e1;
657
- }
658
- .image-wrapper.sm .user-image.anonymous[data-v-7393283b] {
659
- font-size: 12px;
660
- }
661
- .image-wrapper.sm .user-image.anonymous.dark[data-v-7393283b] {
662
- background-color: var(--bg-primary);
663
- color: var(--text-disable);
664
- border: 1px solid var(--border);
665
- }
666
- .image-wrapper.md[data-v-7393283b] {
667
- height: 44px;
668
- width: 44px;
669
- }
670
- .image-wrapper.md .user-image[data-v-7393283b] {
671
- border: 1px solid #cbd5e1;
672
- }
673
- .image-wrapper.md .user-image.anonymous[data-v-7393283b] {
674
- font-size: 16px;
675
- color: #94a3b8;
676
- }
677
- .image-wrapper.md .user-image.anonymous.dark[data-v-7393283b] {
678
- background-color: var(--bg-primary);
679
- color: var(--text-disable);
680
- border: 1px solid var(--border);
681
- }
682
- .image-wrapper.lg[data-v-7393283b] {
683
- height: 96px;
684
- width: 96px;
685
- }
686
- .image-wrapper.xl[data-v-7393283b] {
687
- height: 128px;
688
- width: 128px;
689
- }
690
- .image-wrapper.xl .user-image.anonymous[data-v-7393283b] {
691
- font-size: 50px;
692
- color: #94a3b8;
693
- }
694
- .image-wrapper.xl .user-image.anonymous.dark[data-v-7393283b] {
695
- background-color: var(--bg-primary);
696
- color: var(--text-disable);
697
- border: 1px solid var(--border);
698
- }
699
- .image-wrapper .user-image[data-v-7393283b] {
700
- border: 2px solid #cbd5e1;
701
- border-radius: 50%;
702
- overflow: hidden;
703
- width: inherit;
704
- height: inherit;
705
- }
706
- .image-wrapper .user-imageimg[data-v-7393283b] {
707
- -o-object-fit: cover;
708
- object-fit: cover;
709
- }
710
- .image-wrapper .user-image.anonymous[data-v-7393283b] {
711
- background-color: #f8fafc;
712
- font-size: 2.5rem;
713
- color: #94a3b8;
714
- font-weight: 600;
715
- text-transform: uppercase;
716
- display: inline-flex;
717
- justify-content: center;
718
- align-items: center;
719
- }
720
- .image-wrapper .user-image.anonymous.dark[data-v-7393283b] {
721
- background-color: var(--bg-primary);
722
- color: var(--text-disable);
723
- border: 1px solid var(--border);
724
- }
725
- .image-wrapper.no-border .user-image[data-v-7393283b] {
726
- border: none;
727
- }
728
- .on-boarding-sign[data-v-0d7f0ada] {
729
- position: absolute;
730
- top: 97px;
731
- right: 30px;
732
- width: 485px;
733
- padding: 1.5rem;
734
- border-radius: 16px;
735
- background-color: #253746;
736
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
737
- color: #e2e8f0;
738
- pointer-events: all;
739
- z-index: 1999;
740
- will-change: top;
741
- transition: top 0.3s;
742
- }
743
- @media only screen and (max-width : 992px) {
744
- .on-boarding-sign[data-v-0d7f0ada] {
745
- width: 285px;
746
- right: 15px;
747
- }
748
- }
749
- .on-boarding-sign__arrow[data-v-0d7f0ada] {
750
- position: absolute;
751
- left: 80%;
752
- top: -15px;
753
- transform: rotate(90deg);
754
- width: 0;
755
- height: 0;
756
- border-top: 10px solid transparent;
757
- border-bottom: 10px solid transparent;
758
- border-right: 10px solid #253746;
759
- }
760
- .on-boarding-sign__title[data-v-0d7f0ada] {
761
- font-size: 1.5rem;
762
- font-weight: bold;
763
- color: #ffffff;
764
- }
765
- .on-boarding-sign__description[data-v-0d7f0ada] {
766
- margin-top: 1rem;
767
- line-height: 1.5rem;
768
- }
769
- .on-boarding-sign-buttons[data-v-0d7f0ada] {
770
- display: flex;
771
- justify-content: flex-end;
772
- margin-top: 1rem;
773
- }
774
- .on-boarding-sign-buttons button[data-v-0d7f0ada] {
775
- background: transparent;
776
- border: none;
777
- cursor: pointer;
778
- color: #8395a7;
779
- }
780
- .on-boarding-sign-buttons button[data-v-0d7f0ada]:last-child {
781
- margin-left: 2rem;
782
- color: #f8fafc;
783
- }
784
- .intems-menu {
785
- border-bottom: solid #e2e8f0 1px;
786
- font-family: "Nunito", sans-serif;
787
- }
788
- .intems-menu-container {
789
- position: relative;
790
- display: flex;
791
- gap: 16px;
792
- justify-content: space-between;
793
- align-items: center;
794
- height: 64px;
795
- padding: 0 20px;
796
- background-color: #ffffff;
797
- z-index: 997;
798
- }
799
- @media only screen and (max-width : 600px) {
800
- .intems-menu-container {
801
- gap: 0;
802
- padding: 0 16px;
803
- }
804
- }
805
- .intems-menu-container a, .intems-menu-container a:hover {
806
- text-decoration: none;
807
- }
808
- .intems-menu-left {
809
- display: flex;
810
- align-items: center;
811
- width: 100%;
812
- }
813
- .intems-menu-toggler {
814
- position: relative;
815
- display: flex;
816
- flex-wrap: wrap;
817
- flex-direction: column;
818
- justify-content: space-between;
819
- width: 15px;
820
- height: 10px;
821
- margin-right: 20px;
822
- cursor: pointer;
823
- }
824
- @media only screen and (max-width : 600px) {
825
- .intems-menu-toggler {
826
- margin-right: 0;
827
- }
828
- }
829
- .intems-menu-toggler span {
830
- display: inline-block;
831
- width: 100%;
832
- height: 2px;
833
- border-radius: 2px;
834
- background-color: #253746;
835
- transition: width 0.3s 0.2s;
836
- }
837
- .intems-menu-toggler .icon {
838
- position: absolute;
839
- top: 50%;
840
- right: -9px;
841
- transform: translateY(-50%);
842
- width: 16px;
843
- height: 16px;
844
- opacity: 0;
845
- transition: 0.3s;
846
- }
847
- @media only screen and (min-width : 993px) {
848
- .intems-menu-toggler.lite {
849
- display: none;
850
- }
851
- }
852
- .intems-menu-toggler.collapsed span:nth-child(2) {
853
- width: 75%;
854
- transition: width 0.3s;
855
- }
856
- .intems-menu-toggler.collapsed .icon {
857
- opacity: 1;
858
- transition: 0.2s 0.3s;
859
- }
860
- .intems-menu-toggler.open span {
861
- position: absolute;
862
- transition: 0.5s;
863
- }
864
- .intems-menu-toggler.open span:first-child, .intems-menu-toggler.open span:nth-child(3) {
865
- top: 6px;
866
- left: -1px;
867
- }
868
- .intems-menu-toggler.open span:first-child {
869
- transform: rotate(45deg);
870
- }
871
- .intems-menu-toggler.open span:nth-child(2) {
872
- width: 0;
873
- opacity: 0;
874
- }
875
- .intems-menu-toggler.open span:nth-child(3) {
876
- transform: rotate(-45deg);
877
- }
878
- .intems-menu-logo {
879
- display: inline-flex;
880
- width: 90px;
881
- height: 30px;
882
- }
883
- @media only screen and (max-width : 600px) {
884
- .intems-menu-logo {
885
- order: 1;
886
- margin-left: 16px;
887
- }
888
- }
889
- .intems-menu-logo img {
890
- width: 100%;
891
- height: 100%;
892
- }
893
- .intems-menu-links {
894
- display: flex;
895
- justify-content: space-between;
896
- align-items: center;
897
- width: 100%;
898
- margin-left: 12px;
899
- }
900
- @media only screen and (max-width : 600px) {
901
- .intems-menu-links {
902
- display: none;
903
- }
904
- }
905
- .intems-menu-links a {
906
- color: #253746;
907
- font-weight: 600;
908
- transition: 0.3s;
909
- }
910
- .intems-menu-links a .icon {
911
- transition: 0.3s;
912
- }
913
- .intems-menu-links a:hover {
914
- color: #00a58e;
915
- }
916
- .intems-menu-links a:hover .icon {
917
- color: #00a58e;
918
- }
919
- .intems-menu-links--right {
920
- display: flex;
921
- align-items: center;
922
- }
923
- @media only screen and (max-width : 1040px) {
924
- .intems-menu-links--right {
925
- display: none;
926
- }
927
- }
928
- .intems-menu-sub-links {
929
- display: flex;
930
- }
931
- .intems-menu-sub-links-item {
932
- display: flex;
933
- align-items: center;
934
- padding: 10px 22px;
935
- }
936
- @media only screen and (max-width: 1104px) {
937
- .intems-menu-sub-links-item {
938
- padding: 10px;
939
- }
940
- }
941
- .intems-menu-sub-links-item:last-child {
942
- padding-right: 0;
943
- }
944
- .intems-menu-sub-links-item + .intems-menu-sub-links-item {
945
- border-left: solid #cbd5e1 1px;
946
- padding-left: 22px;
947
- }
948
- @media only screen and (max-width: 1104px) {
949
- .intems-menu-sub-links-item + .intems-menu-sub-links-item {
950
- padding-left: 10px;
951
- }
952
- }
953
- .intems-menu-right {
954
- position: relative;
955
- display: flex;
956
- align-items: center;
957
- }
958
- .intems-menu-right .icon {
959
- color: #253746;
960
- }
961
- .intems-menu-additional, .intems-menu-notifications-bell {
962
- display: flex;
963
- height: 44px;
964
- padding: 6px 22px !important;
965
- border-right: solid #cbd5e1 1px;
966
- }
967
- @media only screen and (max-width : 600px) {
968
- .intems-menu-additional, .intems-menu-notifications-bell {
969
- padding: 6px 16px !important;
970
- }
971
- }
972
- .intems-menu-additional {
973
- align-items: center;
974
- gap: 24px;
975
- margin: 0;
976
- border-left: solid #cbd5e1 1px;
977
- }
978
- @media only screen and (max-width : 992px) {
979
- .intems-menu-additional {
980
- display: none;
981
- }
982
- }
983
- .intems-menu-additional li a {
984
- display: flex;
985
- align-items: center;
986
- gap: 8px;
987
- color: #253746;
988
- font-weight: 600;
989
- cursor: pointer;
990
- transition: 0.3s;
991
- }
992
- .intems-menu-additional li a:hover {
993
- color: #00a58e;
994
- }
995
- .intems-menu-additional li a:hover .icon {
996
- color: #00a58e;
997
- }
998
- .intems-menu-additional li a.no-kudos {
999
- cursor: default;
1000
- }
1001
- .intems-menu-additional li a.no-kudos:hover {
1002
- color: #253746;
1003
- }
1004
- .intems-menu-additional li a.no-kudos:hover .icon {
1005
- color: #253746;
1006
- }
1007
- .intems-menu-additional li a .icon {
1008
- transition: 0.3s;
1009
- }
1010
- .intems-menu-user {
1011
- display: flex;
1012
- align-items: center;
1013
- padding: 6px 0 6px 16px;
1014
- }
1015
- @media only screen and (max-width : 600px) {
1016
- .intems-menu-user {
1017
- padding: 6px 0 6px 8px;
1018
- }
1019
- }
1020
- .intems-menu-user .intellihub-logo {
1021
- margin-left: 20px;
1022
- color: #45d6ad;
1023
- font-size: 0.94rem;
1024
- font-weight: 700;
1025
- }
1026
- @media only screen and (max-width : 600px) {
1027
- .intems-menu-user .intellihub-logo {
1028
- margin-left: 4px;
1029
- }
1030
- }
1031
- .intems-menu-logout {
1032
- display: flex;
1033
- align-items: center;
1034
- color: #253746;
1035
- margin-left: 16px;
1036
- cursor: pointer;
1037
- font-size: 0.94rem;
1038
- font-weight: 600;
1039
- }
1040
- .intems-menu-logout .icon {
1041
- margin-left: 8px;
1042
- color: #253746;
1043
- }
1044
- [data-theme=dark] .intems-menu {
1045
- border-color: var(--border);
1046
- }
1047
- [data-theme=dark] .intems-menu-container {
1048
- background-color: var(--surface-primary-dark);
1049
- }
1050
- [data-theme=dark] .intems-menu-toggler span {
1051
- background-color: var(--bg-secondary-light);
1052
- }
1053
- [data-theme=dark] .intems-menu-links a:not(:hover), [data-theme=dark] .intems-menu-right .icon, [data-theme=dark] .intems-menu-additional li a:not(:hover), [data-theme=dark] .intems-menu-additional li a.no-kudos:hover, [data-theme=dark] .intems-menu-additional li a.no-kudos:hover .icon, [data-theme=dark] .intems-menu-logout, [data-theme=dark] .intems-menu-logout .icon {
1054
- color: var(--text-primary-dark);
1055
- }
1056
- [data-theme=dark] .intems-menu-additional, [data-theme=dark] .intems-menu-notifications-bell {
1057
- border-color: var(--border);
1058
- }
1059
- .tooltip {
1060
- display: block !important;
1061
- z-index: 10000;
1062
- }
1063
- .tooltip .tooltip-inner {
1064
- max-width: 300px;
1065
- padding: 6px 8px;
1066
- background: #253746;
1067
- border-radius: 6px;
1068
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
1069
- color: #ffffff;
1070
- font-size: 0.8rem;
1071
- }
1072
- .tooltip[x-placement^=top] {
1073
- margin-bottom: 5px;
1074
- }
1075
- .tooltip[x-placement^=bottom] {
1076
- margin-top: 5px;
1077
- }
1078
- .tooltip[x-placement^=right] {
1079
- margin-left: 5px;
1080
- }
1081
- .tooltip[x-placement^=left] {
1082
- margin-right: 5px;
1083
- }
1084
- .tooltip[aria-hidden=true] {
1085
- visibility: hidden;
1086
- opacity: 0;
1087
- transition: opacity 0.15s, visibility 0.15s;
1088
- }
1089
- .tooltip[aria-hidden=false] {
1090
- visibility: visible;
1091
- opacity: 1;
1092
- transition: opacity 0.15s;
1093
- }
1094
- @keyframes ring {
1095
- 0% {
1096
- transform: rotate(0);
1097
- }
1098
- 1% {
1099
- transform: rotate(32deg);
1100
- }
1101
- 3% {
1102
- transform: rotate(-30deg);
1103
- }
1104
- 5% {
1105
- transform: rotate(42deg);
1106
- }
1107
- 7% {
1108
- transform: rotate(-40deg);
1109
- }
1110
- 9% {
1111
- transform: rotate(36deg);
1112
- }
1113
- 11% {
1114
- transform: rotate(-34deg);
1115
- }
1116
- 13% {
1117
- transform: rotate(32deg);
1118
- }
1119
- 15% {
1120
- transform: rotate(-30deg);
1121
- }
1122
- 17% {
1123
- transform: rotate(30deg);
1124
- }
1125
- 19% {
1126
- transform: rotate(-28deg);
1127
- }
1128
- 21% {
1129
- transform: rotate(28deg);
1130
- }
1131
- 23% {
1132
- transform: rotate(-26deg);
1133
- }
1134
- 25% {
1135
- transform: rotate(26deg);
1136
- }
1137
- 27% {
1138
- transform: rotate(-24deg);
1139
- }
1140
- 29% {
1141
- transform: rotate(24deg);
1142
- }
1143
- 31% {
1144
- transform: rotate(-22deg);
1145
- }
1146
- 33% {
1147
- transform: rotate(23deg);
1148
- }
1149
- 35% {
1150
- transform: rotate(-21deg);
1151
- }
1152
- 37% {
1153
- transform: rotate(22deg);
1154
- }
1155
- 39% {
1156
- transform: rotate(-20deg);
1157
- }
1158
- 41% {
1159
- transform: rotate(21deg);
1160
- }
1161
- 43% {
1162
- transform: rotate(-19deg);
1163
- }
1164
- 45% {
1165
- transform: rotate(18deg);
1166
- }
1167
- 47% {
1168
- transform: rotate(-16deg);
1169
- }
1170
- 50% {
1171
- transform: rotate(14deg);
1172
- }
1173
- 52% {
1174
- transform: rotate(-12deg);
1175
- }
1176
- 54% {
1177
- transform: rotate(10deg);
1178
- }
1179
- 56% {
1180
- transform: rotate(-8deg);
1181
- }
1182
- 58% {
1183
- transform: rotate(6deg);
1184
- }
1185
- 60% {
1186
- transform: rotate(-4deg);
1187
- }
1188
- 62% {
1189
- transform: rotate(2deg);
1190
- }
1191
- 64% {
1192
- transform: rotate(-1deg);
1193
- }
1194
- 66% {
1195
- transform: rotate(1deg);
1196
- }
1197
- 70% {
1198
- transform: rotate(0);
1199
- }
1200
- 100% {
1201
- transform: rotate(0);
1202
- }
1203
- }
1204
- main {
1205
- overflow: auto;
1206
- position: relative;
1207
- flex: 1 1 auto;
1208
- }
1209
- .bold {
1210
- font-weight: bold;
1211
- }
1212
- .margin-top-5 {
1213
- margin-top: 5px;
1214
- }
1215
- .margin-top-10 {
1216
- margin-top: 10px;
1217
- }
1218
- .padding-top-15 {
1219
- padding-top: 15px;
1220
- }
1221
- .margin-top-15 {
1222
- margin-top: 15px;
1223
- }
1224
- .margin-top-25 {
1225
- margin-top: 25px;
1226
- }
1227
- .margin-top-50 {
1228
- margin-top: 50px;
1229
- }
1230
- .margin-left-15 {
1231
- margin-left: 15px;
1232
- }
1233
- .margin-left-8 {
1234
- margin-left: 8px;
1235
- }
1236
- .margin-bottom-5 {
1237
- margin-bottom: 5px;
1238
- }
1239
- .margin-bottom-15 {
1240
- margin-bottom: 15px;
1241
- }
1242
- .title-row {
1243
- margin: 30px 0 40px;
1244
- }
1245
- .title-row .page-title {
1246
- margin: 0;
1247
- align-self: center;
1248
- justify-self: flex-start;
1249
- }
1250
- .title-row button {
1251
- order: 2;
1252
- }
1253
- .flex {
1254
- display: flex;
1255
- }
1256
- .flex.vertical-center {
1257
- align-items: center;
1258
- }
1259
- .center {
1260
- text-align: center;
1261
- justify-content: center;
1262
- }
1263
- .wide {
1264
- width: 100%;
1265
- }
1266
- .pointer {
1267
- cursor: pointer;
1268
- }
1269
- .primary-text {
1270
- font-size: 14px !important;
1271
- line-height: 1.29;
1272
- font-weight: bold;
1273
- }
1274
- .semi-primary-text {
1275
- font-size: 14px;
1276
- line-height: 1.25;
1277
- font-weight: normal;
1278
- }
1279
- .error-text {
1280
- color: #da1e28;
1281
- }
1282
- .error-text span {
1283
- color: #da1e28 !important;
1284
- }
1285
- .text-muted {
1286
- font-size: 12px;
1287
- color: #64748b;
1288
- }
1289
- .modal.confirm {
1290
- box-sizing: border-box;
1291
- min-width: 280px;
1292
- min-height: 150px;
1293
- flex-direction: column;
1294
- background-color: #ffffff;
1295
- position: fixed;
1296
- }
1297
- .modal.confirm.open {
1298
- display: flex !important;
1299
- }
1300
- .modal.confirm .header {
1301
- padding-bottom: 10px;
1302
- }
1303
- .modal.confirm .header i.modal-close {
1304
- float: right;
1305
- height: 24px;
1306
- line-height: 24px;
1307
- }
1308
- .modal.confirm .header h3 {
1309
- color: #1a2732;
1310
- }
1311
- .modal.confirm .header + .modal-footer {
1312
- padding-top: 30px;
1313
- }
1314
- .modal.confirm .modal-content {
1315
- white-space: normal;
1316
- color: #1a2732;
1317
- overflow: initial;
1318
- font-weight: normal;
1319
- line-height: normal;
1320
- margin-right: 0;
1321
- padding-right: 0;
1322
- }
1323
- .give-kudos a,
1324
- .give-kudos a:hover {
1325
- text-decoration: none;
1326
- color: #008c79;
1327
- }
1328
- .give-kudos a.portals-link {
1329
- color: var(--text-link);
1330
- font-size: var(--font-size-14);
1331
- font-weight: 600;
1332
- text-decoration: underline;
1333
- }
1334
- .give-kudos a.portals-link:hover {
1335
- color: var(--text-link-hover);
1336
- }
1337
- .give-kudos .kudos-form {
1338
- /* Firefox */
1339
- }
1340
- .give-kudos .kudos-form .rows-group {
1341
- display: grid;
1342
- grid-template-columns: 1fr 200px;
1343
- grid-column-gap: 32px;
1344
- }
1345
- .give-kudos .kudos-form .kudos-quantity {
1346
- width: 100%;
1347
- height: 40px;
1348
- padding: 0 15px;
1349
- margin: 0;
1350
- border: solid 1px #cbd5e1;
1351
- border-radius: 6px;
1352
- box-sizing: inherit;
1353
- font-size: 14px;
1354
- font-weight: 600;
1355
- }
1356
- .give-kudos .kudos-form .kudos-quantity:focus, .give-kudos .kudos-form .kudos-quantity:active, .give-kudos .kudos-form .kudos-quantity:focus-visible {
1357
- border: solid 1px #00a58e;
1358
- box-shadow: none !important;
1359
- outline: none !important;
1360
- }
1361
- .give-kudos .kudos-form .kudos-quantity:disabled {
1362
- color: #94a3b8;
1363
- font-weight: 400;
1364
- background-color: #f1f5f9;
1365
- }
1366
- .give-kudos .kudos-form input[type=number] {
1367
- -moz-appearance: textfield;
1368
- }
1369
- .give-kudos .kudos-form .v-select .vs__dropdown-toggle {
1370
- border-radius: 6px;
1371
- }
1372
- .give-kudos .kudos-form .v-select .vs__deselect {
1373
- margin-left: 15px;
1374
- }
1375
- .give-kudos .kudos-form .v-select.short-dropdown .vs__dropdown-menu {
1376
- max-height: 235px;
1377
- }
1378
- .give-kudos .kudos-form textarea {
1379
- resize: none;
1380
- min-height: 100px;
1381
- max-height: 300px;
1382
- min-width: 100%;
1383
- max-width: 100%;
1384
- border-radius: 6px;
1385
- outline: none;
1386
- padding: 10px;
1387
- font-size: 14px;
1388
- }
1389
- .give-kudos .kudos-form textarea::-moz-placeholder {
1390
- color: #5a6c7c;
1391
- font-size: 14px;
1392
- }
1393
- .give-kudos .kudos-form textarea::placeholder {
1394
- color: #5a6c7c;
1395
- font-size: 14px;
1396
- }
1397
- .give-kudos .kudos-form .portals-input {
1398
- border: solid 1px var(--border);
1399
- background-color: var(--surface-primary);
1400
- color: var(--text-primary);
1401
- }
1402
- .give-kudos .kudos-form .portals-input:focus {
1403
- border: solid 1px var(--accent-primary);
1404
- }
1405
- .give-kudos .kudos-form .textarea-info {
1406
- display: flex;
1407
- flex-direction: column;
1408
- align-items: flex-end;
1409
- font-size: var(--font-size-10);
1410
- }
1411
- .give-kudos .kudos-form .textarea-info.lite-info {
1412
- font-size: 0.67rem;
1413
- }
1414
- .give-kudos .kudos-form label {
1415
- display: flex;
1416
- font-size: 0.94rem;
1417
- margin-bottom: 10px;
1418
- color: var(--text-primary);
1419
- }
1420
- .give-kudos .kudos-form .error {
1421
- font-size: 0.8rem;
1422
- color: #da1e28;
1423
- }
1424
- .give-kudos .kudos-form .error-field {
1425
- border: solid 1px #da1e28 !important;
1426
- }