@equinor/echo-framework 0.14.1-beta-4 → 0.14.1-beta-5

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 (3) hide show
  1. package/index.cjs +169 -1
  2. package/package.json +1 -1
  3. package/index.css +0 -2935
package/index.css DELETED
@@ -1,2935 +0,0 @@
1
- :global(:root) {
2
- /* z-index-levels: add z index levels here, which needs to be considered and respected in the Echo App globally */
3
- --echo-framework-z-level-panel-left: 500;
4
- --echo-framework-z-level-panel-main: 550;
5
- --echo-framework-z-level-bottom-bar: 1425;
6
- --echo-framework-z-level-scrim: 1450;
7
- }
8
-
9
- /* EDS Scrim (semi-transparent, black overlay) has z-index: 1300, while Menu has 1400.
10
- * We would like to have an opened Menu to be covered by the Scrim.
11
- */
12
- :global([class^='Scrim__StyledScrim']) {
13
- z-index: var(--echo-framework-z-level-scrim) !important;
14
- }
15
-
16
- :root {
17
- /* Padding and Margins */
18
- --xSmall: 0.25rem;
19
- --small: 0.5rem;
20
- --medium: 1rem;
21
- --large: 1.5rem;
22
- --xLarge: 2rem;
23
-
24
- /* Echo - Digital Twin Colors*/
25
- --black: #000000;
26
- --white: #ffffff;
27
- --equiBlue1: #233746;
28
- --equiBlue2: #d7e1ed;
29
- --equiBlue3: #d5eaf4;
30
- --equiGray1: #87929a;
31
- --equiGray2: #b4bbc0;
32
- --equiGray3: #d1d5d8;
33
- --equiGray4: #e3e6e8;
34
- --equiRed1: #ff1243;
35
- --darkEquiRed: #ce183e;
36
- --equiGreen1: #006f79;
37
- --equiGreen2: #deedee;
38
- --equiGreen3: #e6faec;
39
- --echoText: #3d3d3d;
40
-
41
- --disabledBackgroundColor: #eaeaea;
42
- --disabledColor: #6f6f6f;
43
-
44
- /* Echopedia Notifications status color */
45
- --onGoing: #fbca36;
46
- --done: #4bb748;
47
-
48
- /* Echopedia Stid StatusCode */
49
- --asBuilt: #007079;
50
- --planned: #4bb748;
51
- --future: #52c0ff;
52
- --historic: #ff7d98;
53
- --outOfService: #ff9200;
54
- --reserved: #243746;
55
- --voided: #eb0000;
56
- --default: #dcdcdc;
57
-
58
- /*Echopedia Procosys StatusCodes*/
59
- --ok: #23ef2a;
60
- --os: #adaead;
61
- --pa: #f94693;
62
- --pb: #ffdd00;
63
- --unknown: #525252;
64
-
65
- /*Echopedia commPks statusCodes */
66
- --rfccSent: #bcf316;
67
- --rfccPartly: #c7f316;
68
- --rfcc: #60f316;
69
- --rfocSent: #0dccf2;
70
- --rfocPartly: #1accf2;
71
- --rfoc: #0d59f2;
72
- --rfccRejected: #ff1243;
73
- --rfocRejected: #ff1243;
74
- --handoverError: #eb0000;
75
-
76
- /*Echopedia Procosys Filters*/
77
- --priorityHigh: #ff1243;
78
- --priorityMedium: #fbca36;
79
- --systems: #d5eaf4;
80
- --locations: #3eb54a;
81
-
82
- /* Popover colors */
83
- --warningText: #ad6200;
84
- --warningIcon: #ff9200;
85
- --warningBackground: #ffe7d6;
86
-
87
- /* Dropdown colors */
88
- --dropDownButtonBackground: #f0f0f0;
89
- --dropDownTextColor: #808080;
90
-
91
- /* Search */
92
- --searchBarBackground: #f7f7f7;
93
-
94
- /* Application notifications */
95
- --highSeverity: #ffc1c1;
96
- --mediumSeverity: #ffe7d6;
97
- --lowSeverity: #dce6ee;
98
- --defaultSeverity: #d5eaf4;
99
-
100
- --highSeverityText: #eb0000;
101
- --mediumSeverityText: #52c0ff;
102
- --lowSeverityText: #4bb748;
103
- --defaultSeverityText: #3d3d3d;
104
-
105
- /* Toggle colors */
106
- --toggleActive: #4bb748;
107
- --toggleInactive: #b30d2f;
108
-
109
- /* Icon colors */
110
- --hoverIcon: #004f55;
111
-
112
- /* Text */
113
- --tertiaryText: #6f6f6f;
114
-
115
- /* Misc UI */
116
- --dividerColor: #dcdcdc;
117
- }
118
-
119
- html,
120
- body,
121
- #root {
122
- width: 100%;
123
- height: 100%;
124
- overflow: hidden;
125
- }
126
-
127
- /* Theming*/
128
- html[data-theme='dark'] {
129
- --equiGreen1: #006f79;
130
- }
131
-
132
- body,
133
- h1,
134
- h2,
135
- h3,
136
- h4,
137
- h5,
138
- h6,
139
- p,
140
- label {
141
- color: var(--echoText);
142
- }
143
-
144
- html,
145
- body {
146
- font-family: Equinor !important;
147
- }
148
-
149
- span {
150
- font-family: Equinor !important;
151
- }
152
-
153
- ::-webkit-scrollbar {
154
- width: 10px;
155
- }
156
-
157
- ::-webkit-scrollbar-track {
158
- background: #f7f7f7;
159
- border-radius: 5px;
160
- }
161
-
162
- ::-webkit-scrollbar-thumb {
163
- background: #007079;
164
- border-radius: 5px;
165
- }
166
-
167
- ::-webkit-scrollbar-thumb:hover {
168
- background: #004f55;
169
- }
170
-
171
- button,
172
- input {
173
- -webkit-appearance: none;
174
- -moz-appearance: none;
175
- appearance: none;
176
- background: transparent;
177
- border: inherit;
178
- color: inherit;
179
- font: inherit;
180
- outline: 0;
181
- }
182
-
183
- input,
184
- input:before,
185
- input:after {
186
- -webkit-user-select: initial;
187
- -moz-user-select: initial;
188
- user-select: initial;
189
- }
190
-
191
- .AppLinks-module_AppBar__2ZZaq {
192
- margin: 0 auto 48px;
193
- display: flex;
194
- flex-wrap: wrap;
195
- justify-content: center;
196
- align-items: flex-start;
197
- }
198
-
199
- .EchoContent-module_barButtons__nsM6X {
200
- height: 100%;
201
- width: 100%;
202
- display: flex;
203
- align-items: center;
204
- justify-content: center;
205
- }
206
- .EchoContent-module_barButtons__nsM6X > button > span {
207
- display: flex;
208
- flex-direction: column;
209
- grid-gap: 0;
210
- }
211
-
212
- .EchoContent-module_barButtons__nsM6X > button > span > svg {
213
- display: inline-flex;
214
- margin-bottom: 0.2rem;
215
- }
216
-
217
- .EchoContent-module_barButtons__nsM6X > button > span > span {
218
- display: inline-flex;
219
- color: var(--echoText);
220
- font-size: 0.65625rem;
221
- line-height: 0.75rem;
222
- }
223
-
224
- .EchoContent-module_activeBottomBarButton__a8kxs {
225
- border-top: 2px solid var(--equiGreen1);
226
- background-color: var(--equiGreen3);
227
- }
228
-
229
- .EchoContent-module_activeBottomBarButton__a8kxs > button:focus {
230
- outline: none !important;
231
- }
232
-
233
- .EchoContent-module_activeBottomBarButton__a8kxs > button:focus-visible {
234
- outline-offset: 2px !important;
235
- outline: 1px dashed #004f55 !important;
236
- }
237
-
238
- @media screen and (max-width: 927px) and (orientation: landscape) {
239
- .EchoContent-module_activeBottomBarButton__a8kxs {
240
- border-top: 0px;
241
- border-right: 2px solid var(--equiGreen1);
242
- }
243
-
244
- .EchoContent-module_barButtons__nsM6X {
245
- max-height: 96px;
246
- width: 56px;
247
- }
248
- }
249
-
250
- @keyframes EchoContent-module_spinAnimation__enGOK {
251
- 0% {
252
- transform: rotate(0deg);
253
- }
254
- 100% {
255
- transform: rotate(360deg);
256
- }
257
- }
258
-
259
- .EchoContent-module_spinningIcon__EDkWM {
260
- animation: EchoContent-module_spinAnimation__enGOK 1.5s infinite reverse linear;
261
- }
262
-
263
- .EchoContent-module_echoTopBar__QTcyL {
264
- }
265
-
266
- .EchoContent-module_headerDetails__Z6x0e {
267
- justify-self: end;
268
- }
269
-
270
- .EchoContent-module_headerIcons__7SwgN > svg {
271
- margin: 0 8px;
272
- }
273
-
274
- .EchoMenu-module_echoTopBar__F5JYY {
275
- width: 100% !important;
276
- border-bottom: 1px solid var(--default) !important;
277
- padding-left: 12px !important;
278
- padding-right: var(--small) !important;
279
- }
280
-
281
- .EchoMenu-module_topBarItems__lZMfa {
282
- display: flex;
283
- align-items: center;
284
- }
285
-
286
- .EchoMenu-module_topBarItem__ahWg0 {
287
- padding: 0 0.25em 0 0.25em;
288
- }
289
-
290
- .EchoMenu-module_echoToolMenu__07CMW {
291
- width: 64px;
292
- height: 100%;
293
- border-right: 1px solid var(--default);
294
- display: flex;
295
- flex-direction: column;
296
- background: white;
297
- z-index: var(--echo-framework-z-level-panel-left);
298
- }
299
-
300
- .EchoMenu-module_headerDetails__McF40 {
301
- justify-self: end;
302
- }
303
-
304
- @media screen and (min-width: 768px) {
305
- .EchoMenu-module_headerDetails__McF40 {
306
- width: 65px;
307
- white-space: nowrap;
308
- overflow: hidden;
309
- text-overflow: ellipsis;
310
- }
311
- }
312
-
313
- @media screen and (min-width: 1024px) {
314
- .EchoMenu-module_headerDetails__McF40 {
315
- width: auto;
316
- overflow: auto;
317
- text-overflow: initial;
318
- white-space: initial;
319
- }
320
- }
321
-
322
- .EchoMenu-module_eeLogo__DU06g svg {
323
- width: 24px !important;
324
- height: 24px !important;
325
- }
326
-
327
- .EchoMenu-module_headerTitleArea__Rjd9f {
328
- display: flex;
329
- width: 100%;
330
- height: 100%;
331
- white-space: nowrap;
332
- overflow: hidden;
333
- align-items: center;
334
- text-overflow: ellipsis;
335
- }
336
-
337
- .EchoMenu-module_headerDetails__McF40 {
338
- display: flex;
339
- width: 100%;
340
- height: 100%;
341
- white-space: nowrap;
342
- overflow: hidden;
343
- align-items: center;
344
- text-overflow: ellipsis;
345
- }
346
-
347
- .EchoMenu-module_plantName__OkipP {
348
- width: 100%;
349
- white-space: nowrap;
350
- overflow: hidden;
351
- text-overflow: ellipsis;
352
- text-align: right;
353
- vertical-align: middle;
354
- }
355
-
356
- .EchoMenu-module_headerIcons__dZLjR > svg {
357
- margin: 0 8px;
358
- }
359
-
360
- .EchoMenu-module_popoverContent__9SvmG > div {
361
- width: 300px;
362
- }
363
-
364
- .EchoMenu-module_popoverTitle__soO-h {
365
- width: 100%;
366
- display: flex;
367
- justify-content: space-between;
368
- margin: 0px;
369
- height: 24px;
370
- }
371
-
372
- .layout-module_echoContentContainer__aiKkp,
373
- .layout-module_echoContentContainerFullScreenMode__4ZF8W {
374
- height: calc(100% - 48px); /* 48px: height of the bottom bar */
375
- width: 100%;
376
- padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px)
377
- env(safe-area-inset-left, 20px);
378
- }
379
-
380
- .layout-module_echoContentContainerFullScreenMode__4ZF8W {
381
- height: 100% !important;
382
- padding: 0 !important;
383
- }
384
-
385
- .layout-module_deviceOrientation__b-F7k,
386
- .layout-module_deviceOrientationFullScreenMode__D7e4V {
387
- display: flex;
388
- flex-direction: column;
389
- width: 100%;
390
- height: 100% !important;
391
- }
392
-
393
- .layout-module_deviceOrientationFullScreenMode__D7e4V {
394
- height: 100% !important;
395
- padding: 0 !important;
396
- }
397
-
398
- /* Mobile and small screens */
399
- @media screen and (max-width: 927px) and (orientation: landscape) {
400
- .layout-module_echoContentContainer__aiKkp {
401
- display: flex;
402
- flex-direction: row;
403
- height: 100%;
404
- }
405
- .layout-module_deviceOrientation__b-F7k {
406
- width: calc(100% - 48px);
407
- height: 100% !important;
408
- }
409
- }
410
-
411
- @media screen and (max-width: 767px) and (orientation: portrait) {
412
- .layout-module_deviceOrientation__b-F7k {
413
- height: calc(100% - 48px);
414
- }
415
- }
416
-
417
- /* Tablet and up */
418
- @media screen and (min-width: 928px) and (orientation: landscape) {
419
- .layout-module_echoContentContainer__aiKkp {
420
- display: flex;
421
- height: calc(100% - 64px);
422
- }
423
- }
424
-
425
- @media screen and (min-width: 768px) and (orientation: portrait) {
426
- .layout-module_echoContentContainer__aiKkp {
427
- display: flex;
428
- height: calc(100% - 64px);
429
- }
430
- }
431
-
432
- .layout-module_applicationWrapper__0345V {
433
- position: relative;
434
- background-color: #ffffff;
435
- width: 100%;
436
- height: calc(100% - 4em);
437
- overflow: auto;
438
- background-image: url('../../images/frontpage-brand-placeholder-vert.jpg');
439
- background-size: cover;
440
- animation: layout-module_fadeIn__JmqJL 2s;
441
- }
442
-
443
- @keyframes layout-module_fadeIn__JmqJL {
444
- from {
445
- opacity: 0;
446
- }
447
- to {
448
- opacity: 1;
449
- }
450
- }
451
-
452
- @media screen and (min-width: 640px) {
453
- .layout-module_applicationWrapper__0345V {
454
- background-image: none;
455
- }
456
- }
457
-
458
- .layout-module_mainLayoutWrapper__eKwZ5 {
459
- width: 100%;
460
- height: calc(100% - 4em);
461
- overflow: hidden;
462
- }
463
-
464
- .layout-module_bgTransparent__RhT-I {
465
- background-color: transparent;
466
- }
467
-
468
- .layout-module_footerDisclaimer__jcKoG {
469
- font-size: 0.7rem;
470
- }
471
- .layout-module_footerLogo__qgmUX {
472
- max-height: 2.5rem;
473
- }
474
-
475
- .layout-module_navbarBrand__dGCu2 {
476
- color: red;
477
- }
478
-
479
- ::-moz-selection {
480
- background-color: #cce2ff;
481
- color: rgba(0, 0, 0, 0.87);
482
- }
483
-
484
- ::selection {
485
- background-color: #cce2ff;
486
- color: rgba(0, 0, 0, 0.87);
487
- }
488
-
489
- .layout-module_colorLayout__Cfv-I {
490
- position: relative;
491
- width: 100%;
492
- height: calc(100% - 4em);
493
- overflow: hidden;
494
- background-color: #eaf4f9;
495
- }
496
-
497
- .layout-module_pdfViewerNative__mslqB {
498
- position: relative;
499
- width: 100%;
500
- height: calc(100% - 4em);
501
- overflow: hidden;
502
- background-color: rgb(50, 54, 57);
503
- padding-top: 6.5rem;
504
- }
505
-
506
- .layout-module_web3DLayout__RZ-2r {
507
- position: relative;
508
- width: 100%;
509
- height: 100%;
510
- overflow: clip;
511
- }
512
-
513
- .layout-module_cameraLayout__gd2n4 {
514
- position: relative;
515
- width: 100%;
516
- height: 100%;
517
- background-color: 'transparent';
518
- }
519
-
520
- .layout-module_defaultLayout__jZMVT {
521
- position: relative;
522
- width: 100%;
523
- height: 100%;
524
- overflow: hidden;
525
- }
526
-
527
- .layout-module_noPadding__ilNsb {
528
- padding: 0;
529
- }
530
- .layout-module_noMargin__L-zbT {
531
- margin: 0;
532
- }
533
-
534
- .externalLinkButton-module_echoButton__xkJ5x {
535
- width: 90px;
536
- padding: 16px;
537
- display: inline-block;
538
- position: relative;
539
- }
540
-
541
- .externalLinkButton-module_echoButtonDisabled__xUCef {
542
- padding-bottom: 0;
543
- }
544
-
545
- .externalLinkButton-module_echoButtonRounded__JNwzW {
546
- display: inline-block;
547
- position: relative;
548
- }
549
-
550
- .externalLinkButton-module_roundedButtonWrapper__lwLCr {
551
- display: inline-block;
552
- position: relative;
553
- }
554
-
555
- .externalLinkButton-module_externalLink__tWjpz {
556
- position: absolute;
557
- right: 1em;
558
- }
559
-
560
- .externalLinkButton-module_asyncButtonSpinner__HUDkn {
561
- position: absolute;
562
- z-index: 10;
563
- opacity: 0.75;
564
- }
565
-
566
- @media screen and (min-width: 420px) {
567
- .externalLinkButton-module_echoButton__xkJ5x,
568
- .externalLinkButton-module_echoButtonDisabled__xUCef {
569
- width: 96px;
570
- }
571
- }
572
-
573
- .externalLinkButton-module_echoButton__xkJ5x svg {
574
- margin: 0 8px;
575
- display: inline-block;
576
- width: 48px;
577
- height: 48px;
578
- margin-bottom: 8px;
579
- }
580
-
581
- .externalLinkButton-module_echoButtonRounded__JNwzW svg {
582
- margin: 0 8px;
583
- display: inline-block;
584
- width: 24px;
585
- height: 24px;
586
- }
587
-
588
- .externalLinkButton-module_echoButton__xkJ5x span {
589
- display: inline-block;
590
- width: calc(96px - 32px);
591
- font-size: 14px;
592
- line-height: 16px;
593
- font-weight: 500;
594
- color: #007079;
595
- }
596
-
597
- .externalLinkButton-module_echoButton__xkJ5x:hover svg {
598
- fill: rgb(0, 79, 85);
599
- }
600
-
601
- .externalLinkButton-module_echoButton__xkJ5x:hover span {
602
- color: rgb(0, 79, 85);
603
- }
604
-
605
- .externalLinkButton-module_echoButtonDisabled__xUCef span {
606
- color: var(--disabledColor);
607
- }
608
-
609
- .externalLinkButton-module_echoButtonDisabled__xUCef:hover svg {
610
- fill: var(--disabledColor);
611
- }
612
-
613
- .externalLinkButton-module_echoButtonDisabled__xUCef:hover span {
614
- color: var(--disabledColor);
615
- }
616
-
617
- .externalLinkButton-module_roundedButtonIconAsImage__gBfPr {
618
- justify-self: center;
619
- width: 30px;
620
- height: 30px;
621
- }
622
-
623
- .externalLinkButton-module_largeButtonIconAsImage__Qdpay {
624
- justify-self: center;
625
- width: 100%;
626
- height: auto;
627
- }
628
-
629
- .externalLinkButton-module_toolTip__RwCbB {
630
- position: absolute;
631
- display: block;
632
- color: #ffffff;
633
- background-color: #233746;
634
- border-radius: 8px;
635
- box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05);
636
- padding: 8px 16px;
637
- z-index: 1;
638
- }
639
-
640
- .externalLinkButton-module_toolTipContainer__DQOwX {
641
- display: inline-flex;
642
- justify-content: center;
643
- }
644
-
645
- .externalLinkButton-module_stidIcon__zI8m8 {
646
- height: initial !important;
647
- }
648
-
649
- .chunkLoadErrorMessage-module_contentError__Je5rA {
650
- width: 100%;
651
- height: 100%;
652
- display: flex;
653
- flex-direction: column;
654
- align-items: center;
655
- justify-content: center;
656
- }
657
-
658
- .chunkLoadErrorMessage-module_contentError__Je5rA > div > div > p {
659
- text-align: center;
660
- }
661
-
662
- .chunkLoadErrorMessage-module_errorMessage__wrLXW {
663
- width: 300px;
664
- }
665
-
666
- .chunkLoadErrorMessage-module_refreshMessage__qrBAv {
667
- text-align: center;
668
- padding-top: 8px;
669
- width: 300px;
670
- }
671
-
672
- .chunkLoadErrorMessage-module_actionButtonSection__NgO0G {
673
- text-align: center;
674
- }
675
-
676
- .echoLogo-module_echoLogo__AP0el {
677
- display: inline-block;
678
- width: 100%;
679
- font-weight: 500;
680
- font-size: 56px;
681
- line-height: 56px;
682
- color: var(--equiRed1);
683
- text-transform: lowercase;
684
- text-align: right;
685
- }
686
-
687
- .notificationCardWithLogo-module_errorContainer__5mVew {
688
- display: flex;
689
- justify-content: center;
690
- position: relative;
691
- flex-direction: column;
692
- align-items: center;
693
- }
694
-
695
- .notificationCardWithLogo-module_errorHeader__lzg74 {
696
- display: flex;
697
- align-items: flex-end;
698
- justify-content: center;
699
- }
700
-
701
- .notificationCardWithLogo-module_errorAction__KY1Hm {
702
- text-align: center;
703
- }
704
-
705
- .notificationCardWithLogo-module_errorMessage__tjwmz {
706
- margin-bottom: 16px;
707
- }
708
-
709
- .notificationCardWithLogo-module_appLogo__vHayY {
710
- width: auto;
711
- margin-bottom: 72px;
712
- }
713
-
714
- .notificationCardWithLogo-module_errorWrapper__iCgbu {
715
- max-width: 600px;
716
- }
717
-
718
- .errorBoundaryBaseMessage-module_errorContainer__s3ysk {
719
- display: flex;
720
- justify-content: center;
721
- position: relative;
722
- top: 64px;
723
- flex-direction: column;
724
- align-items: center;
725
- }
726
-
727
- .errorBoundaryBaseMessage-module_errorHeader__KeM0a {
728
- display: flex;
729
- margin-bottom: 32px;
730
- align-items: flex-end;
731
- justify-content: center;
732
- }
733
-
734
- .errorBoundaryBaseMessage-module_errorDetails__aSrac {
735
- white-space: pre-wrap;
736
- height: calc(100vh - 500px);
737
- max-height: 800px;
738
- overflow: auto;
739
- }
740
-
741
- .errorBoundaryBaseMessage-module_errorAction__hsWA7 {
742
- display: flex;
743
- justify-content: space-evenly;
744
- margin-bottom: 16px;
745
- }
746
-
747
- .errorBoundaryBaseMessage-module_actionButton__QohvC {
748
- width: 180px;
749
- }
750
-
751
- @media screen and (max-width: 480px) {
752
- .errorBoundaryBaseMessage-module_errorDetailsSmallScreen__rFcUV {
753
- width: 300px;
754
- margin-left: auto;
755
- margin-right: auto;
756
- }
757
- }
758
-
759
- .externalAppsMenu-module_externalAppsMenuContainer__rx4x- {
760
- margin: 0;
761
- padding: 0;
762
- display: inline-block;
763
- width: 40px;
764
- height: 40px;
765
- position: relative;
766
- animation: externalAppsMenu-module_fadein__Tpzls 0.4s;
767
- }
768
-
769
- .externalAppsMenu-module_appMenu__WjdtL > [role='menu'] {
770
- width: 250px;
771
- }
772
- .externalAppsMenu-module_appMenu__WjdtL [role='menu'] > div {
773
- display: flex;
774
- flex-direction: column;
775
- min-width: 150px;
776
- min-height: 130px;
777
- }
778
-
779
- .iconButtonSpinner-module_container__5wiwO {
780
- width: 48px;
781
- height: 48px;
782
- position: relative;
783
- }
784
-
785
- .iconButtonSpinner-module_spinner__8D-KT {
786
- text-align: center;
787
- position: relative;
788
- transform: translateY(-50%);
789
- top: 50%;
790
- }
791
-
792
- .echo3dButton-module_echoButton__r17fM {
793
- width: 90px;
794
- padding: 16px;
795
- display: inline-block;
796
- position: relative;
797
- }
798
-
799
- .echo3dButton-module_echoButton__r17fM svg,
800
- .echo3dButton-module_echoButtonDisabled__1IsTA svg {
801
- margin: 0 8px;
802
- display: inline-block;
803
- width: 48px;
804
- height: 48px;
805
- margin-bottom: 8px;
806
- }
807
-
808
- .echo3dButton-module_echoButton__r17fM span,
809
- .echo3dButton-module_echoButtonDisabled__1IsTA span {
810
- display: inline-block;
811
- width: calc(96px - 32px);
812
- font-size: 0.875em;
813
- line-height: 16px;
814
- font-weight: 500;
815
- color: #007079;
816
- }
817
-
818
- .echo3dButton-module_echoButtonDisabled__1IsTA {
819
- padding-bottom: 0;
820
- }
821
-
822
- .echo3dButton-module_echoButtonDisabled__1IsTA span {
823
- color: var(--disabledColor);
824
- }
825
-
826
- .echo3dButton-module_echoButtonDisabled__1IsTA:hover svg {
827
- fill: var(--disabledColor);
828
- }
829
-
830
- .echo3dButton-module_echoButtonDisabled__1IsTA:hover span {
831
- color: var(--disabledColor);
832
- }
833
-
834
- .echo3dButton-module_echoButton__r17fM:hover svg {
835
- fill: rgb(0, 79, 85);
836
- }
837
-
838
- .echo3dButton-module_echoButton__r17fM:hover span {
839
- color: rgb(0, 79, 85);
840
- }
841
-
842
- @media screen and (min-width: 420px) {
843
- .echo3dButton-module_echoButton__r17fM,
844
- .echo3dButton-module_echoButtonDisabled__1IsTA {
845
- width: 96px;
846
- }
847
- }
848
-
849
- .missingEcho3dAccessDialog-module_marginTop__loC2c {
850
- margin-top: 8px !important;
851
- }
852
-
853
- .plantNotAvailableInfo-module_toolTip__qOh8- {
854
- position: absolute;
855
- display: block;
856
- color: #ffffff;
857
- background-color: #233746;
858
- border-radius: 8px;
859
- box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05);
860
- padding: 8px 16px;
861
- z-index: 1;
862
- }
863
-
864
- .plantNotAvailableInfo-module_toolTipContainer__PJHrc {
865
- display: inline-flex;
866
- justify-content: center;
867
- }
868
-
869
- .openIn3dDropdown-module_titleWrapper__z3B-I {
870
- padding: 0 16px 7px 16px;
871
- border-bottom: 1px solid rgba(0, 0, 0, 0.125);
872
- }
873
-
874
- .openIn3dDropdown-module_title__cDQGM {
875
- font-size: 10px !important;
876
- font-weight: 500 !important;
877
- }
878
-
879
- .openIn3dDropdown-module_contentWrapper__adzyM {
880
- display: flex;
881
- flex-direction: column;
882
- padding: 8px 8px 0 8px;
883
- }
884
-
885
- .openIn3dDropdown-module_openIn3dWebButton__V1g5S {
886
- justify-content: space-between !important;
887
- }
888
-
889
- .openIn3dDropdown-module_openIn3dAppButton__xk0P7 {
890
- justify-content: space-between !important;
891
- border-bottom: 1px solid rgba(0, 0, 0, 0.125);
892
- }
893
-
894
- .openIn3dDropdown-module_menu3dModels__SqUw4 {
895
- right: -10px !important;
896
- }
897
-
898
- .openIn3dDropdown-module_externalLink__NnjUM {
899
- position: absolute;
900
- right: 1em;
901
- }
902
-
903
- .footer-module_echoFooter__G00YD {
904
- background: white;
905
- position: fixed;
906
- display: flex;
907
- bottom: 0;
908
- left: 0;
909
- }
910
-
911
- @media screen and (max-width: 767px) and (orientation: portrait) {
912
- .footer-module_echoFooter__G00YD {
913
- bottom: 48px;
914
- }
915
- }
916
-
917
- @media screen and (max-width: 927px) and (orientation: landscape) {
918
- .footer-module_echoFooter__G00YD {
919
- left: 48px;
920
- }
921
- }
922
-
923
- @media screen and (min-width: 360px) {
924
- .footer-module_echoFooter__G00YD {
925
- height: 33px;
926
- }
927
- }
928
-
929
- @media screen and (min-width: 640px) {
930
- .footer-module_echoFooter__G00YD {
931
- width: 100%;
932
- height: 56px;
933
- }
934
- }
935
-
936
- p.footer-module_footerDisclaimer__AkC9l {
937
- width: 100%;
938
- font-size: 10px;
939
- }
940
-
941
- .footer-module_footerLogo__Y-Dny {
942
- margin: 0 0 12px 0;
943
- float: right;
944
- width: 74px;
945
- }
946
-
947
- .footer-module_footerLogo__Y-Dny {
948
- display: none;
949
- max-height: 2.5rem;
950
- padding: 12px 16px;
951
- }
952
-
953
- .footer-module_tosFooter__6AHMy {
954
- background: white;
955
- position: fixed;
956
- bottom: 0;
957
- left: 0;
958
- width: 100%;
959
- height: 33px;
960
- }
961
-
962
- @media screen and (min-width: 640px) {
963
- p.footer-module_footerDisclaimer__AkC9l {
964
- margin: 0;
965
- padding: 0;
966
- padding: 12px 16px;
967
- line-height: 32px;
968
- }
969
- .footer-module_footerLogo__Y-Dny {
970
- display: block;
971
- }
972
- .footer-module_tosFooter__6AHMy {
973
- height: 56px;
974
- }
975
- }
976
-
977
- .fullScreenChip-module_fullScreenChip__464W- {
978
- background: rgba(0, 0, 0, 0.8) !important;
979
- color: var(--white) !important;
980
- }
981
-
982
- .fullScreenChip-module_fullScreenChip__464W-:hover {
983
- background: rgba(0, 0, 0, 0.9) !important;
984
- }
985
-
986
- .fullScreenChip-module_fullScreenChip__464W- svg {
987
- fill: var(--white) !important;
988
- }
989
-
990
- .fullScreenChip-module_fullScreenChip__464W- svg:hover {
991
- fill: var(--white) !important;
992
- background: var(--black) !important;
993
- }
994
-
995
- .fullscreenModeButtons-module_fullScreenChip__JEv9C {
996
- position: absolute;
997
- z-index: 2;
998
- display: flex;
999
- margin-left: var(--small);
1000
- margin-top: var(--small);
1001
- }
1002
-
1003
- .fullscreenModeButtons-module_fullScreenButton__TeuUj {
1004
- position: absolute;
1005
- z-index: 2;
1006
- top: 0;
1007
- right: 4em;
1008
- margin-top: var(--small);
1009
- margin-right: var(--small);
1010
- }
1011
-
1012
- .fullscreenModeButtons-module_fullScreenButtonFullscreenMode__aktEv {
1013
- right: 0 !important;
1014
- }
1015
-
1016
- @media screen and (max-width: 927px) and (orientation: landscape) {
1017
- .fullscreenModeButtons-module_fullScreenButton__TeuUj {
1018
- right: 0;
1019
- top: 3em;
1020
- }
1021
- .fullscreenModeButtons-module_fullScreenButtonFullscreenMode__aktEv {
1022
- top: 0;
1023
- }
1024
-
1025
- .fullscreenModeButtons-module_fullScreenChip__JEv9C {
1026
- margin-left: var(--medium) !important;
1027
- }
1028
- }
1029
-
1030
- @media screen and (max-width: 767px) and (orientation: portrait) {
1031
- .fullscreenModeButtons-module_fullScreenButton__TeuUj {
1032
- right: 0;
1033
- top: 3em;
1034
- }
1035
- .fullscreenModeButtons-module_fullScreenButtonFullscreenMode__aktEv {
1036
- top: 0;
1037
- }
1038
- }
1039
-
1040
- .appLoadingIndicator-module_loadingContainer__2grwV {
1041
- display: flex;
1042
- flex-direction: column;
1043
- padding-top: 0;
1044
- justify-content: center;
1045
- align-items: center;
1046
- height: 100%;
1047
- text-align: center;
1048
- }
1049
-
1050
- .appLoadingIndicator-module_progressIndicator__XovT7 {
1051
- margin-bottom: 16px;
1052
- }
1053
-
1054
- .accordionItem-module_accordionIconLeft__3gR3c {
1055
- margin-right: 28px;
1056
- }
1057
-
1058
- .accordionItem-module_appMenuAccordionItemHeader__OWdor {
1059
- padding: 12px !important;
1060
- height: 60px !important;
1061
- }
1062
-
1063
- .accordionItem-module_accordionSubHeader__0lUVl {
1064
- font-size: 11px;
1065
- color: var(--echoText);
1066
- }
1067
- .applicationList-module_applicationButtonGroup__sH5k2 {
1068
- margin-bottom: var(--medium);
1069
- }
1070
-
1071
- .applicationList-module_applicationListContainer__JFaSC h4 {
1072
- font-size: 16px;
1073
- margin-bottom: var(--medium);
1074
- }
1075
-
1076
- .applicationList-module_navBarIcon__PXIQk {
1077
- position: relative;
1078
- width: 96px;
1079
- }
1080
-
1081
- .applicationList-module_badge__rbkpm {
1082
- color: var(--equiGreen1);
1083
- }
1084
-
1085
- @media only screen and (max-width: 500px) {
1086
- .pageMenu-module_pageMenuDrawer__tzgE4 {
1087
- right: -345px;
1088
- width: auto;
1089
- }
1090
- }
1091
-
1092
- .pageMenu-module_versionInformation__OEAvO {
1093
- margin: 20px 0;
1094
- flex-direction: column;
1095
- justify-content: flex-end;
1096
- display: flex;
1097
- flex: 1 0 auto;
1098
- height: -moz-fit-content;
1099
- height: fit-content;
1100
- font-size: 12px;
1101
- }
1102
-
1103
- .pageMenu-module_appMenuHeaderLink__oQ5O5 {
1104
- width: 100%;
1105
- display: inline-block;
1106
- font-size: 16px;
1107
- font-weight: 500;
1108
- line-height: 24px;
1109
- padding: 8px 0;
1110
- color: var(--echoText);
1111
- }
1112
-
1113
- .pageMenu-module_appMenuHeaderLink__oQ5O5:hover {
1114
- text-decoration: none;
1115
- }
1116
-
1117
- .pageMenu-module_appMenuContainer__-Og-F {
1118
- display: flex;
1119
- flex-flow: column;
1120
- height: 100%;
1121
- }
1122
-
1123
- .pageMenuDrawerItem-module_accordionLogoHeader__eXZNU {
1124
- display: flex;
1125
- flex-wrap: wrap;
1126
- text-align: left;
1127
- padding: 6px 0;
1128
- border-left: 1px solid rgba(220, 220, 220, 1);
1129
- border-right: 1px solid rgba(220, 220, 220, 1);
1130
- color: var(--echoText);
1131
- flex-shrink: 0;
1132
- height: -moz-fit-content;
1133
- height: fit-content;
1134
- }
1135
-
1136
- .pageMenuDrawerItem-module_accordionExtraHeight__nhMz- {
1137
- height: 60px;
1138
- }
1139
-
1140
- .pageMenuDrawerItem-module_accordionLogoHeader__eXZNU:hover {
1141
- background-color: var(--searchBarBackground);
1142
- }
1143
-
1144
- .pageMenuDrawerItem-module_accordionLogoHeader__eXZNU .pageMenuDrawerItem-module_accordionLogoText__TTxo5 > a {
1145
- color: var(--echoText);
1146
- }
1147
-
1148
- .pageMenuDrawerItem-module_accordionLogo__30Gy- {
1149
- order: 1;
1150
- width: 24px;
1151
- height: 24px;
1152
- margin: auto 28px auto 12px;
1153
- }
1154
- .pageMenuDrawerItem-module_accordionExternalLink__cBgXQ {
1155
- order: 3;
1156
- margin: auto 0 auto 36px;
1157
- }
1158
-
1159
- .pageMenuDrawerItem-module_accordionLogoText__TTxo5 {
1160
- order: 2;
1161
- width: calc(100% - 128px);
1162
- align-self: center;
1163
- margin: auto 0;
1164
- }
1165
-
1166
- .pageMenuDrawerItem-module_borderBottom__tMskx {
1167
- border-bottom: 1px solid rgba(220, 220, 220, 1);
1168
- }
1169
-
1170
- .pageMenuDrawerItem-module_appMenuHeaderLink__-Znm8 {
1171
- width: 100%;
1172
- display: inline-block;
1173
- font-size: 16px;
1174
- font-weight: 500;
1175
- line-height: 24px;
1176
- padding: 8px 0;
1177
- color: var(--echoText);
1178
- }
1179
-
1180
- .pageMenuDrawerItem-module_appMenuHeaderLink__-Znm8:hover {
1181
- text-decoration: none;
1182
- }
1183
-
1184
- .settings-module_assetLabel__2whL4 {
1185
- font-size: 12px;
1186
- font-weight: 400;
1187
- margin-bottom: 0;
1188
- margin-left: var(--small);
1189
- }
1190
-
1191
- .settings-module_container__-QVxU {
1192
- position: relative;
1193
- color: var(--echoText);
1194
- }
1195
-
1196
- .settings-module_accountContainer__bLUZI {
1197
- display: flex;
1198
- }
1199
-
1200
- .settings-module_accountIcon__A-l-Z {
1201
- margin-right: var(--medium);
1202
- width: 80px;
1203
- height: 80px;
1204
- }
1205
- .settings-module_accountImage__RggiK {
1206
- margin-right: var(--medium);
1207
- width: 80px;
1208
- height: 80px;
1209
- border-radius: 50%;
1210
- border: 1px solid var(--equiGray4);
1211
- }
1212
-
1213
- .settings-module_accountName__qy7Z- {
1214
- font-size: 18px;
1215
- line-height: 24px;
1216
- font-weight: 500;
1217
- }
1218
-
1219
- .settings-module_accountJobTitle__WapT2 {
1220
- font-size: 16px;
1221
- line-height: 24px;
1222
- }
1223
-
1224
- .settings-module_accountEmail__cMoPL {
1225
- font-size: 16px;
1226
- line-height: 20px;
1227
- text-decoration-line: underline;
1228
- color: #007079;
1229
- }
1230
- .settings-module_accountText__tFYwo {
1231
- margin: auto 0;
1232
- }
1233
-
1234
- .settings-module_subMenu__tRk0B {
1235
- margin-bottom: var(--medium);
1236
- }
1237
-
1238
- .settings-module_subHeader__5vLyu {
1239
- font-size: 18px;
1240
- line-height: 24px;
1241
- margin-bottom: var(--medium);
1242
- }
1243
-
1244
- .settings-module_subContainer__qKSxR {
1245
- margin-bottom: 0;
1246
- }
1247
-
1248
- .version-module_versionContainer__DZ8JR {
1249
- color: var(--echoText);
1250
- text-align: center;
1251
- min-height: 50px;
1252
- }
1253
-
1254
- @media only screen and (max-width: 1367px) {
1255
- .version-module_versionContainer__DZ8JR {
1256
- margin-bottom: 15px;
1257
- }
1258
- }
1259
-
1260
- .searchItemDetailsContainer-module_headerWrapper__2Upo6 {
1261
- display: flex;
1262
- justify-content: flex-start;
1263
- align-items: center;
1264
- }
1265
-
1266
- .searchItemDetailsContainer-module_headerContainer__L-BqK {
1267
- flex-grow: 1;
1268
- }
1269
-
1270
- .searchItemDetailsContainer-module_contentContainer__Sa4Gs {
1271
- flex-grow: 1;
1272
- overflow-y: auto;
1273
- overflow-x: hidden;
1274
- border-top: 1px solid var(--default);
1275
- }
1276
-
1277
- .searchItemDetailsContainer-module_searchItemDetailsContainer__AcyDx {
1278
- position: absolute;
1279
- width: 100%;
1280
- height: calc(100% - 56px);
1281
- top: 0;
1282
- background: var(--white);
1283
- z-index: 10; /* double check this value */
1284
- display: flex;
1285
- flex-direction: column;
1286
- }
1287
-
1288
- @media screen and (max-width: 927px) and (orientation: landscape) {
1289
- .searchItemDetailsContainer-module_searchItemDetailsContainer__AcyDx {
1290
- height: 100%; /* no legend */
1291
- }
1292
- }
1293
-
1294
- @media screen and (max-width: 767px) and (orientation: portrait) {
1295
- .searchItemDetailsContainer-module_searchItemDetailsContainer__AcyDx {
1296
- height: 100%; /* no legend */
1297
- }
1298
- }
1299
-
1300
- .searchItemDetailsContainer-module_containerWithActiveLegend__F4Rea {
1301
- height: calc(100% - 60px); /* extracting legend */
1302
- }
1303
-
1304
- @media screen and (max-width: 927px) and (orientation: landscape) {
1305
- .searchItemDetailsContainer-module_containerWithActiveLegend__F4Rea {
1306
- height: calc(100% - 45px) !important; /* extracting legend */
1307
- }
1308
- }
1309
-
1310
- @media screen and (max-width: 767px) and (orientation: portrait) {
1311
- .searchItemDetailsContainer-module_containerWithActiveLegend__F4Rea {
1312
- height: calc(100% - 52px) !important; /* extracting legend */
1313
- }
1314
- }
1315
-
1316
- /* Used for the PWA
1317
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode */
1318
- @media (display-mode: standalone) {
1319
- @media screen and (max-width: 767px) and (orientation: portrait) {
1320
- .searchItemDetailsContainer-module_containerWithActiveLegend__F4Rea {
1321
- height: calc(100% - 72px) !important; /* extracting extra 20px safe-space */
1322
- }
1323
- }
1324
- }
1325
-
1326
- .searchItemDetailsContainer-module_closeButton__m5C9A {
1327
- margin-right: var(--medium);
1328
- }
1329
-
1330
- .corePanelLeft-module_wrapper__7rR84 {
1331
- position: fixed;
1332
- z-index: 2;
1333
- left: -550px;
1334
- top: 0;
1335
- width: 550px;
1336
- max-width: 550px;
1337
- height: 100%;
1338
- transition: all 0.4s ease-out;
1339
- }
1340
-
1341
- @media screen and (max-width: 550px) {
1342
- .corePanelLeft-module_wrapperClosed__D5H3B {
1343
- left: -75vw;
1344
- width: 75vw;
1345
- max-width: 75vw;
1346
- padding: env(safe-area-inset-top, 56px) env(safe-area-inset-right, 56px) env(safe-area-inset-bottom, 56px)
1347
- env(safe-area-inset-left, 56px);
1348
- }
1349
-
1350
- .corePanelLeft-module_active__0B7aF {
1351
- width: 100%;
1352
- }
1353
- }
1354
-
1355
- .corePanelLeft-module_active__0B7aF {
1356
- left: 0;
1357
- z-index: var(--echo-framework-z-level-panel-left);
1358
- }
1359
-
1360
- .corePanelLeft-module_drawer__TfzGI {
1361
- background-color: #fff;
1362
- border-left: 2px solid #f7f7f7;
1363
- box-shadow: 0px 6px 4px #00000040;
1364
- position: relative;
1365
- width: auto;
1366
- height: 100%;
1367
- opacity: 0;
1368
- transition: all 0.4s ease-out;
1369
- overflow-y: hidden;
1370
- overflow-x: hidden;
1371
- display: flex;
1372
- flex-direction: column;
1373
- }
1374
-
1375
- .corePanelLeft-module_active__0B7aF .corePanelLeft-module_drawer__TfzGI {
1376
- opacity: 1;
1377
- }
1378
-
1379
- .corePanelLeft-module_buttonContainer__EPyvd {
1380
- position: absolute;
1381
- display: flex;
1382
- flex-direction: column;
1383
- top: 0;
1384
- right: -62px;
1385
- }
1386
-
1387
- .corePanelLeft-module_button__pJXdM {
1388
- margin-left: var(--medium);
1389
- margin-top: var(--small);
1390
- }
1391
-
1392
- /* Mobile and small screens */
1393
- @media screen and (max-width: 767px) and (orientation: portrait) {
1394
- .corePanelLeft-module_wrapper__7rR84 {
1395
- height: calc(100% - 48px);
1396
- }
1397
- .corePanelLeft-module_drawer__TfzGI {
1398
- top: 100vh;
1399
- left: 0;
1400
- }
1401
-
1402
- .corePanelLeft-module_active__0B7aF .corePanelLeft-module_drawer__TfzGI {
1403
- left: 0;
1404
- top: 0;
1405
- }
1406
- }
1407
-
1408
- @media screen and (max-width: 927px) and (orientation: landscape) {
1409
- .corePanelLeft-module_active__0B7aF {
1410
- left: calc(53px + env(safe-area-inset-left));
1411
- }
1412
-
1413
- .corePanelLeft-module_buttonContainerActive__6pGzM {
1414
- right: calc(-58px + env(safe-area-inset-right));
1415
- }
1416
-
1417
- .corePanelLeft-module_buttonContainerClosed__vhAnI {
1418
- right: calc(-118px - env(safe-area-inset-right));
1419
- }
1420
- }
1421
-
1422
- /* Tablet and up */
1423
- @media screen and (min-width: 928px) and (orientation: landscape) {
1424
- .corePanelLeft-module_wrapper__7rR84 {
1425
- top: 64px;
1426
- }
1427
- .corePanelLeft-module_wrapper__7rR84.corePanelLeft-module_active__0B7aF {
1428
- left: 64px;
1429
- }
1430
- }
1431
-
1432
- @media screen and (min-width: 768px) and (orientation: portrait) {
1433
- .corePanelLeft-module_wrapper__7rR84 {
1434
- top: 64px;
1435
- }
1436
-
1437
- .corePanelLeft-module_wrapper__7rR84.corePanelLeft-module_active__0B7aF {
1438
- left: 64px;
1439
- }
1440
- }
1441
-
1442
- .corePanelRight-module_wrapper__6hUmM {
1443
- position: fixed;
1444
- z-index: 2;
1445
- right: -352px;
1446
- top: 0;
1447
- width: 352px;
1448
- max-width: 550px;
1449
- height: 100%;
1450
- transition: right 0.4s ease-in-out, width 0.4s ease-in-out;
1451
- }
1452
-
1453
- .corePanelRight-module_active__Wuvv- {
1454
- right: 0;
1455
- z-index: var(--echo-framework-z-level-panel-main);
1456
- }
1457
-
1458
- .corePanelRight-module_drawer__Q5mok {
1459
- background-color: #fff;
1460
- border-left: 2px solid #f7f7f7;
1461
- box-shadow: 0px 6px 4px #00000040;
1462
- position: relative;
1463
- width: auto;
1464
- height: 100%;
1465
- opacity: 0;
1466
- transition: opacity 0.4s ease-in-out;
1467
- overflow-y: auto;
1468
- display: flex;
1469
- flex-direction: column;
1470
- }
1471
-
1472
- .corePanelRight-module_buttonContainer__it2ZH {
1473
- position: absolute;
1474
- display: flex;
1475
- flex-direction: column;
1476
- top: 0;
1477
- left: -80px;
1478
- }
1479
-
1480
- .corePanelRight-module_button__x9SCR {
1481
- margin-left: var(--medium);
1482
- margin-top: var(--small);
1483
- }
1484
-
1485
- @media screen and (max-width: 550px) {
1486
- .corePanelRight-module_active__Wuvv- {
1487
- width: 100%;
1488
- }
1489
- }
1490
-
1491
- @media screen and (max-width: 767px) and (orientation: portrait) {
1492
- .corePanelRight-module_wrapper__6hUmM {
1493
- height: calc(100% - 48px);
1494
- }
1495
-
1496
- .corePanelRight-module_drawer__Q5mok {
1497
- transition: all 0.4s ease-out;
1498
- }
1499
- }
1500
-
1501
- @media screen and (max-width: 927px) and (orientation: landscape) {
1502
- .corePanelRight-module_wrapper__6hUmM .corePanelRight-module_buttonContainer__it2ZH {
1503
- left: calc(-82px - env(safe-area-inset-right));
1504
- }
1505
- .corePanelRight-module_appWrapper__v4ckB {
1506
- right: -352px;
1507
- }
1508
- .corePanelRight-module_appWrapper__v4ckB .corePanelRight-module_buttonContainer__it2ZH {
1509
- left: calc(273px - env(safe-area-inset-right));
1510
- }
1511
- .corePanelRight-module_appDrawer__awaaJ {
1512
- left: calc(-100vw + 398px + env(safe-area-inset-left));
1513
- box-shadow: none;
1514
- }
1515
- .corePanelRight-module_appWrapper__v4ckB .corePanelRight-module_appDrawer__awaaJ {
1516
- left: calc(-100vw + 50px + env(safe-area-inset-left));
1517
- }
1518
- .corePanelRight-module_drawer__Q5mok {
1519
- transition: all 0.4s ease-out;
1520
- box-shadow: none;
1521
- }
1522
- .corePanelRight-module_active__Wuvv- {
1523
- z-index: var(--echo-framework-z-level-panel-main);
1524
- right: -352px;
1525
- padding-bottom: env(safe-area-inset-bottom);
1526
- padding-top: env(safe-area-inset-top);
1527
- }
1528
- .corePanelRight-module_active__Wuvv- .corePanelRight-module_drawer__Q5mok {
1529
- right: calc(352px + env(safe-area-inset-right));
1530
- }
1531
- .corePanelRight-module_wrapper__6hUmM.corePanelRight-module_active__Wuvv- .corePanelRight-module_buttonContainer__it2ZH {
1532
- left: calc(-432px - env(safe-area-inset-right));
1533
- }
1534
- .corePanelRight-module_wrapper__6hUmM.corePanelRight-module_appWrapper__v4ckB.corePanelRight-module_active__Wuvv- .corePanelRight-module_buttonContainer__it2ZH {
1535
- left: calc(-82px - env(safe-area-inset-right));
1536
- }
1537
- }
1538
-
1539
- @media screen and (min-width: 928px) {
1540
- .corePanelRight-module_wrapper__6hUmM {
1541
- top: 64px;
1542
- }
1543
- }
1544
-
1545
- .corePanelRight-module_active__Wuvv- .corePanelRight-module_drawer__Q5mok {
1546
- opacity: 1;
1547
- }
1548
-
1549
- .panelButton-module_toolContainer__Ka6p- .panelButton-module_buttonContainer__24DO3 {
1550
- width: 88px;
1551
- }
1552
- .panelButton-module_toolContainer__Ka6p- .panelButton-module_buttonContainer__24DO3 button {
1553
- margin: 0 16px;
1554
- }
1555
-
1556
- .panelButton-module_buttonContainer__24DO3 > span {
1557
- margin-top: 8px;
1558
- display: inline-block;
1559
- width: 100%;
1560
- text-align: center;
1561
- }
1562
-
1563
- .panelButton-module_pageMenuButton__m1PYp {
1564
- width: 48px;
1565
- height: 48px;
1566
- background: #ffffff;
1567
- border: 1px solid var(--equiGreen1);
1568
- box-sizing: border-box;
1569
- box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1570
- border-radius: 50%;
1571
- display: flex;
1572
- justify-content: center;
1573
- align-items: center;
1574
- }
1575
- .panelButton-module_pageMenuButton__m1PYp:hover {
1576
- background-color: var(--equiGreen2);
1577
- color: var(--hoverIcon);
1578
- }
1579
-
1580
- .panelButton-module_pageMenuButton__m1PYp:hover svg {
1581
- fill: var(--hoverIcon);
1582
- }
1583
-
1584
- .panelButton-module_pageMenu__fdBrm .panelButton-module_buttonContainer__24DO3 {
1585
- margin-top: var(--large);
1586
- margin-right: var(--medium);
1587
- }
1588
-
1589
- .panelButton-module_toggleButton__PP53M {
1590
- background: var(--toggleInactive);
1591
- border: 1px solid var(--toggleInactive);
1592
- }
1593
-
1594
- .panelButton-module_toggleButton__PP53M:hover {
1595
- background: rgba(179, 13, 47, 0.5);
1596
- border: 1px solid var(--toggleInactive);
1597
- }
1598
-
1599
- .panelButton-module_activeButton__OnWaw {
1600
- background: var(--equiGreen1);
1601
- border: 2px solid var(--equiGreen1);
1602
- }
1603
-
1604
- .panelButton-module_activeButton__OnWaw.panelButton-module_toggleButton__PP53M {
1605
- background: var(--toggleActive);
1606
- border: 1px solid var(--toggleActive);
1607
- }
1608
-
1609
- .panelButton-module_activeButton__OnWaw.panelButton-module_toggleButton__PP53M:hover {
1610
- background: rgba(75, 183, 72, 0.5);
1611
- border: 1px solid var(--toggleActive);
1612
- }
1613
-
1614
- .panelButton-module_pageMenu__fdBrm {
1615
- position: fixed;
1616
- top: 0;
1617
- width: 352px;
1618
- height: 100vh;
1619
- background-color: #fff;
1620
- border-left: 2px solid var(--searchBarBackground);
1621
- transition: width 0.4s ease-in-out;
1622
- overflow: auto;
1623
- }
1624
-
1625
- .panelButton-module_menuTitle__hXO0Z {
1626
- width: 100%;
1627
- display: inline-block;
1628
- margin-top: 18px;
1629
- margin-bottom: 23px;
1630
- margin-left: var(--small);
1631
- font-size: 16px;
1632
- line-height: 16px;
1633
- letter-spacing: 0.2px;
1634
- color: #000;
1635
- }
1636
-
1637
- @keyframes panelButton-module_spinAnimation__5oV3g {
1638
- 0% {
1639
- transform: rotate(0deg);
1640
- }
1641
- 100% {
1642
- transform: rotate(360deg);
1643
- }
1644
- }
1645
-
1646
- .panelButton-module_spinningIcon__YEhBd {
1647
- animation: panelButton-module_spinAnimation__5oV3g 1.5s infinite reverse linear;
1648
- }
1649
-
1650
- @media only screen and (max-width: 415px) {
1651
- .panelButton-module_pageMenu__fdBrm {
1652
- right: -345px;
1653
- width: 335px;
1654
- }
1655
- }
1656
-
1657
- @media only screen and (max-width: 375px) {
1658
- .panelButton-module_pageMenu__fdBrm {
1659
- width: 305px;
1660
- }
1661
-
1662
- .panelButton-module_pageMenu__fdBrm .panelButton-module_buttonContainer__24DO3 {
1663
- margin-top: var(--xLarge);
1664
- }
1665
- }
1666
-
1667
- @media only screen and (max-width: 360px) {
1668
- .panelButton-module_pageMenu__fdBrm {
1669
- width: 285px;
1670
- }
1671
-
1672
- .panelButton-module_pageMenu__fdBrm .panelButton-module_buttonContainer__24DO3 {
1673
- margin-top: var(--xLarge);
1674
- }
1675
- }
1676
-
1677
- .panelButton-module_toolContainer__Ka6p- {
1678
- padding: 16px 32px;
1679
- }
1680
-
1681
- .panelButton-module_versionInformation__pTM9U {
1682
- margin: 20px 0;
1683
- flex-direction: column;
1684
- justify-content: flex-end;
1685
- display: flex;
1686
- flex: 1 0 auto;
1687
- height: -moz-fit-content;
1688
- height: fit-content;
1689
- font-size: 12px;
1690
- }
1691
-
1692
- .panelButton-module_appMenuHeaderLink__ZNp4I {
1693
- width: 100%;
1694
- display: inline-block;
1695
- font-size: 16px;
1696
- font-weight: 500;
1697
- line-height: 24px;
1698
- padding: 8px 0;
1699
- color: var(--echoText);
1700
- }
1701
-
1702
- .panelButton-module_appMenuHeaderLink__ZNp4I:hover {
1703
- text-decoration: none;
1704
- }
1705
-
1706
- .panelButton-module_appMenuContainer__bwAQ6 {
1707
- display: flex;
1708
- flex-flow: column;
1709
- height: 100%;
1710
- }
1711
-
1712
- .RequestAccess-module_container__miz0D {
1713
- padding: unset;
1714
- }
1715
-
1716
- .RequestAccess-module_paddedContainer__JkfYy {
1717
- padding: 24px;
1718
- }
1719
-
1720
- .RequestAccess-module_title__jaq4R {
1721
- font-weight: 500;
1722
- }
1723
-
1724
- .RequestAccess-module_typeDescription__MIi9k {
1725
- margin-top: 20px;
1726
- }
1727
-
1728
- .RequestAccess-module_list__cSrm8 {
1729
- margin-top: 16px;
1730
- }
1731
-
1732
- .RequestAccess-module_list__cSrm8 > *:not(:first-child) {
1733
- margin-top: 8px;
1734
- }
1735
-
1736
- .RequestAccess-module_button__TrkLk {
1737
- margin-top: 26px;
1738
- }
1739
-
1740
- .DetailsLoader-module_container__lJGsE {
1741
- height: 100%;
1742
- display: flex;
1743
- flex-direction: column;
1744
- justify-content: center;
1745
- align-items: center;
1746
- margin-top: 20px;
1747
- }
1748
-
1749
- .ContentPicker-module_leftPanel__MIMRa {
1750
- border-right: 1px solid var(--default);
1751
- }
1752
-
1753
- .ContentPicker-module_activeGroup__MP52b {
1754
- font-weight: 700;
1755
- }
1756
-
1757
- .ContentPicker-module_description__7KIj8 {
1758
- font-size: 0.6rem;
1759
- font-weight: 500;
1760
- text-overflow: ellipsis;
1761
- margin-top: 16px;
1762
- margin-left: 15px;
1763
- }
1764
-
1765
- .ContentPicker-module_section__-akry {
1766
- margin: 16px 0;
1767
- }
1768
-
1769
- .ContentPicker-module_notFoundPanel__2Tvxn {
1770
- padding: 16px 24px;
1771
- }
1772
-
1773
- .ContentPicker-module_splitViewLeft__nbbhg {
1774
- grid-template-rows: min-content min-content !important;
1775
- grid-template-columns: 350px !important;
1776
- }
1777
-
1778
- .InfoBlock-module_container__ysAHg {
1779
- word-break: break-all;
1780
- padding: 0.5rem;
1781
- width: 210px;
1782
- }
1783
-
1784
- .InfoBlock-module_stretchedContainer__g5ff7 {
1785
- width: 100%;
1786
- }
1787
-
1788
- .InfoBlock-module_fitContainer__DkMzF {
1789
- width: 260px;
1790
- }
1791
-
1792
- .InfoBlock-module_headerLabel__YWbN0 {
1793
- font-size: 10px;
1794
- font-weight: 500;
1795
- line-height: 16px;
1796
- text-transform: uppercase;
1797
- }
1798
-
1799
- .InfoSection-module_container__xp9xb {
1800
- display: flex;
1801
- width: 100%;
1802
- flex-direction: column;
1803
- flex-flow: wrap;
1804
- }
1805
-
1806
- .InfoSection-module_container__xp9xb>div {
1807
- margin-bottom: 8px;
1808
- }
1809
- .LongTextSection-module_content__T03aB {
1810
- padding: 24px;
1811
- }
1812
-
1813
- .LongTextSection-module_longText__drnhg {
1814
- overflow: hidden;
1815
- margin-top: 20px;
1816
- gap: 4px;
1817
- flex-direction: column;
1818
- display: flex;
1819
- }
1820
-
1821
- .LongTextSection-module_link__0UC80 {
1822
- display: flex;
1823
- color: var(--asBuilt);
1824
- padding: 0 !important;
1825
- text-decoration: underline;
1826
- cursor: pointer;
1827
- }
1828
-
1829
- .LongTextSection-module_backButton__-Utsh > span {
1830
- grid-gap: 4px;
1831
- }
1832
-
1833
- .Link-module_linkElement__hWEBk {
1834
- display: flex;
1835
- align-items: center;
1836
- text-decoration: none;
1837
- color: var(--echoText);
1838
- gap: 0.5rem;
1839
- font-size: 1rem;
1840
- }
1841
-
1842
- .Link-module_linkElement__hWEBk:hover {
1843
- text-decoration: underline;
1844
- }
1845
-
1846
- .Link-module_linkElement__hWEBk:focus {
1847
- outline: 1px dashed rgba(0,112,121,1);
1848
- text-decoration: underline;
1849
- }
1850
-
1851
- .Link-module_linkElement__hWEBk > span {
1852
- line-height: 0;
1853
- }
1854
- .DetailsNotification-module_link__agciP {
1855
- color: var(--asBuilt);
1856
- padding: 0 !important;
1857
- text-decoration: underline;
1858
- cursor: pointer;
1859
- }
1860
-
1861
- .DetailsNotification-module_longTextLink__Ppv7M {
1862
- display: flex;
1863
- align-items: center;
1864
- }
1865
-
1866
- .DetailsNotification-module_content__-iEqZ {
1867
- padding: 24px;
1868
- }
1869
-
1870
- .DetailsNotification-module_mobileContent__HgTsI {
1871
- height: calc(100vh - 263px) !important;
1872
- }
1873
-
1874
- .DetailsNotification-module_topRow__uDCVs {
1875
- display: flex;
1876
- }
1877
-
1878
- .DetailsNotification-module_verticalTopRow__TTpMH {
1879
- justify-content: space-between;
1880
- }
1881
-
1882
- .DetailsNotification-module_longTextButtonVertical__F98HY > span {
1883
- grid-gap: 4px;
1884
- min-width: 128px;
1885
- }
1886
-
1887
- .DetailsNotification-module_longTextButtonStretched__OwrIk {
1888
- margin-left: 80px;
1889
- }
1890
-
1891
- .Attachments-module_container__ciN2D {
1892
- display: grid;
1893
- grid-template-columns: 1fr auto;
1894
- gap: 1rem;
1895
- align-items: center;
1896
- padding: 14px;
1897
- border-bottom: 1px solid var(--default);
1898
- border-top: 1px solid var(--default);
1899
- }
1900
-
1901
- .Attachments-module_actions__7-bCE {
1902
- display: flex;
1903
- flex-flow: row nowrap;
1904
- align-items: center;
1905
- gap: 1rem;
1906
- }
1907
-
1908
- .Attachments-module_title__toBVk {
1909
- font-size: 1rem;
1910
- text-decoration-line: unset;
1911
- color: initial;
1912
- pointer-events: none;
1913
- }
1914
-
1915
- .Attachments-module_link__tuD2O {
1916
- text-decoration-line: underline;
1917
- color: var(--asBuilt);
1918
- pointer-events: initial;
1919
- }
1920
-
1921
- .Attachments-module_notFoundPanel__ZpNH7 {
1922
- padding: 24px;
1923
- }
1924
-
1925
- .Attachments-module_content__gB-pG {
1926
- padding-top: 20px;
1927
- }
1928
-
1929
- .Attachments-module_flex__-JRov {
1930
- display: flex;
1931
- font-size: 12px;
1932
- }
1933
-
1934
- .Attachments-module_spaceLeft__dUeqf {
1935
- margin-left: 24px;
1936
- }
1937
-
1938
- .Attachments-module_listItem__ia4L8 {
1939
- padding: 16px !important;
1940
- }
1941
-
1942
- .Attachments-module_listItem__ia4L8 > div {
1943
- gap: 0.5rem;
1944
- }
1945
-
1946
- .Attachments-module_table__rThZw {
1947
- padding-left: 20px;
1948
- width: 100%;
1949
- }
1950
-
1951
- .Attachments-module_pointer__KgeoQ {
1952
- cursor: pointer;
1953
- }
1954
-
1955
- .Operations-module_notFoundPanel__PuZSF {
1956
- padding: 24px;
1957
- }
1958
-
1959
- .Operations-module_content__Yd1m1 {
1960
- padding-top: 20px;
1961
- }
1962
-
1963
- .Operations-module_table__ZItO0 {
1964
- padding-left: 20px;
1965
- width: 100%;
1966
- }
1967
-
1968
- .Operations-module_panel__N0Ayf {
1969
- background: var(--searchBarBackground) !important;
1970
- }
1971
-
1972
- .Operations-module_title__ZpDj2 {
1973
- color: var(--echoText);
1974
- }
1975
-
1976
- .Operations-module_title__ZpDj2 button[aria-expanded='true'] span {
1977
- color: var(--echoText);
1978
- font-weight: 700;
1979
- }
1980
-
1981
- .TagDocuments-module_notFoundPanel__LpLtZ {
1982
- padding: 24px;
1983
- }
1984
-
1985
- .TagDocuments-module_container__WX1Rt {
1986
- display: flex;
1987
- flex-direction: column;
1988
- padding-bottom: 1rem;
1989
- border-bottom: 1px solid var(--default);
1990
- padding: 16px;
1991
- gap: 6px;
1992
- }
1993
-
1994
- .TagDocuments-module_link__h-2Tm {
1995
- color: var(--asBuilt);
1996
- }
1997
-
1998
- .TagDocuments-module_meta__STgGG {
1999
- display: grid;
2000
- grid-template-columns: auto auto auto;
2001
- align-items: center;
2002
- justify-items: start;
2003
- gap: 1rem;
2004
- font-size: 12px;
2005
- }
2006
-
2007
- .TagDocuments-module_revision__RHdi4 {
2008
- padding: 0 8px;
2009
- background-color: var(--lowSeverity);
2010
- }
2011
-
2012
- .TagDocuments-module_of3Revision__oD7wg {
2013
- background-color: var(--mediumSeverity);
2014
- }
2015
-
2016
- .TagDocuments-module_tertiarySpace__NizCk {
2017
- margin-left: 20px;
2018
- }
2019
-
2020
- .TagDocuments-module_panel__XyzBf {
2021
- background: var(--searchBarBackground) !important;
2022
- padding: 0 !important;
2023
- overflow-y: auto;
2024
- }
2025
-
2026
- .TagDocuments-module_panelContent__8mPOc {
2027
- margin: 16px;
2028
- background: white;
2029
- min-width: 350px;
2030
- }
2031
-
2032
- .TagDocuments-module_content__KcpgY {
2033
- padding-top: 20px;
2034
- }
2035
-
2036
- .TagDocuments-module_primary__-zjEy {
2037
- font-size: var(--medium);
2038
- }
2039
-
2040
- .TagDocuments-module_secondary__q3u1w {
2041
- font-size: 14px;
2042
- }
2043
-
2044
- .TagDocuments-module_tertiary__URg3n {
2045
- font-size: 12px;
2046
- display: flex;
2047
- align-items: center;
2048
- }
2049
-
2050
- .TagDocuments-module_tertiaryRight__iqa-u {
2051
- margin-left: 10px;
2052
- }
2053
-
2054
- .TagDocuments-module_header__aCj4g {
2055
- color: var(--echoText);
2056
- }
2057
-
2058
- .TagDocuments-module_header__aCj4g button[aria-expanded='true'] span {
2059
- color: var(--echoText);
2060
- font-weight: 700;
2061
- }
2062
-
2063
- .TagInformation-module_content__4rYcP {
2064
- padding: 24px;
2065
- }
2066
-
2067
- .Objects-module_notFoundPanel__uWQ0l {
2068
- padding: 24px;
2069
- }
2070
-
2071
- .Objects-module_content__rnhVG {
2072
- padding-top: 20px;
2073
- }
2074
-
2075
- .Objects-module_table__73Sl8 {
2076
- padding-left: 20px;
2077
- width: 100%;
2078
- }
2079
-
2080
- .Objects-module_panel__PH8iJ {
2081
- background: var(--searchBarBackground) !important;
2082
- }
2083
-
2084
- .Objects-module_title__rwXyY {
2085
- color: var(--echoText);
2086
- }
2087
-
2088
- .Objects-module_title__rwXyY button[aria-expanded='true'] span {
2089
- color: var(--echoText);
2090
- font-weight: 700;
2091
- }
2092
-
2093
- .TrafficLight-module_trafficLight__29Dvq {
2094
- width: 22px;
2095
- height: 22px;
2096
- border-radius: 50%;
2097
- margin: 6px;
2098
- display: flex;
2099
- align-items: center;
2100
- justify-content: center;
2101
- color: white;
2102
- font-size: 12px;
2103
- }
2104
-
2105
- .TrafficLight-module_defaultSeverity__qEvFS {
2106
- background-color: var(--equiGray1);
2107
- }
2108
-
2109
- .TrafficLight-module_severity1__jXWiO {
2110
- background-color: var(--highSeverityText);
2111
- }
2112
-
2113
- .TrafficLight-module_severity2__wW0ya {
2114
- }
2115
-
2116
- .TrafficLight-module_severity3__6LZPo {
2117
- background-color: var(--warningIcon);
2118
- }
2119
-
2120
- .TrafficLight-module_severity4__O4j-F {
2121
- background-color: var(--lowSeverityText);
2122
- }
2123
-
2124
- .TrafficLight-module_severity5__Yqt-- {
2125
- }
2126
-
2127
- .Risk-module_number__mQdq9 {
2128
- margin-top: 2px;
2129
- }
2130
-
2131
- .Risk-module_small__tB2P8 {
2132
- display: flex;
2133
- font-size: 12px;
2134
- }
2135
-
2136
- .Risk-module_large__eMxhM {
2137
- font-size: 1rem;
2138
- font-weight: 500;
2139
- }
2140
-
2141
- .Risk-module_medium__KdGMA {
2142
- font-size: 14px;
2143
- }
2144
-
2145
- .Risk-module_itemAction__NojsC {
2146
- display: flex;
2147
- align-items: center;
2148
- gap: 16px;
2149
- }
2150
-
2151
- .Risk-module_safexButton__wOLTj {
2152
- padding: 0 10px;
2153
- margin: 8px 14px;
2154
- }
2155
-
2156
- .Risk-module_top__ffYep {
2157
- display: flex;
2158
- justify-content: end;
2159
- }
2160
-
2161
- .Risk-module_itemList__5puMd > div:first-of-type {
2162
- border-top: 1px solid;
2163
- }
2164
-
2165
- .Risk-module_table__vqfJl {
2166
- padding-left: 20px;
2167
- padding-top: 20px;
2168
- width: 100%;
2169
- }
2170
-
2171
- .Risk-module_pointer__o8bRc {
2172
- cursor: pointer;
2173
- }
2174
-
2175
- .Risk-module_notFoundPanel__EiTvq {
2176
- padding: 24px;
2177
- }
2178
-
2179
- .Items-module_itemsHeader__HkvwX {
2180
- border-bottom: 1px solid #dadada;
2181
- color: var(--echoText) !important;
2182
- }
2183
-
2184
- .Items-module_itemsHeader__HkvwX button[aria-expanded='true'] span {
2185
- color: var(--echoText) !important;
2186
- font-weight: 700 !important;
2187
- }
2188
-
2189
- .Items-module_itemsHeader__HkvwX > span {
2190
- margin-left: 28px;
2191
- }
2192
-
2193
- .Items-module_punchItemsHeader__tyheL > span {
2194
- margin-left: 0;
2195
- }
2196
-
2197
- .Items-module_itemsPanel__lsGeU {
2198
- background: var(--searchBarBackground) !important;
2199
- min-height: auto !important;
2200
- border-top: 0 !important;
2201
- line-height: initial !important;
2202
- }
2203
-
2204
- .Items-module_header__jMq6D {
2205
- display: block;
2206
- }
2207
-
2208
- .Items-module_smallText__4zs6g {
2209
- font-size: 12px;
2210
- color: var(--tertiaryText);
2211
- }
2212
-
2213
- .Items-module_largeText__tJ0wT {
2214
- font-size: 1rem;
2215
- }
2216
-
2217
- .Items-module_accordionHeader__I-p-i {
2218
- border: 0;
2219
- height: auto;
2220
- padding: 16px;
2221
- justify-content: space-between;
2222
- border-top: 1px solid #dadada;
2223
- border-bottom: none;
2224
- }
2225
-
2226
- .Items-module_accordionHeader__I-p-i > svg {
2227
- align-self: start;
2228
- }
2229
-
2230
- .Items-module_accordionHeader__I-p-i > button {
2231
- justify-content: space-between;
2232
- }
2233
-
2234
- .Items-module_expandedAccordionHeader__-R-nm {
2235
- border-bottom: 1px solid #dadada;
2236
- }
2237
-
2238
- .Items-module_panel__YrGHs {
2239
- border: 0;
2240
- border-bottom: 1px solid #dadada;
2241
- padding: 24px;
2242
- }
2243
-
2244
- .Items-module_time__AtrTf {
2245
- color: var(--echoText);
2246
- }
2247
-
2248
- .Items-module_details__EKsPR {
2249
- display: flex;
2250
- width: 100%;
2251
- flex-flow: wrap;
2252
- }
2253
-
2254
- .Items-module_details__EKsPR > div {
2255
- margin-bottom: 8px;
2256
- }
2257
-
2258
- .Items-module_listItemContainer__eY9wp > div:not(:first-of-type) {
2259
- gap: 8px;
2260
- }
2261
-
2262
- .Items-module_listItemContainer__eY9wp {
2263
- padding: 16px 12px !important;
2264
- }
2265
-
2266
- .Items-module_flex__Gc6u2 {
2267
- display: flex;
2268
- align-items: center;
2269
- }
2270
-
2271
- .Items-module_title__ZoWnu {
2272
- font-weight: 500;
2273
- }
2274
-
2275
- .Items-module_status__ORuK9 {
2276
- display: flex;
2277
- margin-left: 8px;
2278
- }
2279
-
2280
- .Items-module_small__YE-Vv {
2281
- font-size: 12px;
2282
- margin-right: 16px;
2283
- }
2284
-
2285
- .Items-module_statusCircle__juY02 {
2286
- width: 12px;
2287
- height: 12px;
2288
- border-radius: 160px;
2289
- }
2290
-
2291
- .Items-module_statusText__Xf3WX {
2292
- font-size: 12px;
2293
- margin-left: 4px;
2294
- font-weight: 500;
2295
- }
2296
-
2297
- .Items-module_small__YE-Vv {
2298
- font-size: 12px;
2299
- margin-right: 16px;
2300
- }
2301
-
2302
- .Items-module_medium__nXnEv {
2303
- font-size: 14px;
2304
- }
2305
-
2306
- .Items-module_tertiary__uvHal {
2307
- display: flex;
2308
- font-size: 12px;
2309
- }
2310
-
2311
- .Items-module_reqDate__GOWum {
2312
- margin-left: 16px;
2313
- }
2314
-
2315
- .Items-module_visual__FvvLj {
2316
- display: flex;
2317
- flex-direction: column;
2318
- justify-content: center;
2319
- align-items: center;
2320
- height: 40px;
2321
- width: 40px;
2322
- border-radius: 50%;
2323
- padding: 0.5rem;
2324
- margin: 0.5rem;
2325
- background-color: var(--echoText);
2326
- color: white;
2327
- font-size: 12px;
2328
- font-weight: 500;
2329
- }
2330
-
2331
- .Items-module_panel__YrGHs {
2332
- background: var(--searchBarBackground) !important;
2333
- padding: 0 !important;
2334
- }
2335
-
2336
- .Items-module_panelContent__VnPX6 {
2337
- background: white;
2338
- }
2339
-
2340
- .TagHistoryGroup-module_content__qikfB {
2341
- margin-left: 24px;
2342
- }
2343
-
2344
- .HorizontalTagHistory-module_itemsContainer__sp0ar {
2345
- background: var(--searchBarBackground);
2346
- min-height: auto;
2347
- border-top: 0;
2348
- line-height: initial;
2349
- overflow-y: auto;
2350
- }
2351
-
2352
- .HorizontalTagHistory-module_panel__WBI-M {
2353
- min-width: 350px;
2354
- background: white;
2355
- margin: 16px;
2356
- }
2357
-
2358
- .TagHistory-module_description__mGXNh {
2359
- font-size: 0.6rem;
2360
- font-weight: 500;
2361
- text-overflow: ellipsis;
2362
- margin-top: 16px;
2363
- margin-left: 15px;
2364
- }
2365
-
2366
- .TagHistory-module_section__SwPqb {
2367
- margin: 16px 0;
2368
- }
2369
-
2370
- .TagHistory-module_section__SwPqb > *:not(:first-child) > div > h4 {
2371
- border-top: 0;
2372
- }
2373
-
2374
- .TagHistory-module_content__IgxEq {
2375
- margin-left: 24px;
2376
- }
2377
-
2378
- .TagHistory-module_container__PVXmS {
2379
- overflow: hidden;
2380
- }
2381
-
2382
- .DetailsWorkOrder-module_link__muu7Y {
2383
- color: var(--asBuilt);
2384
- padding: 0 !important;
2385
- text-decoration: underline;
2386
- cursor: pointer;
2387
- }
2388
-
2389
- .DetailsWorkOrder-module_longTextLink__nFJfD {
2390
- display: flex;
2391
- align-items: center;
2392
- }
2393
-
2394
- .DetailsWorkOrder-module_content__NYIfs {
2395
- padding: 24px;
2396
- }
2397
-
2398
- .DetailsWorkOrder-module_mobileContent__fVCD6 {
2399
- height: calc(100vh - 263px) !important;
2400
- }
2401
-
2402
- .DetailsWorkOrder-module_topRow__x5sNx {
2403
- display: flex;
2404
- }
2405
-
2406
- .DetailsWorkOrder-module_verticalTopRow__fkFZw {
2407
- display: flex;
2408
- justify-content: space-between;
2409
- }
2410
-
2411
- .DetailsWorkOrder-module_longTextButton__WWwvY > span {
2412
- min-width: 128px;
2413
- }
2414
-
2415
- .DetailsWorkOrder-module_longTextButtonVertical__bCeTa {
2416
- }
2417
-
2418
- .DetailsWorkOrder-module_longTextButtonVertical__bCeTa > span {
2419
- grid-gap: 4px;
2420
- min-width: 128px;
2421
- }
2422
-
2423
- .DetailsWorkOrder-module_longTextButtonStretched__mZ-6S {
2424
- margin-left: 80px;
2425
- }
2426
-
2427
- .TabsPanels-module_tabList__gfsJh {
2428
- scroll-snap-type: x mandatory;
2429
- overscroll-behavior-x: contain;
2430
- scroll-behavior: smooth;
2431
- overflow-x: hidden;
2432
- }
2433
-
2434
- .TabsPanels-module_tabList__gfsJh::-webkit-scrollbar {
2435
- display: unset;
2436
- scrollbar-width: unset;
2437
- -ms-overflow-style: unset;
2438
- }
2439
-
2440
- .TabsPanels-module_mobileTabList__nB88J {
2441
- overflow-x: scroll;
2442
- }
2443
-
2444
- .TabsPanels-module_mobileTabList__nB88J::-webkit-scrollbar {
2445
- display: none;
2446
- scrollbar-width: none;
2447
- -ms-overflow-style: none;
2448
- }
2449
-
2450
- .TabsPanels-module_panels__PhgDX {
2451
- height: 100%;
2452
- overflow-y: auto;
2453
- }
2454
-
2455
- .TabsPanels-module_panelsHorizontal__Yj8zi {
2456
- overflow-y: hidden;
2457
- }
2458
-
2459
- .TabsPanels-module_tabsPanel__LhDnK {
2460
- padding: 0 !important;
2461
- height: 100%;
2462
- }
2463
-
2464
- .AdditionalDetails-module_tabs__RL7ro {
2465
- display: flex;
2466
- flex-direction: column;
2467
- overflow: hidden;
2468
- }
2469
-
2470
- .AdditionalDetails-module_horizontalTabs__-iqdf {
2471
- display: flex;
2472
- flex-direction: column;
2473
- }
2474
-
2475
- .AdditionalDetails-module_tabsContainer__xPg15 {
2476
- display: grid;
2477
- grid-template-columns: auto 80% auto;
2478
- }
2479
-
2480
- .AdditionalDetails-module_fullScreenTabsContainer__2cK-v {
2481
- grid-template-columns: auto;
2482
- margin-left: unset;
2483
- margin-right: unset;
2484
- }
2485
-
2486
- .AdditionalDetails-module_mobileTabsContainer__--b6U {
2487
- margin-left: -8px;
2488
- margin-right: -8px;
2489
- }
2490
-
2491
- .AdditionalDetails-module_tabsRow__IBr5a {
2492
- display: grid;
2493
- grid-template-columns: unset;
2494
- }
2495
-
2496
- .AdditionalDetails-module_tabsRowHorizontal__-EKE6 {
2497
- display: grid;
2498
- grid-template-columns: min-content auto;
2499
-
2500
- /* min width before scrolling */
2501
- min-width: 750px;
2502
- }
2503
-
2504
- .AdditionalDetails-module_extendedBorder__xRNlr {
2505
- border-bottom: 2px solid var(--default);
2506
- }
2507
-
2508
- .AdditionalDetails-module_scrollButtonContainer__DCxlD {
2509
- border-bottom: 2px solid var(--eds_ui_background__medium, rgba(220, 220, 220, 1));
2510
- }
2511
-
2512
- .Header-module_verticalContainer__Pjddz {
2513
- padding-top: 16px;
2514
- }
2515
-
2516
- .Header-module_verticalContainer__Pjddz > div {
2517
- border-bottom: 0;
2518
- }
2519
-
2520
- .Header-module_container__ib77z {
2521
- padding-top: 16px;
2522
- }
2523
-
2524
- .Header-module_container__ib77z > div {
2525
- border-bottom: 0;
2526
- }
2527
-
2528
- .Header-module_title__cSj5p {
2529
- font-weight: 500;
2530
- }
2531
-
2532
- .Header-module_tertiary__os0Fy {
2533
- display: flex;
2534
- font-weight: 500;
2535
- font-size: 12px;
2536
- }
2537
-
2538
- .Header-module_tertiaryMobile__-fwXK {
2539
- display: block;
2540
- }
2541
-
2542
- .Header-module_small__0NwqQ {
2543
- font-size: 12px;
2544
- margin-right: 16px;
2545
- }
2546
-
2547
- .Header-module_medium__BjbSH {
2548
- font-size: 14px;
2549
- font-weight: 500;
2550
- }
2551
-
2552
- .Header-module_gap__nzGXk > div:not(:first-of-type) {
2553
- gap: 8px;
2554
- }
2555
-
2556
- .Header-module_buttonBar__TjL7P {
2557
- margin-top: 18px;
2558
- display: flex;
2559
- justify-content: end;
2560
- align-items: center;
2561
- }
2562
-
2563
- .Header-module_buttonContainer__NSmLF {
2564
- display: inherit;
2565
- align-items: inherit;
2566
- }
2567
-
2568
- .Header-module_button__u4PAz {
2569
- color: var(--echoText);
2570
- }
2571
-
2572
- .Header-module_icon__sFaMB {
2573
- margin-right: 10px;
2574
- }
2575
-
2576
- .Header-module_lastIcon__kxics {
2577
- margin-right: 18px;
2578
- }
2579
-
2580
- .Header-module_divider__lMHWf {
2581
- margin-top: 2px !important;
2582
- }
2583
-
2584
- .Header-module_status__XYA30 {
2585
- display: flex;
2586
- margin-left: 8px;
2587
- }
2588
-
2589
- .Header-module_statusCircle__8GQxa {
2590
- width: 12px;
2591
- height: 12px;
2592
- border-radius: 160px;
2593
- }
2594
-
2595
- .Header-module_statusText__BAm2T {
2596
- font-size: 12px;
2597
- margin-left: 4px;
2598
- font-weight: 500;
2599
- }
2600
-
2601
- .Header-module_topRow__lN6Nk {
2602
- display: flex;
2603
- align-items: center;
2604
- }
2605
-
2606
- .Header-module_reqDate__QrEyW {
2607
- margin-left: 16px;
2608
- }
2609
-
2610
- .Header-module_reqDateMobile__nuWh8 {
2611
- margin-left: 0;
2612
- margin-top: 5px;
2613
- }
2614
-
2615
- .Header-module_visual__8yFpI {
2616
- display: flex;
2617
- flex-direction: column;
2618
- justify-content: center;
2619
- align-items: center;
2620
- height: 40px;
2621
- width: 40px;
2622
- border-radius: 50%;
2623
- padding: 0.5rem;
2624
- margin: 0.5rem;
2625
- background-color: var(--echoText);
2626
- color: white;
2627
- font-size: 12px;
2628
- font-weight: 500;
2629
- }
2630
-
2631
- .index-module_lonelyDetails__PbGVE {
2632
- overflow-y: auto;
2633
- }
2634
-
2635
- .index-module_verticalContainer__IEZ6q {
2636
- width: inherit;
2637
- display: flex;
2638
- flex-direction: column;
2639
- overflow: hidden;
2640
- }
2641
-
2642
- .index-module_splitView__x6wsh {
2643
- height: 100% !important;
2644
- }
2645
-
2646
- .index-module_splitHorizontal__Kantp {
2647
- overflow: auto !important;
2648
- }
2649
-
2650
- .Details-module_container__ArXPj {
2651
- overflow-y: auto;
2652
- }
2653
-
2654
- .Details-module_content__MoYok {
2655
- padding: 8px 24px 24px 24px;
2656
- }
2657
-
2658
- .Details-module_link__iNkPZ {
2659
- color: var(--asBuilt);
2660
- padding: 0 !important;
2661
- text-decoration: underline;
2662
- cursor: pointer;
2663
- }
2664
-
2665
- .Details-module_longTextLink__5hzXU {
2666
- display: flex;
2667
- align-items: center;
2668
- }
2669
-
2670
- .Details-module_topRow__-nADf {
2671
- display: flex;
2672
- }
2673
-
2674
- .Details-module_descriptionButton__1q3Hy > span {
2675
- grid-gap: 4px;
2676
- }
2677
-
2678
- .Header-module_verticalContainer__mtDxH {
2679
- padding-top: 16px;
2680
- }
2681
-
2682
- .Header-module_verticalContainer__mtDxH > div {
2683
- border-bottom: 0;
2684
- }
2685
-
2686
- .Header-module_container__dm5Nc {
2687
- padding-top: 16px;
2688
- }
2689
-
2690
- .Header-module_container__dm5Nc > div {
2691
- border-bottom: 0;
2692
- }
2693
-
2694
- .Header-module_gap__utLJl > div:not(:first-of-type) {
2695
- gap: 8px;
2696
- }
2697
-
2698
- .Header-module_flex__ACyWw {
2699
- display: flex;
2700
- align-items: center;
2701
- }
2702
-
2703
- .Header-module_title__FtoTW {
2704
- font-weight: 500;
2705
- }
2706
-
2707
- .Header-module_visual__VvbQf {
2708
- display: flex;
2709
- flex-direction: column;
2710
- justify-content: center;
2711
- align-items: center;
2712
- height: 40px;
2713
- width: 40px;
2714
- border-radius: 50%;
2715
- padding: 0.5rem;
2716
- margin: 0.5rem;
2717
- background-color: var(--echoText);
2718
- color: white;
2719
- font-size: 12px;
2720
- font-weight: 500;
2721
- }
2722
-
2723
- .index-module_container__RBkmR {
2724
- display: flex;
2725
- flex-direction: column;
2726
- overflow: hidden;
2727
- }
2728
-
2729
- .index-module_splitHorizontal__EPUtW {
2730
- overflow: auto !important;
2731
- }
2732
-
2733
- .WorkOrderHeader-module_verticalContainer__WD6yw > div {
2734
- border-bottom: 0;
2735
- }
2736
-
2737
- .WorkOrderHeader-module_container__-9lif {
2738
- padding-top: 16px;
2739
- }
2740
-
2741
- .WorkOrderHeader-module_container__-9lif > div {
2742
- border-bottom: 0;
2743
- }
2744
-
2745
- .WorkOrderHeader-module_workOrderHeaderNav__8C59g {
2746
- display: flex;
2747
- flex-direction: row;
2748
- justify-content: flex-end;
2749
- gap: 0.5rem;
2750
- margin: 0 1.5rem;
2751
- }
2752
-
2753
-
2754
- .WorkOrderHeader-module_icon__65bxT {
2755
- margin-right: 10px;
2756
- }
2757
-
2758
- .WorkOrderHeader-module_lastIcon__Ie0ip {
2759
- margin-right: 18px;
2760
- }
2761
-
2762
- .WorkOrderHeader-module_divider__Anu8E {
2763
- background-color: var(--dividerColor);
2764
- margin-top: 2px !important;
2765
- }
2766
-
2767
- .index-module_lonelyDetails__EjPix {
2768
- overflow-y: auto;
2769
- }
2770
-
2771
- .index-module_verticalContainer__7ieKp {
2772
- width: inherit;
2773
- display: flex;
2774
- flex-direction: column;
2775
- overflow: hidden;
2776
- }
2777
-
2778
- .index-module_splitView__EbEk8 {
2779
- height: 100% !important;
2780
- }
2781
-
2782
- .index-module_splitHorizontal__hWQe3 {
2783
- overflow: auto !important;
2784
- }
2785
-
2786
- .ProcosysProjectSelector-module_spinner__qS6wk {
2787
- padding-left: 0.5em;
2788
- }
2789
-
2790
- .IMSConnector-module_wrapper__ogTbZ {
2791
- margin-top: 1rem;
2792
- display: grid;
2793
- grid-template-columns: 1fr 1fr;
2794
- grid-row: 1fr;
2795
- align-items: center;
2796
- justify-items: center;
2797
- gap: 1rem;
2798
- }
2799
-
2800
- .IMSConnector-module_experimentalWarning__XcIXh {
2801
- margin-top: 0;
2802
- grid-template-columns: auto 1fr;
2803
- }
2804
-
2805
- .IMSConnector-module_message__1U-KH {
2806
- margin-top: 1rem;
2807
- width: 100%;
2808
- }
2809
-
2810
- .IMSConnector-module_requestAccess__WaWbI {
2811
- margin-bottom: 1rem;
2812
- }
2813
- .Popover-module_wrapper__bp2D1 {
2814
- display: flex;
2815
- flex-direction: column;
2816
- right: 0;
2817
- left: 0;
2818
- position: absolute;
2819
- z-index: 10;
2820
- }
2821
-
2822
- .Popover-module_optionsPopover__THa5w {
2823
- display: flex;
2824
- }
2825
-
2826
- @media screen and (max-width: 440px) {
2827
- .Popover-module_optionsPopover__THa5w {
2828
- max-width: 270px;
2829
- }
2830
- }
2831
- @media screen and (max-width: 440px) {
2832
- .Popover-module_wrapper__bp2D1 {
2833
- left: 0px;
2834
- }
2835
-
2836
- .Popover-module_optionsPopover__THa5w {
2837
- align-self: flex-start;
2838
- }
2839
- }
2840
-
2841
- .RealTimeContextButton-module_wrapper__YxXsd {
2842
- margin-left: 4px;
2843
- }
2844
-
2845
- .RealTimeContextButton-module_button__3CZB- {
2846
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
2847
- width: 46px !important;
2848
- height: 46px !important;
2849
- border-radius: 10rem;
2850
- border: 3px solid var(--white) !important;
2851
- background-color: var(--white) !important;
2852
- box-sizing: border-box;
2853
- }
2854
-
2855
- .RealTimeContextButton-module_button__3CZB-:hover {
2856
- background: rgba(222, 237, 238, 1) !important;
2857
- }
2858
- .RealTimeIMSDropdown-module_popoverContent__8L19L {
2859
- width: 100%;
2860
-
2861
- background-color: white;
2862
- border-color: grey;
2863
-
2864
- display: flex;
2865
- flex-direction: column;
2866
- align-items: center;
2867
- padding: 1rem;
2868
- margin-top: 1rem;
2869
-
2870
- box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
2871
- border-radius: 4px;
2872
- }
2873
-
2874
- .RealTimeIMSDropdown-module_select__Bnhdb {
2875
- width: 100%;
2876
- }
2877
- .searchMenu-module_panel__Yu-T9 {
2878
- padding: var(--small);
2879
- }
2880
-
2881
- .searchMenu-module_wrapper__qjLIJ {
2882
- display: flex;
2883
- flex-direction: column;
2884
- margin: 10px;
2885
- }
2886
-
2887
- .searchMenu-module_close__TqvNf {
2888
- align-self: end;
2889
- }
2890
-
2891
- .tagNo-module_tagNo__5ADD6 {
2892
- cursor: pointer;
2893
- color: var(--asBuilt);
2894
- text-decoration: underline;
2895
- }
2896
- @media screen and (max-width: 927px) and (orientation: landscape) {
2897
- .toaster-module_toaster__fYuyY {
2898
- left: 64px !important;
2899
- }
2900
- }
2901
-
2902
- @media screen and (max-width: 767px) and (orientation: portrait) {
2903
- .toaster-module_toaster__fYuyY {
2904
- bottom: 64px !important;
2905
- }
2906
- }
2907
-
2908
- .toaster-module_chip__-w1z2 {
2909
- position: absolute;
2910
- top: -5px;
2911
- right: -5px;
2912
- padding: 5px !important;
2913
- }
2914
-
2915
- .toaster-module_toastersSection__ypjaz {
2916
- height: auto;
2917
- position: absolute;
2918
- display: grid;
2919
- grid-auto-rows: 32px;
2920
- align-items: start;
2921
- grid-gap: 24px;
2922
- bottom: 8px;
2923
- left: 8px;
2924
- }
2925
-
2926
- .toaster-module_toastersSection__ypjaz > div {
2927
- position: relative;
2928
- height: 32px;
2929
- width: -moz-fit-content;
2930
- width: fit-content;
2931
- }
2932
-
2933
- .EchoEventHandler-module_echoEventContainer__h6p5a {
2934
- height: 100%;
2935
- }