@pmidc/upyog-css 1.2.36-UAT.4 → 1.2.36-UAT.41

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.
@@ -0,0 +1,1213 @@
1
+ /* NOC module styles extracted from active component markup. */
2
+
3
+ .noc-loader {
4
+ position: relative;
5
+ display: flex;
6
+ align-items: center;
7
+ justify-content: center;
8
+ width: 100%;
9
+ min-height: 100px;
10
+ }
11
+
12
+ .noc-loader--page {
13
+ position: fixed;
14
+ inset: 0;
15
+ z-index: 9999;
16
+ width: 100vw;
17
+ height: 100vh;
18
+ background: rgba(255, 255, 255, 0.6);
19
+ backdrop-filter: blur(4px);
20
+ }
21
+
22
+ .noc-loader__spinner {
23
+ width: 64px;
24
+ height: 64px;
25
+ border: 8px solid #1976d2;
26
+ border-top-color: transparent;
27
+ border-radius: 50%;
28
+ animation: noc-spin 1.2s linear infinite;
29
+ }
30
+
31
+ @keyframes noc-spin {
32
+ from { transform: rotate(0); }
33
+ to { transform: rotate(360deg); }
34
+ }
35
+
36
+ .noc-uploaded-document__image,
37
+ .noc-site-photographs__image,
38
+ .noc-image-view__image {
39
+ width: 100px;
40
+ height: 100px;
41
+ border-radius: 10%;
42
+ object-fit: cover;
43
+ cursor: default;
44
+ }
45
+
46
+ .noc-uploaded-document__image { margin-top: 8px; }
47
+ .noc-uploaded-document__image--clickable,
48
+ .noc-site-photographs__image--clickable,
49
+ .noc-image-view__image--clickable { cursor: pointer; }
50
+ .noc-property-search__label--ws { font-weight: 700; }
51
+ .noc-property-search-modal__field { display: flex; width: 100%; gap: 16px; }
52
+ .noc-property-search-modal__field--mobile { flex-direction: column; }
53
+ .noc-employee__breadcrumbs--offset { margin-top: 34px; margin-left: 10px; }
54
+ .noc-citizen__breadcrumbs--offset { margin-top: 20px; margin-left: 10px; }
55
+ .noc-document-table-view table tbody tr td:first-child,
56
+ .noc-document-table-view table thead tr th:first-child,
57
+ .noc-inspection-report table tbody tr td:first-child,
58
+ .noc-inspection-report table thead tr th:first-child {
59
+ flex: 0 0 100px !important;
60
+ width: 100px !important;
61
+ min-width: 100px !important;
62
+ max-width: 100px !important;
63
+ }
64
+ .data-table .row { border: 2px solid lightgrey; }
65
+ .noc-page-components-nocsite-details--style-1 {
66
+ margin-bottom: 16px;
67
+ }
68
+
69
+ .noc-page-components-nocsite-details--style-2 {
70
+ color: red;
71
+ margin-top: 4px;
72
+ margin-bottom: 0;
73
+ }
74
+
75
+ .noc-page-components-nocsite-details--style-3 {
76
+ margin-bottom: 20px;
77
+ }
78
+
79
+ .noc-page-components-nocsite-details--style-4 {
80
+ font-size: 12px;
81
+ margin-top: 4px;
82
+ }
83
+
84
+ .noc-page-components-nocsite-details--style-5 {
85
+ margin-bottom: 20px;
86
+ }
87
+
88
+ .noc-page-components-nocsite-details--style-6 {
89
+ font-size: 12px;
90
+ margin-top: 4px;
91
+ }
92
+
93
+ .noc-page-components-nocsite-details--style-7 {
94
+ margin-bottom: 20px;
95
+ }
96
+
97
+ .noc-page-components-nocsite-details--style-8 {
98
+ color: red;
99
+ margin-top: 4px;
100
+ margin-bottom: 0;
101
+ }
102
+
103
+ .noc-page-components-nocsite-details--style-9 {
104
+ margin-bottom: 20px;
105
+ }
106
+
107
+ .noc-page-components-nocsite-details--style-10 {
108
+ color: red;
109
+ margin-top: 4px;
110
+ margin-bottom: 0;
111
+ }
112
+
113
+ .noc-page-components-nocsite-details--style-11 {
114
+ margin-bottom: 20px;
115
+ }
116
+
117
+ .noc-page-components-nocsite-details--style-12 {
118
+ color: red;
119
+ margin-top: 4px;
120
+ margin-bottom: 0;
121
+ }
122
+
123
+ .noc-page-components-nocsite-details--style-13 {
124
+ margin-bottom: 20px;
125
+ }
126
+
127
+ .noc-page-components-nocsite-details--style-14 {
128
+ color: red;
129
+ margin-top: 4px;
130
+ margin-bottom: 0;
131
+ }
132
+
133
+ .noc-page-components-nocsite-details--style-15 {
134
+ margin-bottom: 20px;
135
+ }
136
+
137
+ .noc-page-components-nocsite-details--style-16 {
138
+ font-size: 12px;
139
+ margin-top: 4px;
140
+ }
141
+
142
+ .noc-page-components-nocsite-details--style-17 {
143
+ margin-bottom: 20px;
144
+ }
145
+
146
+ .noc-page-components-nocsite-details--style-18 {
147
+ color: red;
148
+ margin-top: 4px;
149
+ margin-bottom: 0;
150
+ }
151
+
152
+ .noc-page-components-nocsite-details--style-19 {
153
+ margin-bottom: 20px;
154
+ }
155
+
156
+ .noc-page-components-nocsite-details--style-20 {
157
+ margin-top: 0;
158
+ }
159
+
160
+ .noc-page-components-nocsite-details--style-21 {
161
+ color: red;
162
+ margin-top: 4px;
163
+ margin-bottom: 0;
164
+ }
165
+
166
+ .noc-page-components-nocsite-details--style-22 {
167
+ margin-bottom: 20px;
168
+ }
169
+
170
+ .noc-page-components-nocsite-details--style-23 {
171
+ font-size: 12px;
172
+ margin-top: 4px;
173
+ }
174
+
175
+ .noc-page-components-nocsite-details--style-24 {
176
+ margin-bottom: 20px;
177
+ }
178
+
179
+ .noc-page-components-nocsite-details--style-25 {
180
+ color: red;
181
+ margin-top: 4px;
182
+ margin-bottom: 0;
183
+ }
184
+
185
+ .noc-page-components-nocsite-details--style-26 {
186
+ margin-bottom: 20px;
187
+ }
188
+
189
+ .noc-page-components-nocsite-details--style-27 {
190
+ color: red;
191
+ margin-top: 4px;
192
+ margin-bottom: 0;
193
+ }
194
+
195
+ .noc-page-components-nocsite-details--style-28 {
196
+ margin-bottom: 20px;
197
+ }
198
+
199
+ .noc-page-components-nocsite-details--style-29 {
200
+ font-size: 12px;
201
+ margin-top: 4px;
202
+ }
203
+
204
+ .noc-page-components-nocsite-details--style-30 {
205
+ display: flex;
206
+ gap: 10px;
207
+ flex-direction: column;
208
+ }
209
+
210
+ .noc-page-components-nocsite-details--style-31 {
211
+ display: flex;
212
+ gap: 10px;
213
+ }
214
+
215
+ .noc-page-components-nocsite-details--style-32 {
216
+ margin-bottom: 20px;
217
+ }
218
+
219
+ .noc-page-components-nocsite-details--style-33 {
220
+ margin-bottom: 20px;
221
+ }
222
+
223
+ .noc-page-components-nocsite-details--style-34 {
224
+ color: red;
225
+ margin-top: 4px;
226
+ margin-bottom: 0;
227
+ }
228
+
229
+ .noc-page-components-nocsite-details--style-35 {
230
+ margin-bottom: 20px;
231
+ }
232
+
233
+ .noc-page-components-nocsite-details--style-36 {
234
+ color: red;
235
+ margin-top: 4px;
236
+ margin-bottom: 0;
237
+ }
238
+
239
+ .noc-page-components-nocsite-details--style-37 {
240
+ margin-bottom: 20px;
241
+ }
242
+
243
+ .noc-page-components-nocsite-details--style-38 {
244
+ color: red;
245
+ margin-top: 4px;
246
+ margin-bottom: 0;
247
+ }
248
+
249
+ .noc-page-components-nocsite-details--style-39 {
250
+ margin-bottom: 20px;
251
+ }
252
+
253
+ .noc-page-components-nocsite-details--style-40 {
254
+ color: red;
255
+ margin-top: 4px;
256
+ margin-bottom: 0;
257
+ }
258
+
259
+ .noc-page-components-nocsite-details--style-41 {
260
+ margin-bottom: 20px;
261
+ }
262
+
263
+ .noc-page-components-nocsite-details--style-42 {
264
+ color: red;
265
+ margin-top: 4px;
266
+ margin-bottom: 0;
267
+ }
268
+
269
+ .noc-page-components-nocsite-details--style-43 {
270
+ margin-bottom: 20px;
271
+ }
272
+
273
+ .noc-page-components-nocsite-details--style-44 {
274
+ color: red;
275
+ margin-top: 4px;
276
+ margin-bottom: 0;
277
+ }
278
+
279
+ .noc-page-components-nocsite-details--style-45 {
280
+ color: red;
281
+ margin-top: 4px;
282
+ margin-bottom: 0;
283
+ }
284
+
285
+ .noc-page-components-nocsite-details--style-46 {
286
+ margin-bottom: 20px;
287
+ }
288
+
289
+ .noc-page-components-nocsite-details--style-47 {
290
+ color: red;
291
+ margin-top: 4px;
292
+ margin-bottom: 0;
293
+ }
294
+
295
+
296
+ .noc-components-challan-documents--style-1 {
297
+ margin-bottom: 24px;
298
+ }
299
+
300
+ .noc-components-challan-documents--style-2 {
301
+ display: inline;
302
+ }
303
+
304
+ .noc-components-challan-documents--style-3 {
305
+ color: red;
306
+ }
307
+
308
+ .noc-components-nocdocument-checklist--style-1 {
309
+ font-weight: bold;
310
+ }
311
+
312
+ .noc-components-noc-site-photographs--style-1 {
313
+ padding: 20px 0px;
314
+ }
315
+
316
+ .noc-components-noc-site-photographs--style-2 {
317
+ display: flex;
318
+ justify-content: center;
319
+ margin-top: 10px;
320
+ padding: 0px 20px;
321
+ }
322
+
323
+ .noc-components-noc-site-photographs--style-3 {
324
+ text-align: center;
325
+ display: flex;
326
+ flex-direction: column;
327
+ align-items: center;
328
+ }
329
+
330
+ .noc-components-noc-uploaded-document--style-1 {
331
+ padding: 20px 0px;
332
+ }
333
+
334
+ .noc-components-noc-uploaded-document--style-2 {
335
+ display: flex;
336
+ flex-direction: column;
337
+ align-items: flex-start;
338
+ margin-top: 10px;
339
+ padding: 0px 20px;
340
+ }
341
+
342
+ .noc-components-noc-uploaded-document--style-3 {
343
+ font-weight: 500;
344
+ }
345
+
346
+ .noc-components-noc-uploaded-document--style-4 {
347
+ margin-top: 4px;
348
+ font-size: 12px;
349
+ color: #666;
350
+ }
351
+
352
+ .noc-components-pdf-preview-modal--style-1 {
353
+ height: 80vh;
354
+ width: 100%;
355
+ display: flex;
356
+ flex-direction: column;
357
+ gap: 8px;
358
+ }
359
+
360
+ .noc-components-pdf-preview-modal--style-2 {
361
+ flex: 1;
362
+ border: none;
363
+ width: 100%;
364
+ }
365
+
366
+ .noc-components-property-search-bathinda--style-1 {
367
+ margin-bottom: 16px;
368
+ margin-top: 20px;
369
+ }
370
+
371
+ .noc-components-property-search-bathinda--style-2 {
372
+ display: flex;
373
+ gap: 16px;
374
+ align-items: baseline;
375
+ width: 100%;
376
+ }
377
+
378
+ .noc-components-property-search-bathinda--style-3 {
379
+ color: white;
380
+ width: 100%;
381
+ max-width: 100px;
382
+ }
383
+
384
+ .noc-components-property-search-ludhiana--style-1 {
385
+ margin-bottom: 16px;
386
+ margin-top: 20px;
387
+ }
388
+
389
+ .noc-components-property-search-ludhiana--style-2 {
390
+ display: flex;
391
+ gap: 16px;
392
+ align-items: baseline;
393
+ width: 100%;
394
+ }
395
+
396
+ .noc-components-property-search-ludhiana--style-3 {
397
+ color: white;
398
+ width: 100%;
399
+ max-width: 100px;
400
+ }
401
+
402
+ .noc-components-zone-update--style-1 {
403
+ margin-bottom: 16px;
404
+ }
405
+
406
+ .noc-components-zone-update--style-2 {
407
+ margin-bottom: 20px;
408
+ }
409
+
410
+ .noc-page-components-digit-camera-capture--style-1 {
411
+ text-align: center;
412
+ }
413
+
414
+ .noc-page-components-digit-camera-capture--style-2 {
415
+ width: 100%;
416
+ border-radius: 8px;
417
+ background: #000;
418
+ }
419
+
420
+ .noc-page-components-digit-camera-capture--style-3 {
421
+ display: none;
422
+ }
423
+
424
+ .noc-page-components-digit-camera-capture--style-4 {
425
+ color: red;
426
+ margin-top: 8px;
427
+ }
428
+
429
+ .noc-page-components-digit-camera-capture--style-5 {
430
+ font-size: 12px;
431
+ color: #B45309;
432
+ margin-top: 4px;
433
+ }
434
+
435
+ .noc-page-components-digit-camera-capture--style-6 {
436
+ display: flex;
437
+ justify-content: center;
438
+ gap: 12px;
439
+ margin-top: 16px;
440
+ }
441
+
442
+ .noc-page-components-insection-report--style-1 {
443
+ float: right;
444
+ display: inline;
445
+ }
446
+
447
+ .noc-page-components-insection-report--style-2 {
448
+ width: 100px;
449
+ display: inline;
450
+ background: black;
451
+ }
452
+
453
+ .noc-page-components-insection-report--style-3 {
454
+ float: right;
455
+ position: relative;
456
+ bottom: -6px;
457
+ }
458
+
459
+ .noc-page-components-inspection-report-display--style-1 {
460
+ margin-top: 16px;
461
+ }
462
+
463
+ .noc-page-components-nocapplicant-details--style-1 {
464
+ color: red;
465
+ margin: 10px 0px;
466
+ }
467
+
468
+ .noc-page-components-nocapplicant-details--style-2 {
469
+ display: flex;
470
+ justify-content: flex-end;
471
+ gap: 8px;
472
+ cursor: pointer;
473
+ }
474
+
475
+ .noc-page-components-nocapplicant-details--style-3 {
476
+ display: none;
477
+ }
478
+
479
+ .noc-page-components-nocapplicant-details--style-4 {
480
+ font-size: 12px;
481
+ color: red;
482
+ }
483
+
484
+ .noc-page-components-nocapplicant-details--style-5 {
485
+ font-size: 12px;
486
+ color: black;
487
+ }
488
+
489
+ .noc-page-components-nocapplicant-details--style-6 {
490
+ display: flex;
491
+ flex-direction: column;
492
+ gap: 8px;
493
+ }
494
+
495
+ .noc-page-components-nocapplicant-details--style-7 {
496
+ margin-bottom: 1rem;
497
+ }
498
+
499
+ .noc-page-components-nocapplicant-details--style-8 {
500
+ color: red;
501
+ margin-bottom: 0;
502
+ }
503
+
504
+ .noc-page-components-nocapplicant-details--style-9 {
505
+ color: red;
506
+ margin-bottom: 0;
507
+ }
508
+
509
+ .noc-page-components-nocapplicant-details--style-10 {
510
+ display: flex;
511
+ }
512
+
513
+ .noc-page-components-nocapplicant-details--style-11 {
514
+ margin-top: 23px;
515
+ }
516
+
517
+ .noc-page-components-nocapplicant-details--style-12 {
518
+ color: red;
519
+ margin-top: 4px;
520
+ margin-bottom: 0;
521
+ }
522
+
523
+ .noc-page-components-nocapplicant-details--style-13 {
524
+ color: red;
525
+ margin-top: 4px;
526
+ margin-bottom: 0;
527
+ }
528
+
529
+ .noc-page-components-nocapplicant-details--style-14 {
530
+ color: red;
531
+ margin-top: 4px;
532
+ margin-bottom: 0;
533
+ }
534
+
535
+ .noc-page-components-nocapplicant-details--style-15 {
536
+ color: red;
537
+ margin-top: 4px;
538
+ margin-bottom: 0;
539
+ }
540
+
541
+ .noc-page-components-nocapplicant-details--style-16 {
542
+ color: red;
543
+ margin-top: 4px;
544
+ margin-bottom: 0;
545
+ }
546
+
547
+ .noc-page-components-nocapplicant-details--style-17 {
548
+ color: red;
549
+ margin-top: 4px;
550
+ margin-bottom: 0;
551
+ }
552
+
553
+ .noc-page-components-nocapplicant-details--style-18 {
554
+ color: red;
555
+ margin-top: 4px;
556
+ margin-bottom: 0;
557
+ }
558
+
559
+ .noc-page-components-nocapplicant-details--style-19 {
560
+ margin-bottom: 15px;
561
+ margin-top: 20px;
562
+ }
563
+
564
+ .noc-page-components-nocapplicant-details--style-20 {
565
+ width: 100%;
566
+ }
567
+
568
+ .noc-page-components-nocapplicant-details--style-21 {
569
+ margin-bottom: 15px;
570
+ margin-top: 20px;
571
+ }
572
+
573
+ .noc-page-components-nocapplicant-details--style-22 {
574
+ width: 100%;
575
+ }
576
+
577
+ .noc-page-components-nocapplicant-details--style-23 {
578
+ cursor: pointer;
579
+ }
580
+
581
+ .noc-page-components-noccustom-upload-file--style-1 {
582
+ fill: red;
583
+ }
584
+
585
+ .noc-page-components-noccustom-upload-file--style-2 {
586
+ color: red;
587
+ }
588
+
589
+ .noc-page-components-nocdocument--style-1 {
590
+ margin-top: 19px;
591
+ }
592
+
593
+ .noc-page-components-nocdocument--style-2 {
594
+ display: flex;
595
+ flex-wrap: wrap;
596
+ gap: 16px;
597
+ }
598
+
599
+ .noc-page-components-nocdocument--style-3 {
600
+ width: 120px;
601
+ text-align: center;
602
+ display: flex;
603
+ flex-direction: column;
604
+ align-items: center;
605
+ text-decoration: none;
606
+ color: inherit;
607
+ }
608
+
609
+ .noc-page-components-nocdocument--style-4 {
610
+ background: #f6f6f6;
611
+ padding: 8px;
612
+ }
613
+
614
+ .noc-page-components-nocdocument--style-5 {
615
+ margin-top: 8px;
616
+ font-size: 12px;
617
+ word-wrap: break-word;
618
+ overflow: hidden;
619
+ text-overflow: ellipsis;
620
+ display: -webkit-box;
621
+ -webkit-line-clamp: 2px;
622
+ -webkit-box-orient: vertical;
623
+ }
624
+
625
+ .noc-page-components-nocdocument-table-view--style-1 {
626
+ text-align: center;
627
+ }
628
+
629
+ .noc-page-components-nocdocument-table-view--style-2 {
630
+ float: right;
631
+ display: inline;
632
+ }
633
+
634
+ .noc-page-components-nocdocument-table-view--style-3 {
635
+ width: 100%;
636
+ table-layout: fixed;
637
+ }
638
+
639
+ .noc-page-components-nocdocument-with-lat-long--style-1 {
640
+ background: #FAFAFA;
641
+ border: 1px solid #D6D5D4;
642
+ padding: 8px;
643
+ border-radius: 4px;
644
+ max-width: 600px;
645
+ min-width: 280px;
646
+ margin-bottom: 15px;
647
+ padding-top: 15px;
648
+ }
649
+
650
+ .noc-page-components-nocdocument-with-lat-long--style-2 {
651
+ color: red;
652
+ }
653
+
654
+ .noc-page-components-nocdocuments-required--style-1 {
655
+ padding: 10px;
656
+ font-size: 14px;
657
+ }
658
+
659
+ .noc-page-components-nocdocuments-required--style-2 {
660
+ padding: 10px;
661
+ font-size: 14px;
662
+ }
663
+
664
+ .noc-page-components-nocfee-table--style-1 {
665
+ font-size: 14px;
666
+ }
667
+
668
+ .noc-page-components-nocfee-table--style-2 {
669
+ font-size: 0.85em;
670
+ color: #555;
671
+ margin-top: 4px;
672
+ line-height: 1.3;
673
+ }
674
+
675
+ .noc-page-components-nocimage-view--style-1 {
676
+ padding: 20px 0px;
677
+ }
678
+
679
+ .noc-page-components-nocimage-view--style-2 {
680
+ display: flex;
681
+ justify-content: flex-end;
682
+ margin-top: 10px;
683
+ padding: 0px 20px;
684
+ }
685
+
686
+ .noc-page-components-nocimage-view--style-3 {
687
+ text-align: center;
688
+ }
689
+
690
+ .noc-page-components-nocprofessional-details--style-1 {
691
+ color: red;
692
+ margin-top: 4px;
693
+ margin-bottom: 0;
694
+ }
695
+
696
+ .noc-page-components-nocprofessional-details--style-2 {
697
+ color: red;
698
+ margin-top: 4px;
699
+ margin-bottom: 0;
700
+ }
701
+
702
+ .noc-page-components-nocprofessional-details--style-3 {
703
+ color: red;
704
+ margin-top: 4px;
705
+ margin-bottom: 0;
706
+ }
707
+
708
+ .noc-page-components-nocprofessional-details--style-4 {
709
+ color: red;
710
+ margin-top: 4px;
711
+ margin-bottom: 0;
712
+ }
713
+
714
+ .noc-page-components-nocprofessional-details--style-5 {
715
+ color: red;
716
+ margin-top: 4px;
717
+ margin-bottom: 0;
718
+ }
719
+
720
+ .noc-page-components-nocprofessional-details--style-6 {
721
+ color: red;
722
+ margin-top: 4px;
723
+ margin-bottom: 0;
724
+ }
725
+
726
+ .noc-page-components-nocspecification-details--style-1 {
727
+ color: red;
728
+ margin-top: 4px;
729
+ margin-bottom: 0;
730
+ }
731
+
732
+ .noc-page-components-nocspecification-details--style-2 {
733
+ color: red;
734
+ margin-top: 4px;
735
+ margin-bottom: 0;
736
+ }
737
+
738
+ .noc-page-components-nocspecification-details--style-3 {
739
+ color: red;
740
+ margin-top: 4px;
741
+ margin-bottom: 0;
742
+ }
743
+
744
+ .noc-page-components-nocspecification-details--style-4 {
745
+ color: red;
746
+ margin-top: 4px;
747
+ margin-bottom: 0;
748
+ }
749
+
750
+ .noc-page-components-nocspecification-details--style-5 {
751
+ color: red;
752
+ margin-top: 4px;
753
+ margin-bottom: 0;
754
+ }
755
+
756
+ .noc-page-components-nocspecification-details--style-6 {
757
+ color: red;
758
+ margin-top: 4px;
759
+ margin-bottom: 0;
760
+ }
761
+
762
+ .noc-page-components-nocspecification-details--style-7 {
763
+ width: 100%;
764
+ }
765
+
766
+ .noc-page-components-nocspecification-details--style-8 {
767
+ display: flex;
768
+ gap: 10px;
769
+ align-items: center;
770
+ }
771
+
772
+ .noc-page-components-nocspecification-details--style-9 {
773
+ flex: 1;
774
+ }
775
+
776
+ .noc-page-components-nocspecification-details--style-10 {
777
+ color: #00703c;
778
+ font-weight: 500;
779
+ }
780
+
781
+ .noc-page-components-nocspecification-details--style-11 {
782
+ padding: 8px 16px;
783
+ background: #1976d2;
784
+ color: white;
785
+ cursor: pointer;
786
+ border: none;
787
+ border-radius: 4px;
788
+ font-weight: bold;
789
+ min-width: 120px;
790
+ }
791
+
792
+ .noc-page-components-nocspecification-details--style-12 {
793
+ color: red;
794
+ margin-top: 4px;
795
+ margin-bottom: 0;
796
+ }
797
+
798
+ .noc-page-components-nocspecification-details--style-13 {
799
+ color: red;
800
+ margin-top: 4px;
801
+ margin-bottom: 0;
802
+ }
803
+
804
+ .noc-page-components-nocspecification-details--style-14 {
805
+ margin-bottom: 12px;
806
+ display: flex;
807
+ align-items: center;
808
+ gap: 12px;
809
+ }
810
+
811
+ .noc-page-components-nocspecification-details--style-15 {
812
+ padding: 8px 16px;
813
+ background: #1976d2;
814
+ color: white;
815
+ cursor: pointer;
816
+ border: none;
817
+ border-radius: 4px;
818
+ font-weight: bold;
819
+ font-size: 14px;
820
+ }
821
+
822
+ .noc-page-components-nocspecification-details--style-16 {
823
+ color: red;
824
+ margin-top: 4px;
825
+ margin-bottom: 0;
826
+ }
827
+
828
+ .noc-page-components-nocspecification-details--style-17 {
829
+ color: red;
830
+ margin-top: 4px;
831
+ margin-bottom: 0;
832
+ }
833
+
834
+ .noc-page-components-nocsummary--style-1 {
835
+ border: none;
836
+ }
837
+
838
+ .noc-page-components-nocsummary--style-2 {
839
+ display: flex;
840
+ gap: 20px;
841
+ flex-wrap: wrap;
842
+ justify-content: space-between;
843
+ }
844
+
845
+ .noc-page-components-property-search-modal--style-1 {
846
+ width: 100px;
847
+ }
848
+
849
+ .noc-page-components-property-search-modal--style-2 {
850
+ color: white;
851
+ width: 100%;
852
+ max-width: 100px;
853
+ }
854
+
855
+ .noc-page-components-search-application-search-atom-desktop--style-1 {
856
+ margin-top: 20px;
857
+ }
858
+
859
+ .noc-page-components-search-application-search-atom-desktop--style-2 {
860
+ text-align: center;
861
+ }
862
+
863
+ .noc-page-components-search-application-search-atom-mobile--style-1 {
864
+ margin-top: 20px;
865
+ }
866
+
867
+ .noc-page-components-search-application-search-atom-mobile--style-2 {
868
+ text-align: center;
869
+ }
870
+
871
+ .noc-page-components-search-application-search-field-component--style-1 {
872
+ margin-top: 24px;
873
+ }
874
+
875
+ .noc-page-components-site-inspection--style-1 {
876
+ float: right;
877
+ display: inline;
878
+ }
879
+
880
+ .noc-page-components-site-inspection--style-2 {
881
+ margin-bottom: 16px;
882
+ margin-top: 32px;
883
+ }
884
+
885
+ .noc-page-components-site-inspection--style-3 {
886
+ margin-top: 20px;
887
+ }
888
+
889
+ .noc-page-components-site-inspection--style-4 {
890
+ margin-bottom: 16px;
891
+ margin-top: 32px;
892
+ }
893
+
894
+ .noc-pages-citizen-applications-applications-overview--style-1 {
895
+ overflow-x: scroll;
896
+ }
897
+
898
+ .noc-pages-citizen-applications-applications-overview--style-2 {
899
+ margin-top: 8px;
900
+ }
901
+
902
+ .noc-pages-citizen-applications-applications-overview--style-3 {
903
+ margin-right: auto;
904
+ max-width: 960px;
905
+ }
906
+
907
+ .noc-pages-citizen-applications-applications-overview--style-4 {
908
+ margin-bottom: 30px;
909
+ background: #FAFAFA;
910
+ padding: 16px;
911
+ border-radius: 4px;
912
+ }
913
+
914
+ .noc-pages-citizen-applications-applications-overview--style-5 {
915
+ margin-bottom: 30px;
916
+ background: #FAFAFA;
917
+ padding: 16px;
918
+ border-radius: 4px;
919
+ }
920
+
921
+ .noc-pages-citizen-applications-applications-overview--style-6 {
922
+ margin-bottom: 30px;
923
+ background: #FAFAFA;
924
+ padding: 16px;
925
+ border-radius: 4px;
926
+ }
927
+
928
+ .noc-pages-citizen-applications-applications-overview--style-7 {
929
+ margin-bottom: 30px;
930
+ background: #FAFAFA;
931
+ padding: 16px;
932
+ border-radius: 4px;
933
+ }
934
+
935
+ .noc-pages-citizen-applications-applications-overview--style-8 {
936
+ display: flex;
937
+ gap: 20px;
938
+ flex-wrap: wrap;
939
+ justify-content: space-between;
940
+ }
941
+
942
+ .noc-pages-citizen-applications-applications-overview--style-9 {
943
+ display: flex;
944
+ gap: 20px;
945
+ flex-wrap: wrap;
946
+ justify-content: space-between;
947
+ }
948
+
949
+ .noc-pages-citizen-applications-applications-overview--style-10 {
950
+ margin-bottom: 16px;
951
+ margin-top: 32px;
952
+ }
953
+
954
+ .noc-pages-citizen-applications-my-applications--style-1 {
955
+ text-align: center;
956
+ }
957
+
958
+ .noc-pages-citizen-applications-my-applications--style-2 {
959
+ display: flex;
960
+ flex-direction: column;
961
+ gap: 12px;
962
+ }
963
+
964
+ .noc-pages-citizen-applications-my-applications--style-3 {
965
+ padding: 12px;
966
+ border-radius: 8px;
967
+ box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
968
+ }
969
+
970
+ .noc-pages-citizen-applications-my-applications--style-4 {
971
+ font-size: 16px;
972
+ margin-bottom: 8px;
973
+ }
974
+
975
+ .noc-pages-citizen-applications-my-applications--style-5 {
976
+ margin: 4px 0;
977
+ }
978
+
979
+ .noc-pages-citizen-applications-my-applications--style-6 {
980
+ margin: 4px 0;
981
+ }
982
+
983
+ .noc-pages-citizen-nocresponse-citizen--style-1 {
984
+ padding: 10px;
985
+ }
986
+
987
+ .noc-pages-citizen-nocresponse-citizen--style-2 {
988
+ display: flex;
989
+ justify-content: flex-end;
990
+ align-items: baseline;
991
+ }
992
+
993
+ .noc-pages-citizen-index--style-1 {
994
+ text-decoration: none;
995
+ margin-right: 5px;
996
+ }
997
+
998
+ .noc-pages-citizen-index--style-2 {
999
+ margin-right: 5px;
1000
+ }
1001
+
1002
+ .noc-pages-citizen-index--style-3 {
1003
+ text-decoration: none;
1004
+ }
1005
+
1006
+ .noc-pages-citizen-index--style-4 {
1007
+ margin-bottom: 16px;
1008
+ display: flex;
1009
+ align-items: center;
1010
+ }
1011
+
1012
+ .noc-pages-citizen-index--style-5 {
1013
+ width: 100%;
1014
+ }
1015
+
1016
+ .noc-pages-employee-application-overview-application-overview--style-1 {
1017
+ overflow-x: scroll;
1018
+ }
1019
+
1020
+ .noc-pages-employee-application-overview-application-overview--style-2 {
1021
+ margin-top: 8px;
1022
+ }
1023
+
1024
+ .noc-pages-employee-application-overview-application-overview--style-3 {
1025
+ margin-right: auto;
1026
+ max-width: 960px;
1027
+ }
1028
+
1029
+ .noc-pages-employee-application-overview-application-overview--style-4 {
1030
+ margin-bottom: 30px;
1031
+ background: #FAFAFA;
1032
+ padding: 16px;
1033
+ border-radius: 4px;
1034
+ }
1035
+
1036
+ .noc-pages-employee-application-overview-application-overview--style-5 {
1037
+ margin-bottom: 30px;
1038
+ background: #FAFAFA;
1039
+ padding: 16px;
1040
+ border-radius: 4px;
1041
+ }
1042
+
1043
+ .noc-pages-employee-application-overview-application-overview--style-6 {
1044
+ margin-bottom: 30px;
1045
+ background: #FAFAFA;
1046
+ padding: 16px;
1047
+ border-radius: 4px;
1048
+ }
1049
+
1050
+ .noc-pages-employee-application-overview-application-overview--style-7 {
1051
+ margin-bottom: 30px;
1052
+ background: #FAFAFA;
1053
+ padding: 16px;
1054
+ border-radius: 4px;
1055
+ }
1056
+
1057
+ .noc-pages-employee-application-overview-application-overview--style-8 {
1058
+ margin-bottom: 30px;
1059
+ background: #FAFAFA;
1060
+ padding: 16px;
1061
+ border-radius: 4px;
1062
+ }
1063
+
1064
+ .noc-pages-employee-application-overview-application-overview--style-9 {
1065
+ display: flex;
1066
+ gap: 20px;
1067
+ flex-wrap: wrap;
1068
+ justify-content: space-between;
1069
+ }
1070
+
1071
+ .noc-pages-employee-application-overview-application-overview--style-10 {
1072
+ display: flex;
1073
+ gap: 20px;
1074
+ flex-wrap: wrap;
1075
+ justify-content: space-between;
1076
+ }
1077
+
1078
+ .noc-pages-employee-application-overview-application-overview--style-11 {
1079
+ margin-bottom: 16px;
1080
+ margin-top: 32px;
1081
+ }
1082
+
1083
+ .noc-pages-employee-application-overview-application-overview--style-12 {
1084
+ color: blue;
1085
+ }
1086
+
1087
+ .noc-pages-employee-application-overview-application-overview--style-13 {
1088
+ width: 100%;
1089
+ height: 100%;
1090
+ object-fit: contain;
1091
+ }
1092
+
1093
+ .noc-pages-employee-application-overview-index--style-1 {
1094
+ border: 1px solid #D6D5D4;
1095
+ background: #FAFAFA;
1096
+ box-sizing: border-box;
1097
+ border-radius: 4px;
1098
+ padding: 8px;
1099
+ max-width: 950px;
1100
+ min-width: 280px;
1101
+ }
1102
+
1103
+ .noc-pages-employee-application-overview-index--style-2 {
1104
+ margin-bottom: 16px;
1105
+ font-size: 20px;
1106
+ }
1107
+
1108
+ .noc-pages-employee-application-overview-index--style-3 {
1109
+ position: relative;
1110
+ margin-top: 19px;
1111
+ }
1112
+
1113
+ .noc-pages-employee-application-overview-index--style-4 {
1114
+ display: flex;
1115
+ flex-wrap: wrap;
1116
+ justify-content: flex-start;
1117
+ }
1118
+
1119
+ .noc-pages-employee-application-overview-index--style-5 {
1120
+ min-width: 80px;
1121
+ margin-right: 10px;
1122
+ max-width: 100px;
1123
+ height: auto;
1124
+ }
1125
+
1126
+ .noc-pages-employee-application-overview-index--style-6 {
1127
+ display: flex;
1128
+ justify-content: center;
1129
+ }
1130
+
1131
+ .noc-pages-employee-application-overview-index--style-7 {
1132
+ margin-top: 8px;
1133
+ font-weight: bold;
1134
+ text-align: center;
1135
+ width: 100px;
1136
+ color: #505A5F;
1137
+ }
1138
+
1139
+ .noc-pages-employee-application-overview-index--style-8 {
1140
+ max-width: 950px;
1141
+ }
1142
+
1143
+ .noc-pages-employee-application-overview-index--style-9 {
1144
+ position: relative;
1145
+ margin-top: 19px;
1146
+ }
1147
+
1148
+ .noc-pages-employee-application-overview-index--style-10 {
1149
+ font-weight: 700;
1150
+ width: 50%;
1151
+ }
1152
+
1153
+ .noc-pages-employee-inbox-filter-form-fields-component--style-1 {
1154
+ font-size: 18px;
1155
+ font-weight: 600;
1156
+ }
1157
+
1158
+ .noc-pages-employee-inbox-search-form-fields-component--style-1 {
1159
+ width: auto;
1160
+ margin-left: 24px;
1161
+ }
1162
+
1163
+ .noc-pages-employee-inbox-search-form-fields-component--style-2 {
1164
+ text-align: start;
1165
+ }
1166
+
1167
+ .noc-pages-employee-inbox-search-form-fields-component--style-3 {
1168
+ width: 100%;
1169
+ }
1170
+
1171
+ .noc-pages-employee-inbox-index--style-1 {
1172
+ font-size: 18px;
1173
+ font-weight: 600;
1174
+ }
1175
+
1176
+ .noc-pages-employee-nocesign-response--style-1 {
1177
+ padding: 10px;
1178
+ }
1179
+
1180
+ .noc-pages-employee-nocesign-response--style-2 {
1181
+ text-align: center;
1182
+ margin-top: 1rem;
1183
+ }
1184
+
1185
+ .noc-pages-employee-response--style-1 {
1186
+ padding: 10px;
1187
+ }
1188
+
1189
+ .noc-pages-employee-response--style-2 {
1190
+ display: flex;
1191
+ justify-content: flex-end;
1192
+ align-items: baseline;
1193
+ }
1194
+
1195
+ .noc-pages-employee-search-application-search-atom-desktop--style-1 {
1196
+ margin-top: 20px;
1197
+ }
1198
+
1199
+ .noc-pages-employee-search-application-search-atom-desktop--style-2 {
1200
+ text-align: center;
1201
+ }
1202
+
1203
+ .noc-pages-employee-search-application-search-atom-mobile--style-1 {
1204
+ margin-top: 20px;
1205
+ }
1206
+
1207
+ .noc-pages-employee-search-application-search-atom-mobile--style-2 {
1208
+ text-align: center;
1209
+ }
1210
+
1211
+ .noc-pages-employee-search-application-search-form-fields-component--style-1 {
1212
+ margin-top: 24px;
1213
+ }