@intellias/menu 2.5.11 → 2.5.12

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