@pmidc/upyog-css 1.2.52 → 1.2.53

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 (141) hide show
  1. package/dist/index.css +7 -0
  2. package/dist/index.min.css +1 -1
  3. package/package.json +62 -62
  4. package/src/components/CardBasedOptions.scss +535 -535
  5. package/src/components/CitizenHomeCard.scss +228 -228
  6. package/src/components/EllipsisMenu.scss +16 -16
  7. package/src/components/EventCalendarView.scss +9 -9
  8. package/src/components/FAQ.scss +63 -63
  9. package/src/components/NewAccordianCitizen.scss +130 -130
  10. package/src/components/OnGroundEventCard.scss +71 -71
  11. package/src/components/PageBasedInput.scss +30 -30
  12. package/src/components/PopupHeadingLabel.scss +14 -14
  13. package/src/components/PropertySearchForm.scss +58 -58
  14. package/src/components/SearchForm.scss +56 -56
  15. package/src/components/SearchOnRadioButton.scss +9 -9
  16. package/src/components/StandaloneSearchBar.scss +9 -9
  17. package/src/components/SurveyModal.scss +195 -195
  18. package/src/components/TimeLine.scss +96 -96
  19. package/src/components/WhatsNewCard.scss +12 -12
  20. package/src/components/actionLink.scss +3 -3
  21. package/src/components/actionbar.scss +99 -99
  22. package/src/components/bannercomponents.scss +137 -137
  23. package/src/components/body.scss +422 -422
  24. package/src/components/buttons.scss +144 -144
  25. package/src/components/card.scss +968 -968
  26. package/src/components/cardHeaderWithOptions.scss +16 -16
  27. package/src/components/challanGeneration.scss +349 -349
  28. package/src/components/changeLanguage.scss +3 -3
  29. package/src/components/charts.scss +185 -185
  30. package/src/components/chb.scss +242 -242
  31. package/src/components/checkbox.scss +83 -83
  32. package/src/components/checkpoint.scss +65 -65
  33. package/src/components/citizenInfoLabel.scss +14 -14
  34. package/src/components/custombtn.scss +15 -15
  35. package/src/components/datatable.scss +119 -119
  36. package/src/components/datewrap.scss +21 -21
  37. package/src/components/detailscard.scss +6 -6
  38. package/src/components/detailscontainer.scss +13 -13
  39. package/src/components/documentSection.scss +134 -134
  40. package/src/components/filters.scss +379 -379
  41. package/src/components/garbageCollection.scss +535 -535
  42. package/src/components/grey.scss +3 -3
  43. package/src/components/hoc/InboxComposer.scss +111 -111
  44. package/src/components/howItWorks.scss +71 -71
  45. package/src/components/imageviewer.scss +33 -33
  46. package/src/components/info-banner.scss +35 -35
  47. package/src/components/inputotp.scss +15 -15
  48. package/src/components/keynote.scss +29 -29
  49. package/src/components/languageSelector.scss +24 -24
  50. package/src/components/loader.scss +96 -96
  51. package/src/components/map.scss +36 -36
  52. package/src/components/metricsTable.scss +26 -26
  53. package/src/components/multiLink.scss +117 -117
  54. package/src/components/multiSelectDropdown.scss +88 -88
  55. package/src/components/navbar.scss +377 -377
  56. package/src/components/ndc.scss +233 -233
  57. package/src/components/newFooter.scss +82 -82
  58. package/src/components/newInbox.scss +382 -382
  59. package/src/components/plusMinus.scss +15 -15
  60. package/src/components/popup.scss +26 -26
  61. package/src/components/ptr.scss +301 -301
  62. package/src/components/radiobtn.scss +46 -46
  63. package/src/components/ratingstar.scss +33 -33
  64. package/src/components/roundedLabel.scss +10 -10
  65. package/src/components/searchAction.scss +27 -27
  66. package/src/components/sectionalDropdown.scss +43 -43
  67. package/src/components/selectdropdown.scss +312 -312
  68. package/src/components/staticDynamicMessages.scss +110 -110
  69. package/src/components/staticSideBar.scss +27 -27
  70. package/src/components/statushighlight.scss +17 -17
  71. package/src/components/submiterrors.scss +11 -11
  72. package/src/components/summary.scss +28 -28
  73. package/src/components/table.scss +855 -855
  74. package/src/components/tag.scss +27 -27
  75. package/src/components/telephone.scss +17 -17
  76. package/src/components/textfields.scss +146 -146
  77. package/src/components/toast.scss +31 -31
  78. package/src/components/toggleSwitch.scss +40 -40
  79. package/src/components/topbar.scss +217 -217
  80. package/src/components/uploadcomponents.scss +116 -116
  81. package/src/index.scss +2436 -2430
  82. package/src/modules/BPA/index.scss +5262 -5262
  83. package/src/modules/TL/index.scss +796 -796
  84. package/src/modules/adv/index.scss +1807 -1807
  85. package/src/modules/hrms/index.scss +1327 -1327
  86. package/src/modules/noc/index.scss +1210 -1210
  87. package/src/modules/rentAndLease/index.scss +591 -591
  88. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  89. package/src/pages/citizen/CitizenLogin.scss +50 -50
  90. package/src/pages/citizen/DocumentList.scss +470 -470
  91. package/src/pages/citizen/Events.scss +46 -46
  92. package/src/pages/citizen/HomePageWrapper.scss +215 -215
  93. package/src/pages/citizen/InboxCard.scss +378 -378
  94. package/src/pages/citizen/SurveyList.scss +24 -24
  95. package/src/pages/citizen/citizenDocument.scss +25 -25
  96. package/src/pages/citizen/citizenNewLogin.scss +352 -352
  97. package/src/pages/citizen/container.scss +32 -32
  98. package/src/pages/citizen/loaderMessage.scss +341 -341
  99. package/src/pages/citizen/payment/payment-type.scss +2 -2
  100. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  101. package/src/pages/common/form.scss +25 -25
  102. package/src/pages/common/newApplicationTimeline.scss +341 -341
  103. package/src/pages/common/pgrUICssfix.scss +128 -128
  104. package/src/pages/common/requiredField.scss +2 -2
  105. package/src/pages/common/sanctionFeeTable.scss +91 -91
  106. package/src/pages/common/searchIcon.scss +21 -21
  107. package/src/pages/common/sitePhotoGraphs.scss +26 -26
  108. package/src/pages/common/stepForm.scss +40 -40
  109. package/src/pages/employee/EmployeeLogin.scss +6 -6
  110. package/src/pages/employee/cardfix.scss +13 -13
  111. package/src/pages/employee/container.scss +73 -73
  112. package/src/pages/employee/dashboard.scss +204 -204
  113. package/src/pages/employee/disconnection.scss +425 -425
  114. package/src/pages/employee/dss.scss +251 -251
  115. package/src/pages/employee/faq.scss +353 -353
  116. package/src/pages/employee/footer.scss +68 -68
  117. package/src/pages/employee/form-fields.scss +26 -26
  118. package/src/pages/employee/header.scss +262 -262
  119. package/src/pages/employee/iframe.scss +65 -65
  120. package/src/pages/employee/inbox.scss +1110 -1110
  121. package/src/pages/employee/index.scss +693 -693
  122. package/src/pages/employee/landing.scss +1802 -1802
  123. package/src/pages/employee/login.scss +253 -253
  124. package/src/pages/employee/oldMobileInbox.scss +4 -4
  125. package/src/pages/employee/popupmodule.scss +47 -47
  126. package/src/pages/employee/response.scss +2 -2
  127. package/src/pages/employee/scroll-table.scss +113 -113
  128. package/src/pages/employee/surveys.scss +469 -469
  129. package/src/pages/employee/tooltip.scss +35 -35
  130. package/src/pages/employee/updateNumber.scss +12 -12
  131. package/src/pages/swach/index.scss +231 -231
  132. package/src/pages/ws/index.scss +118 -118
  133. package/svg/camera.svg +4 -4
  134. package/svg/check.svg +3 -3
  135. package/svg/close.svg +4 -4
  136. package/svg/error.svg +3 -3
  137. package/svg/error2.svg +5 -5
  138. package/svg/searchicon.svg +3 -3
  139. package/svg/starempty.svg +3 -3
  140. package/svg/starfilled.svg +4 -4
  141. package/svg/success.svg +3 -3
@@ -1,1210 +1,1210 @@
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: space-between;
319
- margin-top: 10px;
320
- padding: 0px 20px;
321
- }
322
-
323
- .noc-components-noc-site-photographs--style-3 {
324
- text-align: start;
325
- }
326
-
327
- .noc-components-noc-uploaded-document--style-1 {
328
- padding: 20px 0px;
329
- }
330
-
331
- .noc-components-noc-uploaded-document--style-2 {
332
- display: flex;
333
- flex-direction: column;
334
- align-items: flex-start;
335
- margin-top: 10px;
336
- padding: 0px 20px;
337
- }
338
-
339
- .noc-components-noc-uploaded-document--style-3 {
340
- font-weight: 500;
341
- }
342
-
343
- .noc-components-noc-uploaded-document--style-4 {
344
- margin-top: 4px;
345
- font-size: 12px;
346
- color: #666;
347
- }
348
-
349
- .noc-components-pdf-preview-modal--style-1 {
350
- height: 80vh;
351
- width: 100%;
352
- display: flex;
353
- flex-direction: column;
354
- gap: 8px;
355
- }
356
-
357
- .noc-components-pdf-preview-modal--style-2 {
358
- flex: 1;
359
- border: none;
360
- width: 100%;
361
- }
362
-
363
- .noc-components-property-search-bathinda--style-1 {
364
- margin-bottom: 16px;
365
- margin-top: 20px;
366
- }
367
-
368
- .noc-components-property-search-bathinda--style-2 {
369
- display: flex;
370
- gap: 16px;
371
- align-items: baseline;
372
- width: 100%;
373
- }
374
-
375
- .noc-components-property-search-bathinda--style-3 {
376
- color: white;
377
- width: 100%;
378
- max-width: 100px;
379
- }
380
-
381
- .noc-components-property-search-ludhiana--style-1 {
382
- margin-bottom: 16px;
383
- margin-top: 20px;
384
- }
385
-
386
- .noc-components-property-search-ludhiana--style-2 {
387
- display: flex;
388
- gap: 16px;
389
- align-items: baseline;
390
- width: 100%;
391
- }
392
-
393
- .noc-components-property-search-ludhiana--style-3 {
394
- color: white;
395
- width: 100%;
396
- max-width: 100px;
397
- }
398
-
399
- .noc-components-zone-update--style-1 {
400
- margin-bottom: 16px;
401
- }
402
-
403
- .noc-components-zone-update--style-2 {
404
- margin-bottom: 20px;
405
- }
406
-
407
- .noc-page-components-digit-camera-capture--style-1 {
408
- text-align: center;
409
- }
410
-
411
- .noc-page-components-digit-camera-capture--style-2 {
412
- width: 100%;
413
- border-radius: 8px;
414
- background: #000;
415
- }
416
-
417
- .noc-page-components-digit-camera-capture--style-3 {
418
- display: none;
419
- }
420
-
421
- .noc-page-components-digit-camera-capture--style-4 {
422
- color: red;
423
- margin-top: 8px;
424
- }
425
-
426
- .noc-page-components-digit-camera-capture--style-5 {
427
- font-size: 12px;
428
- color: #B45309;
429
- margin-top: 4px;
430
- }
431
-
432
- .noc-page-components-digit-camera-capture--style-6 {
433
- display: flex;
434
- justify-content: center;
435
- gap: 12px;
436
- margin-top: 16px;
437
- }
438
-
439
- .noc-page-components-insection-report--style-1 {
440
- float: right;
441
- display: inline;
442
- }
443
-
444
- .noc-page-components-insection-report--style-2 {
445
- width: 100px;
446
- display: inline;
447
- background: black;
448
- }
449
-
450
- .noc-page-components-insection-report--style-3 {
451
- float: right;
452
- position: relative;
453
- bottom: -6px;
454
- }
455
-
456
- .noc-page-components-inspection-report-display--style-1 {
457
- margin-top: 16px;
458
- }
459
-
460
- .noc-page-components-nocapplicant-details--style-1 {
461
- color: red;
462
- margin: 10px 0px;
463
- }
464
-
465
- .noc-page-components-nocapplicant-details--style-2 {
466
- display: flex;
467
- justify-content: flex-end;
468
- gap: 8px;
469
- cursor: pointer;
470
- }
471
-
472
- .noc-page-components-nocapplicant-details--style-3 {
473
- display: none;
474
- }
475
-
476
- .noc-page-components-nocapplicant-details--style-4 {
477
- font-size: 12px;
478
- color: red;
479
- }
480
-
481
- .noc-page-components-nocapplicant-details--style-5 {
482
- font-size: 12px;
483
- color: black;
484
- }
485
-
486
- .noc-page-components-nocapplicant-details--style-6 {
487
- display: flex;
488
- flex-direction: column;
489
- gap: 8px;
490
- }
491
-
492
- .noc-page-components-nocapplicant-details--style-7 {
493
- margin-bottom: 1rem;
494
- }
495
-
496
- .noc-page-components-nocapplicant-details--style-8 {
497
- color: red;
498
- margin-bottom: 0;
499
- }
500
-
501
- .noc-page-components-nocapplicant-details--style-9 {
502
- color: red;
503
- margin-bottom: 0;
504
- }
505
-
506
- .noc-page-components-nocapplicant-details--style-10 {
507
- display: flex;
508
- }
509
-
510
- .noc-page-components-nocapplicant-details--style-11 {
511
- margin-top: 23px;
512
- }
513
-
514
- .noc-page-components-nocapplicant-details--style-12 {
515
- color: red;
516
- margin-top: 4px;
517
- margin-bottom: 0;
518
- }
519
-
520
- .noc-page-components-nocapplicant-details--style-13 {
521
- color: red;
522
- margin-top: 4px;
523
- margin-bottom: 0;
524
- }
525
-
526
- .noc-page-components-nocapplicant-details--style-14 {
527
- color: red;
528
- margin-top: 4px;
529
- margin-bottom: 0;
530
- }
531
-
532
- .noc-page-components-nocapplicant-details--style-15 {
533
- color: red;
534
- margin-top: 4px;
535
- margin-bottom: 0;
536
- }
537
-
538
- .noc-page-components-nocapplicant-details--style-16 {
539
- color: red;
540
- margin-top: 4px;
541
- margin-bottom: 0;
542
- }
543
-
544
- .noc-page-components-nocapplicant-details--style-17 {
545
- color: red;
546
- margin-top: 4px;
547
- margin-bottom: 0;
548
- }
549
-
550
- .noc-page-components-nocapplicant-details--style-18 {
551
- color: red;
552
- margin-top: 4px;
553
- margin-bottom: 0;
554
- }
555
-
556
- .noc-page-components-nocapplicant-details--style-19 {
557
- margin-bottom: 15px;
558
- margin-top: 20px;
559
- }
560
-
561
- .noc-page-components-nocapplicant-details--style-20 {
562
- width: 100%;
563
- }
564
-
565
- .noc-page-components-nocapplicant-details--style-21 {
566
- margin-bottom: 15px;
567
- margin-top: 20px;
568
- }
569
-
570
- .noc-page-components-nocapplicant-details--style-22 {
571
- width: 100%;
572
- }
573
-
574
- .noc-page-components-nocapplicant-details--style-23 {
575
- cursor: pointer;
576
- }
577
-
578
- .noc-page-components-noccustom-upload-file--style-1 {
579
- fill: red;
580
- }
581
-
582
- .noc-page-components-noccustom-upload-file--style-2 {
583
- color: red;
584
- }
585
-
586
- .noc-page-components-nocdocument--style-1 {
587
- margin-top: 19px;
588
- }
589
-
590
- .noc-page-components-nocdocument--style-2 {
591
- display: flex;
592
- flex-wrap: wrap;
593
- gap: 16px;
594
- }
595
-
596
- .noc-page-components-nocdocument--style-3 {
597
- width: 120px;
598
- text-align: center;
599
- display: flex;
600
- flex-direction: column;
601
- align-items: center;
602
- text-decoration: none;
603
- color: inherit;
604
- }
605
-
606
- .noc-page-components-nocdocument--style-4 {
607
- background: #f6f6f6;
608
- padding: 8px;
609
- }
610
-
611
- .noc-page-components-nocdocument--style-5 {
612
- margin-top: 8px;
613
- font-size: 12px;
614
- word-wrap: break-word;
615
- overflow: hidden;
616
- text-overflow: ellipsis;
617
- display: -webkit-box;
618
- -webkit-line-clamp: 2px;
619
- -webkit-box-orient: vertical;
620
- }
621
-
622
- .noc-page-components-nocdocument-table-view--style-1 {
623
- text-align: center;
624
- }
625
-
626
- .noc-page-components-nocdocument-table-view--style-2 {
627
- float: right;
628
- display: inline;
629
- }
630
-
631
- .noc-page-components-nocdocument-table-view--style-3 {
632
- width: 100%;
633
- table-layout: fixed;
634
- }
635
-
636
- .noc-page-components-nocdocument-with-lat-long--style-1 {
637
- background: #FAFAFA;
638
- border: 1px solid #D6D5D4;
639
- padding: 8px;
640
- border-radius: 4px;
641
- max-width: 600px;
642
- min-width: 280px;
643
- margin-bottom: 15px;
644
- padding-top: 15px;
645
- }
646
-
647
- .noc-page-components-nocdocument-with-lat-long--style-2 {
648
- color: red;
649
- }
650
-
651
- .noc-page-components-nocdocuments-required--style-1 {
652
- padding: 10px;
653
- font-size: 14px;
654
- }
655
-
656
- .noc-page-components-nocdocuments-required--style-2 {
657
- padding: 10px;
658
- font-size: 14px;
659
- }
660
-
661
- .noc-page-components-nocfee-table--style-1 {
662
- font-size: 14px;
663
- }
664
-
665
- .noc-page-components-nocfee-table--style-2 {
666
- font-size: 0.85em;
667
- color: #555;
668
- margin-top: 4px;
669
- line-height: 1.3;
670
- }
671
-
672
- .noc-page-components-nocimage-view--style-1 {
673
- padding: 20px 0px;
674
- }
675
-
676
- .noc-page-components-nocimage-view--style-2 {
677
- display: flex;
678
- justify-content: flex-end;
679
- margin-top: 10px;
680
- padding: 0px 20px;
681
- }
682
-
683
- .noc-page-components-nocimage-view--style-3 {
684
- text-align: center;
685
- }
686
-
687
- .noc-page-components-nocprofessional-details--style-1 {
688
- color: red;
689
- margin-top: 4px;
690
- margin-bottom: 0;
691
- }
692
-
693
- .noc-page-components-nocprofessional-details--style-2 {
694
- color: red;
695
- margin-top: 4px;
696
- margin-bottom: 0;
697
- }
698
-
699
- .noc-page-components-nocprofessional-details--style-3 {
700
- color: red;
701
- margin-top: 4px;
702
- margin-bottom: 0;
703
- }
704
-
705
- .noc-page-components-nocprofessional-details--style-4 {
706
- color: red;
707
- margin-top: 4px;
708
- margin-bottom: 0;
709
- }
710
-
711
- .noc-page-components-nocprofessional-details--style-5 {
712
- color: red;
713
- margin-top: 4px;
714
- margin-bottom: 0;
715
- }
716
-
717
- .noc-page-components-nocprofessional-details--style-6 {
718
- color: red;
719
- margin-top: 4px;
720
- margin-bottom: 0;
721
- }
722
-
723
- .noc-page-components-nocspecification-details--style-1 {
724
- color: red;
725
- margin-top: 4px;
726
- margin-bottom: 0;
727
- }
728
-
729
- .noc-page-components-nocspecification-details--style-2 {
730
- color: red;
731
- margin-top: 4px;
732
- margin-bottom: 0;
733
- }
734
-
735
- .noc-page-components-nocspecification-details--style-3 {
736
- color: red;
737
- margin-top: 4px;
738
- margin-bottom: 0;
739
- }
740
-
741
- .noc-page-components-nocspecification-details--style-4 {
742
- color: red;
743
- margin-top: 4px;
744
- margin-bottom: 0;
745
- }
746
-
747
- .noc-page-components-nocspecification-details--style-5 {
748
- color: red;
749
- margin-top: 4px;
750
- margin-bottom: 0;
751
- }
752
-
753
- .noc-page-components-nocspecification-details--style-6 {
754
- color: red;
755
- margin-top: 4px;
756
- margin-bottom: 0;
757
- }
758
-
759
- .noc-page-components-nocspecification-details--style-7 {
760
- width: 100%;
761
- }
762
-
763
- .noc-page-components-nocspecification-details--style-8 {
764
- display: flex;
765
- gap: 10px;
766
- align-items: center;
767
- }
768
-
769
- .noc-page-components-nocspecification-details--style-9 {
770
- flex: 1;
771
- }
772
-
773
- .noc-page-components-nocspecification-details--style-10 {
774
- color: #00703c;
775
- font-weight: 500;
776
- }
777
-
778
- .noc-page-components-nocspecification-details--style-11 {
779
- padding: 8px 16px;
780
- background: #1976d2;
781
- color: white;
782
- cursor: pointer;
783
- border: none;
784
- border-radius: 4px;
785
- font-weight: bold;
786
- min-width: 120px;
787
- }
788
-
789
- .noc-page-components-nocspecification-details--style-12 {
790
- color: red;
791
- margin-top: 4px;
792
- margin-bottom: 0;
793
- }
794
-
795
- .noc-page-components-nocspecification-details--style-13 {
796
- color: red;
797
- margin-top: 4px;
798
- margin-bottom: 0;
799
- }
800
-
801
- .noc-page-components-nocspecification-details--style-14 {
802
- margin-bottom: 12px;
803
- display: flex;
804
- align-items: center;
805
- gap: 12px;
806
- }
807
-
808
- .noc-page-components-nocspecification-details--style-15 {
809
- padding: 8px 16px;
810
- background: #1976d2;
811
- color: white;
812
- cursor: pointer;
813
- border: none;
814
- border-radius: 4px;
815
- font-weight: bold;
816
- font-size: 14px;
817
- }
818
-
819
- .noc-page-components-nocspecification-details--style-16 {
820
- color: red;
821
- margin-top: 4px;
822
- margin-bottom: 0;
823
- }
824
-
825
- .noc-page-components-nocspecification-details--style-17 {
826
- color: red;
827
- margin-top: 4px;
828
- margin-bottom: 0;
829
- }
830
-
831
- .noc-page-components-nocsummary--style-1 {
832
- border: none;
833
- }
834
-
835
- .noc-page-components-nocsummary--style-2 {
836
- display: flex;
837
- gap: 20px;
838
- flex-wrap: wrap;
839
- justify-content: space-between;
840
- }
841
-
842
- .noc-page-components-property-search-modal--style-1 {
843
- width: 100px;
844
- }
845
-
846
- .noc-page-components-property-search-modal--style-2 {
847
- color: white;
848
- width: 100%;
849
- max-width: 100px;
850
- }
851
-
852
- .noc-page-components-search-application-search-atom-desktop--style-1 {
853
- margin-top: 20px;
854
- }
855
-
856
- .noc-page-components-search-application-search-atom-desktop--style-2 {
857
- text-align: center;
858
- }
859
-
860
- .noc-page-components-search-application-search-atom-mobile--style-1 {
861
- margin-top: 20px;
862
- }
863
-
864
- .noc-page-components-search-application-search-atom-mobile--style-2 {
865
- text-align: center;
866
- }
867
-
868
- .noc-page-components-search-application-search-field-component--style-1 {
869
- margin-top: 24px;
870
- }
871
-
872
- .noc-page-components-site-inspection--style-1 {
873
- float: right;
874
- display: inline;
875
- }
876
-
877
- .noc-page-components-site-inspection--style-2 {
878
- margin-bottom: 16px;
879
- margin-top: 32px;
880
- }
881
-
882
- .noc-page-components-site-inspection--style-3 {
883
- margin-top: 20px;
884
- }
885
-
886
- .noc-page-components-site-inspection--style-4 {
887
- margin-bottom: 16px;
888
- margin-top: 32px;
889
- }
890
-
891
- .noc-pages-citizen-applications-applications-overview--style-1 {
892
- overflow-x: scroll;
893
- }
894
-
895
- .noc-pages-citizen-applications-applications-overview--style-2 {
896
- margin-top: 8px;
897
- }
898
-
899
- .noc-pages-citizen-applications-applications-overview--style-3 {
900
- margin-right: auto;
901
- max-width: 960px;
902
- }
903
-
904
- .noc-pages-citizen-applications-applications-overview--style-4 {
905
- margin-bottom: 30px;
906
- background: #FAFAFA;
907
- padding: 16px;
908
- border-radius: 4px;
909
- }
910
-
911
- .noc-pages-citizen-applications-applications-overview--style-5 {
912
- margin-bottom: 30px;
913
- background: #FAFAFA;
914
- padding: 16px;
915
- border-radius: 4px;
916
- }
917
-
918
- .noc-pages-citizen-applications-applications-overview--style-6 {
919
- margin-bottom: 30px;
920
- background: #FAFAFA;
921
- padding: 16px;
922
- border-radius: 4px;
923
- }
924
-
925
- .noc-pages-citizen-applications-applications-overview--style-7 {
926
- margin-bottom: 30px;
927
- background: #FAFAFA;
928
- padding: 16px;
929
- border-radius: 4px;
930
- }
931
-
932
- .noc-pages-citizen-applications-applications-overview--style-8 {
933
- display: flex;
934
- gap: 20px;
935
- flex-wrap: wrap;
936
- justify-content: space-between;
937
- }
938
-
939
- .noc-pages-citizen-applications-applications-overview--style-9 {
940
- display: flex;
941
- gap: 20px;
942
- flex-wrap: wrap;
943
- justify-content: space-between;
944
- }
945
-
946
- .noc-pages-citizen-applications-applications-overview--style-10 {
947
- margin-bottom: 16px;
948
- margin-top: 32px;
949
- }
950
-
951
- .noc-pages-citizen-applications-my-applications--style-1 {
952
- text-align: center;
953
- }
954
-
955
- .noc-pages-citizen-applications-my-applications--style-2 {
956
- display: flex;
957
- flex-direction: column;
958
- gap: 12px;
959
- }
960
-
961
- .noc-pages-citizen-applications-my-applications--style-3 {
962
- padding: 12px;
963
- border-radius: 8px;
964
- box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
965
- }
966
-
967
- .noc-pages-citizen-applications-my-applications--style-4 {
968
- font-size: 16px;
969
- margin-bottom: 8px;
970
- }
971
-
972
- .noc-pages-citizen-applications-my-applications--style-5 {
973
- margin: 4px 0;
974
- }
975
-
976
- .noc-pages-citizen-applications-my-applications--style-6 {
977
- margin: 4px 0;
978
- }
979
-
980
- .noc-pages-citizen-nocresponse-citizen--style-1 {
981
- padding: 10px;
982
- }
983
-
984
- .noc-pages-citizen-nocresponse-citizen--style-2 {
985
- display: flex;
986
- justify-content: flex-end;
987
- align-items: baseline;
988
- }
989
-
990
- .noc-pages-citizen-index--style-1 {
991
- text-decoration: none;
992
- margin-right: 5px;
993
- }
994
-
995
- .noc-pages-citizen-index--style-2 {
996
- margin-right: 5px;
997
- }
998
-
999
- .noc-pages-citizen-index--style-3 {
1000
- text-decoration: none;
1001
- }
1002
-
1003
- .noc-pages-citizen-index--style-4 {
1004
- margin-bottom: 16px;
1005
- display: flex;
1006
- align-items: center;
1007
- }
1008
-
1009
- .noc-pages-citizen-index--style-5 {
1010
- width: 100%;
1011
- }
1012
-
1013
- .noc-pages-employee-application-overview-application-overview--style-1 {
1014
- overflow-x: scroll;
1015
- }
1016
-
1017
- .noc-pages-employee-application-overview-application-overview--style-2 {
1018
- margin-top: 8px;
1019
- }
1020
-
1021
- .noc-pages-employee-application-overview-application-overview--style-3 {
1022
- margin-right: auto;
1023
- max-width: 960px;
1024
- }
1025
-
1026
- .noc-pages-employee-application-overview-application-overview--style-4 {
1027
- margin-bottom: 30px;
1028
- background: #FAFAFA;
1029
- padding: 16px;
1030
- border-radius: 4px;
1031
- }
1032
-
1033
- .noc-pages-employee-application-overview-application-overview--style-5 {
1034
- margin-bottom: 30px;
1035
- background: #FAFAFA;
1036
- padding: 16px;
1037
- border-radius: 4px;
1038
- }
1039
-
1040
- .noc-pages-employee-application-overview-application-overview--style-6 {
1041
- margin-bottom: 30px;
1042
- background: #FAFAFA;
1043
- padding: 16px;
1044
- border-radius: 4px;
1045
- }
1046
-
1047
- .noc-pages-employee-application-overview-application-overview--style-7 {
1048
- margin-bottom: 30px;
1049
- background: #FAFAFA;
1050
- padding: 16px;
1051
- border-radius: 4px;
1052
- }
1053
-
1054
- .noc-pages-employee-application-overview-application-overview--style-8 {
1055
- margin-bottom: 30px;
1056
- background: #FAFAFA;
1057
- padding: 16px;
1058
- border-radius: 4px;
1059
- }
1060
-
1061
- .noc-pages-employee-application-overview-application-overview--style-9 {
1062
- display: flex;
1063
- gap: 20px;
1064
- flex-wrap: wrap;
1065
- justify-content: space-between;
1066
- }
1067
-
1068
- .noc-pages-employee-application-overview-application-overview--style-10 {
1069
- display: flex;
1070
- gap: 20px;
1071
- flex-wrap: wrap;
1072
- justify-content: space-between;
1073
- }
1074
-
1075
- .noc-pages-employee-application-overview-application-overview--style-11 {
1076
- margin-bottom: 16px;
1077
- margin-top: 32px;
1078
- }
1079
-
1080
- .noc-pages-employee-application-overview-application-overview--style-12 {
1081
- color: blue;
1082
- }
1083
-
1084
- .noc-pages-employee-application-overview-application-overview--style-13 {
1085
- width: 100%;
1086
- height: 100%;
1087
- object-fit: contain;
1088
- }
1089
-
1090
- .noc-pages-employee-application-overview-index--style-1 {
1091
- border: 1px solid #D6D5D4;
1092
- background: #FAFAFA;
1093
- box-sizing: border-box;
1094
- border-radius: 4px;
1095
- padding: 8px;
1096
- max-width: 950px;
1097
- min-width: 280px;
1098
- }
1099
-
1100
- .noc-pages-employee-application-overview-index--style-2 {
1101
- margin-bottom: 16px;
1102
- font-size: 20px;
1103
- }
1104
-
1105
- .noc-pages-employee-application-overview-index--style-3 {
1106
- position: relative;
1107
- margin-top: 19px;
1108
- }
1109
-
1110
- .noc-pages-employee-application-overview-index--style-4 {
1111
- display: flex;
1112
- flex-wrap: wrap;
1113
- justify-content: flex-start;
1114
- }
1115
-
1116
- .noc-pages-employee-application-overview-index--style-5 {
1117
- min-width: 80px;
1118
- margin-right: 10px;
1119
- max-width: 100px;
1120
- height: auto;
1121
- }
1122
-
1123
- .noc-pages-employee-application-overview-index--style-6 {
1124
- display: flex;
1125
- justify-content: center;
1126
- }
1127
-
1128
- .noc-pages-employee-application-overview-index--style-7 {
1129
- margin-top: 8px;
1130
- font-weight: bold;
1131
- text-align: center;
1132
- width: 100px;
1133
- color: #505A5F;
1134
- }
1135
-
1136
- .noc-pages-employee-application-overview-index--style-8 {
1137
- max-width: 950px;
1138
- }
1139
-
1140
- .noc-pages-employee-application-overview-index--style-9 {
1141
- position: relative;
1142
- margin-top: 19px;
1143
- }
1144
-
1145
- .noc-pages-employee-application-overview-index--style-10 {
1146
- font-weight: 700;
1147
- width: 50%;
1148
- }
1149
-
1150
- .noc-pages-employee-inbox-filter-form-fields-component--style-1 {
1151
- font-size: 18px;
1152
- font-weight: 600;
1153
- }
1154
-
1155
- .noc-pages-employee-inbox-search-form-fields-component--style-1 {
1156
- width: auto;
1157
- margin-left: 24px;
1158
- }
1159
-
1160
- .noc-pages-employee-inbox-search-form-fields-component--style-2 {
1161
- text-align: start;
1162
- }
1163
-
1164
- .noc-pages-employee-inbox-search-form-fields-component--style-3 {
1165
- width: 100%;
1166
- }
1167
-
1168
- .noc-pages-employee-inbox-index--style-1 {
1169
- font-size: 18px;
1170
- font-weight: 600;
1171
- }
1172
-
1173
- .noc-pages-employee-nocesign-response--style-1 {
1174
- padding: 10px;
1175
- }
1176
-
1177
- .noc-pages-employee-nocesign-response--style-2 {
1178
- text-align: center;
1179
- margin-top: 1rem;
1180
- }
1181
-
1182
- .noc-pages-employee-response--style-1 {
1183
- padding: 10px;
1184
- }
1185
-
1186
- .noc-pages-employee-response--style-2 {
1187
- display: flex;
1188
- justify-content: flex-end;
1189
- align-items: baseline;
1190
- }
1191
-
1192
- .noc-pages-employee-search-application-search-atom-desktop--style-1 {
1193
- margin-top: 20px;
1194
- }
1195
-
1196
- .noc-pages-employee-search-application-search-atom-desktop--style-2 {
1197
- text-align: center;
1198
- }
1199
-
1200
- .noc-pages-employee-search-application-search-atom-mobile--style-1 {
1201
- margin-top: 20px;
1202
- }
1203
-
1204
- .noc-pages-employee-search-application-search-atom-mobile--style-2 {
1205
- text-align: center;
1206
- }
1207
-
1208
- .noc-pages-employee-search-application-search-form-fields-component--style-1 {
1209
- margin-top: 24px;
1210
- }
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: space-between;
319
+ margin-top: 10px;
320
+ padding: 0px 20px;
321
+ }
322
+
323
+ .noc-components-noc-site-photographs--style-3 {
324
+ text-align: start;
325
+ }
326
+
327
+ .noc-components-noc-uploaded-document--style-1 {
328
+ padding: 20px 0px;
329
+ }
330
+
331
+ .noc-components-noc-uploaded-document--style-2 {
332
+ display: flex;
333
+ flex-direction: column;
334
+ align-items: flex-start;
335
+ margin-top: 10px;
336
+ padding: 0px 20px;
337
+ }
338
+
339
+ .noc-components-noc-uploaded-document--style-3 {
340
+ font-weight: 500;
341
+ }
342
+
343
+ .noc-components-noc-uploaded-document--style-4 {
344
+ margin-top: 4px;
345
+ font-size: 12px;
346
+ color: #666;
347
+ }
348
+
349
+ .noc-components-pdf-preview-modal--style-1 {
350
+ height: 80vh;
351
+ width: 100%;
352
+ display: flex;
353
+ flex-direction: column;
354
+ gap: 8px;
355
+ }
356
+
357
+ .noc-components-pdf-preview-modal--style-2 {
358
+ flex: 1;
359
+ border: none;
360
+ width: 100%;
361
+ }
362
+
363
+ .noc-components-property-search-bathinda--style-1 {
364
+ margin-bottom: 16px;
365
+ margin-top: 20px;
366
+ }
367
+
368
+ .noc-components-property-search-bathinda--style-2 {
369
+ display: flex;
370
+ gap: 16px;
371
+ align-items: baseline;
372
+ width: 100%;
373
+ }
374
+
375
+ .noc-components-property-search-bathinda--style-3 {
376
+ color: white;
377
+ width: 100%;
378
+ max-width: 100px;
379
+ }
380
+
381
+ .noc-components-property-search-ludhiana--style-1 {
382
+ margin-bottom: 16px;
383
+ margin-top: 20px;
384
+ }
385
+
386
+ .noc-components-property-search-ludhiana--style-2 {
387
+ display: flex;
388
+ gap: 16px;
389
+ align-items: baseline;
390
+ width: 100%;
391
+ }
392
+
393
+ .noc-components-property-search-ludhiana--style-3 {
394
+ color: white;
395
+ width: 100%;
396
+ max-width: 100px;
397
+ }
398
+
399
+ .noc-components-zone-update--style-1 {
400
+ margin-bottom: 16px;
401
+ }
402
+
403
+ .noc-components-zone-update--style-2 {
404
+ margin-bottom: 20px;
405
+ }
406
+
407
+ .noc-page-components-digit-camera-capture--style-1 {
408
+ text-align: center;
409
+ }
410
+
411
+ .noc-page-components-digit-camera-capture--style-2 {
412
+ width: 100%;
413
+ border-radius: 8px;
414
+ background: #000;
415
+ }
416
+
417
+ .noc-page-components-digit-camera-capture--style-3 {
418
+ display: none;
419
+ }
420
+
421
+ .noc-page-components-digit-camera-capture--style-4 {
422
+ color: red;
423
+ margin-top: 8px;
424
+ }
425
+
426
+ .noc-page-components-digit-camera-capture--style-5 {
427
+ font-size: 12px;
428
+ color: #B45309;
429
+ margin-top: 4px;
430
+ }
431
+
432
+ .noc-page-components-digit-camera-capture--style-6 {
433
+ display: flex;
434
+ justify-content: center;
435
+ gap: 12px;
436
+ margin-top: 16px;
437
+ }
438
+
439
+ .noc-page-components-insection-report--style-1 {
440
+ float: right;
441
+ display: inline;
442
+ }
443
+
444
+ .noc-page-components-insection-report--style-2 {
445
+ width: 100px;
446
+ display: inline;
447
+ background: black;
448
+ }
449
+
450
+ .noc-page-components-insection-report--style-3 {
451
+ float: right;
452
+ position: relative;
453
+ bottom: -6px;
454
+ }
455
+
456
+ .noc-page-components-inspection-report-display--style-1 {
457
+ margin-top: 16px;
458
+ }
459
+
460
+ .noc-page-components-nocapplicant-details--style-1 {
461
+ color: red;
462
+ margin: 10px 0px;
463
+ }
464
+
465
+ .noc-page-components-nocapplicant-details--style-2 {
466
+ display: flex;
467
+ justify-content: flex-end;
468
+ gap: 8px;
469
+ cursor: pointer;
470
+ }
471
+
472
+ .noc-page-components-nocapplicant-details--style-3 {
473
+ display: none;
474
+ }
475
+
476
+ .noc-page-components-nocapplicant-details--style-4 {
477
+ font-size: 12px;
478
+ color: red;
479
+ }
480
+
481
+ .noc-page-components-nocapplicant-details--style-5 {
482
+ font-size: 12px;
483
+ color: black;
484
+ }
485
+
486
+ .noc-page-components-nocapplicant-details--style-6 {
487
+ display: flex;
488
+ flex-direction: column;
489
+ gap: 8px;
490
+ }
491
+
492
+ .noc-page-components-nocapplicant-details--style-7 {
493
+ margin-bottom: 1rem;
494
+ }
495
+
496
+ .noc-page-components-nocapplicant-details--style-8 {
497
+ color: red;
498
+ margin-bottom: 0;
499
+ }
500
+
501
+ .noc-page-components-nocapplicant-details--style-9 {
502
+ color: red;
503
+ margin-bottom: 0;
504
+ }
505
+
506
+ .noc-page-components-nocapplicant-details--style-10 {
507
+ display: flex;
508
+ }
509
+
510
+ .noc-page-components-nocapplicant-details--style-11 {
511
+ margin-top: 23px;
512
+ }
513
+
514
+ .noc-page-components-nocapplicant-details--style-12 {
515
+ color: red;
516
+ margin-top: 4px;
517
+ margin-bottom: 0;
518
+ }
519
+
520
+ .noc-page-components-nocapplicant-details--style-13 {
521
+ color: red;
522
+ margin-top: 4px;
523
+ margin-bottom: 0;
524
+ }
525
+
526
+ .noc-page-components-nocapplicant-details--style-14 {
527
+ color: red;
528
+ margin-top: 4px;
529
+ margin-bottom: 0;
530
+ }
531
+
532
+ .noc-page-components-nocapplicant-details--style-15 {
533
+ color: red;
534
+ margin-top: 4px;
535
+ margin-bottom: 0;
536
+ }
537
+
538
+ .noc-page-components-nocapplicant-details--style-16 {
539
+ color: red;
540
+ margin-top: 4px;
541
+ margin-bottom: 0;
542
+ }
543
+
544
+ .noc-page-components-nocapplicant-details--style-17 {
545
+ color: red;
546
+ margin-top: 4px;
547
+ margin-bottom: 0;
548
+ }
549
+
550
+ .noc-page-components-nocapplicant-details--style-18 {
551
+ color: red;
552
+ margin-top: 4px;
553
+ margin-bottom: 0;
554
+ }
555
+
556
+ .noc-page-components-nocapplicant-details--style-19 {
557
+ margin-bottom: 15px;
558
+ margin-top: 20px;
559
+ }
560
+
561
+ .noc-page-components-nocapplicant-details--style-20 {
562
+ width: 100%;
563
+ }
564
+
565
+ .noc-page-components-nocapplicant-details--style-21 {
566
+ margin-bottom: 15px;
567
+ margin-top: 20px;
568
+ }
569
+
570
+ .noc-page-components-nocapplicant-details--style-22 {
571
+ width: 100%;
572
+ }
573
+
574
+ .noc-page-components-nocapplicant-details--style-23 {
575
+ cursor: pointer;
576
+ }
577
+
578
+ .noc-page-components-noccustom-upload-file--style-1 {
579
+ fill: red;
580
+ }
581
+
582
+ .noc-page-components-noccustom-upload-file--style-2 {
583
+ color: red;
584
+ }
585
+
586
+ .noc-page-components-nocdocument--style-1 {
587
+ margin-top: 19px;
588
+ }
589
+
590
+ .noc-page-components-nocdocument--style-2 {
591
+ display: flex;
592
+ flex-wrap: wrap;
593
+ gap: 16px;
594
+ }
595
+
596
+ .noc-page-components-nocdocument--style-3 {
597
+ width: 120px;
598
+ text-align: center;
599
+ display: flex;
600
+ flex-direction: column;
601
+ align-items: center;
602
+ text-decoration: none;
603
+ color: inherit;
604
+ }
605
+
606
+ .noc-page-components-nocdocument--style-4 {
607
+ background: #f6f6f6;
608
+ padding: 8px;
609
+ }
610
+
611
+ .noc-page-components-nocdocument--style-5 {
612
+ margin-top: 8px;
613
+ font-size: 12px;
614
+ word-wrap: break-word;
615
+ overflow: hidden;
616
+ text-overflow: ellipsis;
617
+ display: -webkit-box;
618
+ -webkit-line-clamp: 2px;
619
+ -webkit-box-orient: vertical;
620
+ }
621
+
622
+ .noc-page-components-nocdocument-table-view--style-1 {
623
+ text-align: center;
624
+ }
625
+
626
+ .noc-page-components-nocdocument-table-view--style-2 {
627
+ float: right;
628
+ display: inline;
629
+ }
630
+
631
+ .noc-page-components-nocdocument-table-view--style-3 {
632
+ width: 100%;
633
+ table-layout: fixed;
634
+ }
635
+
636
+ .noc-page-components-nocdocument-with-lat-long--style-1 {
637
+ background: #FAFAFA;
638
+ border: 1px solid #D6D5D4;
639
+ padding: 8px;
640
+ border-radius: 4px;
641
+ max-width: 600px;
642
+ min-width: 280px;
643
+ margin-bottom: 15px;
644
+ padding-top: 15px;
645
+ }
646
+
647
+ .noc-page-components-nocdocument-with-lat-long--style-2 {
648
+ color: red;
649
+ }
650
+
651
+ .noc-page-components-nocdocuments-required--style-1 {
652
+ padding: 10px;
653
+ font-size: 14px;
654
+ }
655
+
656
+ .noc-page-components-nocdocuments-required--style-2 {
657
+ padding: 10px;
658
+ font-size: 14px;
659
+ }
660
+
661
+ .noc-page-components-nocfee-table--style-1 {
662
+ font-size: 14px;
663
+ }
664
+
665
+ .noc-page-components-nocfee-table--style-2 {
666
+ font-size: 0.85em;
667
+ color: #555;
668
+ margin-top: 4px;
669
+ line-height: 1.3;
670
+ }
671
+
672
+ .noc-page-components-nocimage-view--style-1 {
673
+ padding: 20px 0px;
674
+ }
675
+
676
+ .noc-page-components-nocimage-view--style-2 {
677
+ display: flex;
678
+ justify-content: flex-end;
679
+ margin-top: 10px;
680
+ padding: 0px 20px;
681
+ }
682
+
683
+ .noc-page-components-nocimage-view--style-3 {
684
+ text-align: center;
685
+ }
686
+
687
+ .noc-page-components-nocprofessional-details--style-1 {
688
+ color: red;
689
+ margin-top: 4px;
690
+ margin-bottom: 0;
691
+ }
692
+
693
+ .noc-page-components-nocprofessional-details--style-2 {
694
+ color: red;
695
+ margin-top: 4px;
696
+ margin-bottom: 0;
697
+ }
698
+
699
+ .noc-page-components-nocprofessional-details--style-3 {
700
+ color: red;
701
+ margin-top: 4px;
702
+ margin-bottom: 0;
703
+ }
704
+
705
+ .noc-page-components-nocprofessional-details--style-4 {
706
+ color: red;
707
+ margin-top: 4px;
708
+ margin-bottom: 0;
709
+ }
710
+
711
+ .noc-page-components-nocprofessional-details--style-5 {
712
+ color: red;
713
+ margin-top: 4px;
714
+ margin-bottom: 0;
715
+ }
716
+
717
+ .noc-page-components-nocprofessional-details--style-6 {
718
+ color: red;
719
+ margin-top: 4px;
720
+ margin-bottom: 0;
721
+ }
722
+
723
+ .noc-page-components-nocspecification-details--style-1 {
724
+ color: red;
725
+ margin-top: 4px;
726
+ margin-bottom: 0;
727
+ }
728
+
729
+ .noc-page-components-nocspecification-details--style-2 {
730
+ color: red;
731
+ margin-top: 4px;
732
+ margin-bottom: 0;
733
+ }
734
+
735
+ .noc-page-components-nocspecification-details--style-3 {
736
+ color: red;
737
+ margin-top: 4px;
738
+ margin-bottom: 0;
739
+ }
740
+
741
+ .noc-page-components-nocspecification-details--style-4 {
742
+ color: red;
743
+ margin-top: 4px;
744
+ margin-bottom: 0;
745
+ }
746
+
747
+ .noc-page-components-nocspecification-details--style-5 {
748
+ color: red;
749
+ margin-top: 4px;
750
+ margin-bottom: 0;
751
+ }
752
+
753
+ .noc-page-components-nocspecification-details--style-6 {
754
+ color: red;
755
+ margin-top: 4px;
756
+ margin-bottom: 0;
757
+ }
758
+
759
+ .noc-page-components-nocspecification-details--style-7 {
760
+ width: 100%;
761
+ }
762
+
763
+ .noc-page-components-nocspecification-details--style-8 {
764
+ display: flex;
765
+ gap: 10px;
766
+ align-items: center;
767
+ }
768
+
769
+ .noc-page-components-nocspecification-details--style-9 {
770
+ flex: 1;
771
+ }
772
+
773
+ .noc-page-components-nocspecification-details--style-10 {
774
+ color: #00703c;
775
+ font-weight: 500;
776
+ }
777
+
778
+ .noc-page-components-nocspecification-details--style-11 {
779
+ padding: 8px 16px;
780
+ background: #1976d2;
781
+ color: white;
782
+ cursor: pointer;
783
+ border: none;
784
+ border-radius: 4px;
785
+ font-weight: bold;
786
+ min-width: 120px;
787
+ }
788
+
789
+ .noc-page-components-nocspecification-details--style-12 {
790
+ color: red;
791
+ margin-top: 4px;
792
+ margin-bottom: 0;
793
+ }
794
+
795
+ .noc-page-components-nocspecification-details--style-13 {
796
+ color: red;
797
+ margin-top: 4px;
798
+ margin-bottom: 0;
799
+ }
800
+
801
+ .noc-page-components-nocspecification-details--style-14 {
802
+ margin-bottom: 12px;
803
+ display: flex;
804
+ align-items: center;
805
+ gap: 12px;
806
+ }
807
+
808
+ .noc-page-components-nocspecification-details--style-15 {
809
+ padding: 8px 16px;
810
+ background: #1976d2;
811
+ color: white;
812
+ cursor: pointer;
813
+ border: none;
814
+ border-radius: 4px;
815
+ font-weight: bold;
816
+ font-size: 14px;
817
+ }
818
+
819
+ .noc-page-components-nocspecification-details--style-16 {
820
+ color: red;
821
+ margin-top: 4px;
822
+ margin-bottom: 0;
823
+ }
824
+
825
+ .noc-page-components-nocspecification-details--style-17 {
826
+ color: red;
827
+ margin-top: 4px;
828
+ margin-bottom: 0;
829
+ }
830
+
831
+ .noc-page-components-nocsummary--style-1 {
832
+ border: none;
833
+ }
834
+
835
+ .noc-page-components-nocsummary--style-2 {
836
+ display: flex;
837
+ gap: 20px;
838
+ flex-wrap: wrap;
839
+ justify-content: space-between;
840
+ }
841
+
842
+ .noc-page-components-property-search-modal--style-1 {
843
+ width: 100px;
844
+ }
845
+
846
+ .noc-page-components-property-search-modal--style-2 {
847
+ color: white;
848
+ width: 100%;
849
+ max-width: 100px;
850
+ }
851
+
852
+ .noc-page-components-search-application-search-atom-desktop--style-1 {
853
+ margin-top: 20px;
854
+ }
855
+
856
+ .noc-page-components-search-application-search-atom-desktop--style-2 {
857
+ text-align: center;
858
+ }
859
+
860
+ .noc-page-components-search-application-search-atom-mobile--style-1 {
861
+ margin-top: 20px;
862
+ }
863
+
864
+ .noc-page-components-search-application-search-atom-mobile--style-2 {
865
+ text-align: center;
866
+ }
867
+
868
+ .noc-page-components-search-application-search-field-component--style-1 {
869
+ margin-top: 24px;
870
+ }
871
+
872
+ .noc-page-components-site-inspection--style-1 {
873
+ float: right;
874
+ display: inline;
875
+ }
876
+
877
+ .noc-page-components-site-inspection--style-2 {
878
+ margin-bottom: 16px;
879
+ margin-top: 32px;
880
+ }
881
+
882
+ .noc-page-components-site-inspection--style-3 {
883
+ margin-top: 20px;
884
+ }
885
+
886
+ .noc-page-components-site-inspection--style-4 {
887
+ margin-bottom: 16px;
888
+ margin-top: 32px;
889
+ }
890
+
891
+ .noc-pages-citizen-applications-applications-overview--style-1 {
892
+ overflow-x: scroll;
893
+ }
894
+
895
+ .noc-pages-citizen-applications-applications-overview--style-2 {
896
+ margin-top: 8px;
897
+ }
898
+
899
+ .noc-pages-citizen-applications-applications-overview--style-3 {
900
+ margin-right: auto;
901
+ max-width: 960px;
902
+ }
903
+
904
+ .noc-pages-citizen-applications-applications-overview--style-4 {
905
+ margin-bottom: 30px;
906
+ background: #FAFAFA;
907
+ padding: 16px;
908
+ border-radius: 4px;
909
+ }
910
+
911
+ .noc-pages-citizen-applications-applications-overview--style-5 {
912
+ margin-bottom: 30px;
913
+ background: #FAFAFA;
914
+ padding: 16px;
915
+ border-radius: 4px;
916
+ }
917
+
918
+ .noc-pages-citizen-applications-applications-overview--style-6 {
919
+ margin-bottom: 30px;
920
+ background: #FAFAFA;
921
+ padding: 16px;
922
+ border-radius: 4px;
923
+ }
924
+
925
+ .noc-pages-citizen-applications-applications-overview--style-7 {
926
+ margin-bottom: 30px;
927
+ background: #FAFAFA;
928
+ padding: 16px;
929
+ border-radius: 4px;
930
+ }
931
+
932
+ .noc-pages-citizen-applications-applications-overview--style-8 {
933
+ display: flex;
934
+ gap: 20px;
935
+ flex-wrap: wrap;
936
+ justify-content: space-between;
937
+ }
938
+
939
+ .noc-pages-citizen-applications-applications-overview--style-9 {
940
+ display: flex;
941
+ gap: 20px;
942
+ flex-wrap: wrap;
943
+ justify-content: space-between;
944
+ }
945
+
946
+ .noc-pages-citizen-applications-applications-overview--style-10 {
947
+ margin-bottom: 16px;
948
+ margin-top: 32px;
949
+ }
950
+
951
+ .noc-pages-citizen-applications-my-applications--style-1 {
952
+ text-align: center;
953
+ }
954
+
955
+ .noc-pages-citizen-applications-my-applications--style-2 {
956
+ display: flex;
957
+ flex-direction: column;
958
+ gap: 12px;
959
+ }
960
+
961
+ .noc-pages-citizen-applications-my-applications--style-3 {
962
+ padding: 12px;
963
+ border-radius: 8px;
964
+ box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
965
+ }
966
+
967
+ .noc-pages-citizen-applications-my-applications--style-4 {
968
+ font-size: 16px;
969
+ margin-bottom: 8px;
970
+ }
971
+
972
+ .noc-pages-citizen-applications-my-applications--style-5 {
973
+ margin: 4px 0;
974
+ }
975
+
976
+ .noc-pages-citizen-applications-my-applications--style-6 {
977
+ margin: 4px 0;
978
+ }
979
+
980
+ .noc-pages-citizen-nocresponse-citizen--style-1 {
981
+ padding: 10px;
982
+ }
983
+
984
+ .noc-pages-citizen-nocresponse-citizen--style-2 {
985
+ display: flex;
986
+ justify-content: flex-end;
987
+ align-items: baseline;
988
+ }
989
+
990
+ .noc-pages-citizen-index--style-1 {
991
+ text-decoration: none;
992
+ margin-right: 5px;
993
+ }
994
+
995
+ .noc-pages-citizen-index--style-2 {
996
+ margin-right: 5px;
997
+ }
998
+
999
+ .noc-pages-citizen-index--style-3 {
1000
+ text-decoration: none;
1001
+ }
1002
+
1003
+ .noc-pages-citizen-index--style-4 {
1004
+ margin-bottom: 16px;
1005
+ display: flex;
1006
+ align-items: center;
1007
+ }
1008
+
1009
+ .noc-pages-citizen-index--style-5 {
1010
+ width: 100%;
1011
+ }
1012
+
1013
+ .noc-pages-employee-application-overview-application-overview--style-1 {
1014
+ overflow-x: scroll;
1015
+ }
1016
+
1017
+ .noc-pages-employee-application-overview-application-overview--style-2 {
1018
+ margin-top: 8px;
1019
+ }
1020
+
1021
+ .noc-pages-employee-application-overview-application-overview--style-3 {
1022
+ margin-right: auto;
1023
+ max-width: 960px;
1024
+ }
1025
+
1026
+ .noc-pages-employee-application-overview-application-overview--style-4 {
1027
+ margin-bottom: 30px;
1028
+ background: #FAFAFA;
1029
+ padding: 16px;
1030
+ border-radius: 4px;
1031
+ }
1032
+
1033
+ .noc-pages-employee-application-overview-application-overview--style-5 {
1034
+ margin-bottom: 30px;
1035
+ background: #FAFAFA;
1036
+ padding: 16px;
1037
+ border-radius: 4px;
1038
+ }
1039
+
1040
+ .noc-pages-employee-application-overview-application-overview--style-6 {
1041
+ margin-bottom: 30px;
1042
+ background: #FAFAFA;
1043
+ padding: 16px;
1044
+ border-radius: 4px;
1045
+ }
1046
+
1047
+ .noc-pages-employee-application-overview-application-overview--style-7 {
1048
+ margin-bottom: 30px;
1049
+ background: #FAFAFA;
1050
+ padding: 16px;
1051
+ border-radius: 4px;
1052
+ }
1053
+
1054
+ .noc-pages-employee-application-overview-application-overview--style-8 {
1055
+ margin-bottom: 30px;
1056
+ background: #FAFAFA;
1057
+ padding: 16px;
1058
+ border-radius: 4px;
1059
+ }
1060
+
1061
+ .noc-pages-employee-application-overview-application-overview--style-9 {
1062
+ display: flex;
1063
+ gap: 20px;
1064
+ flex-wrap: wrap;
1065
+ justify-content: space-between;
1066
+ }
1067
+
1068
+ .noc-pages-employee-application-overview-application-overview--style-10 {
1069
+ display: flex;
1070
+ gap: 20px;
1071
+ flex-wrap: wrap;
1072
+ justify-content: space-between;
1073
+ }
1074
+
1075
+ .noc-pages-employee-application-overview-application-overview--style-11 {
1076
+ margin-bottom: 16px;
1077
+ margin-top: 32px;
1078
+ }
1079
+
1080
+ .noc-pages-employee-application-overview-application-overview--style-12 {
1081
+ color: blue;
1082
+ }
1083
+
1084
+ .noc-pages-employee-application-overview-application-overview--style-13 {
1085
+ width: 100%;
1086
+ height: 100%;
1087
+ object-fit: contain;
1088
+ }
1089
+
1090
+ .noc-pages-employee-application-overview-index--style-1 {
1091
+ border: 1px solid #D6D5D4;
1092
+ background: #FAFAFA;
1093
+ box-sizing: border-box;
1094
+ border-radius: 4px;
1095
+ padding: 8px;
1096
+ max-width: 950px;
1097
+ min-width: 280px;
1098
+ }
1099
+
1100
+ .noc-pages-employee-application-overview-index--style-2 {
1101
+ margin-bottom: 16px;
1102
+ font-size: 20px;
1103
+ }
1104
+
1105
+ .noc-pages-employee-application-overview-index--style-3 {
1106
+ position: relative;
1107
+ margin-top: 19px;
1108
+ }
1109
+
1110
+ .noc-pages-employee-application-overview-index--style-4 {
1111
+ display: flex;
1112
+ flex-wrap: wrap;
1113
+ justify-content: flex-start;
1114
+ }
1115
+
1116
+ .noc-pages-employee-application-overview-index--style-5 {
1117
+ min-width: 80px;
1118
+ margin-right: 10px;
1119
+ max-width: 100px;
1120
+ height: auto;
1121
+ }
1122
+
1123
+ .noc-pages-employee-application-overview-index--style-6 {
1124
+ display: flex;
1125
+ justify-content: center;
1126
+ }
1127
+
1128
+ .noc-pages-employee-application-overview-index--style-7 {
1129
+ margin-top: 8px;
1130
+ font-weight: bold;
1131
+ text-align: center;
1132
+ width: 100px;
1133
+ color: #505A5F;
1134
+ }
1135
+
1136
+ .noc-pages-employee-application-overview-index--style-8 {
1137
+ max-width: 950px;
1138
+ }
1139
+
1140
+ .noc-pages-employee-application-overview-index--style-9 {
1141
+ position: relative;
1142
+ margin-top: 19px;
1143
+ }
1144
+
1145
+ .noc-pages-employee-application-overview-index--style-10 {
1146
+ font-weight: 700;
1147
+ width: 50%;
1148
+ }
1149
+
1150
+ .noc-pages-employee-inbox-filter-form-fields-component--style-1 {
1151
+ font-size: 18px;
1152
+ font-weight: 600;
1153
+ }
1154
+
1155
+ .noc-pages-employee-inbox-search-form-fields-component--style-1 {
1156
+ width: auto;
1157
+ margin-left: 24px;
1158
+ }
1159
+
1160
+ .noc-pages-employee-inbox-search-form-fields-component--style-2 {
1161
+ text-align: start;
1162
+ }
1163
+
1164
+ .noc-pages-employee-inbox-search-form-fields-component--style-3 {
1165
+ width: 100%;
1166
+ }
1167
+
1168
+ .noc-pages-employee-inbox-index--style-1 {
1169
+ font-size: 18px;
1170
+ font-weight: 600;
1171
+ }
1172
+
1173
+ .noc-pages-employee-nocesign-response--style-1 {
1174
+ padding: 10px;
1175
+ }
1176
+
1177
+ .noc-pages-employee-nocesign-response--style-2 {
1178
+ text-align: center;
1179
+ margin-top: 1rem;
1180
+ }
1181
+
1182
+ .noc-pages-employee-response--style-1 {
1183
+ padding: 10px;
1184
+ }
1185
+
1186
+ .noc-pages-employee-response--style-2 {
1187
+ display: flex;
1188
+ justify-content: flex-end;
1189
+ align-items: baseline;
1190
+ }
1191
+
1192
+ .noc-pages-employee-search-application-search-atom-desktop--style-1 {
1193
+ margin-top: 20px;
1194
+ }
1195
+
1196
+ .noc-pages-employee-search-application-search-atom-desktop--style-2 {
1197
+ text-align: center;
1198
+ }
1199
+
1200
+ .noc-pages-employee-search-application-search-atom-mobile--style-1 {
1201
+ margin-top: 20px;
1202
+ }
1203
+
1204
+ .noc-pages-employee-search-application-search-atom-mobile--style-2 {
1205
+ text-align: center;
1206
+ }
1207
+
1208
+ .noc-pages-employee-search-application-search-form-fields-component--style-1 {
1209
+ margin-top: 24px;
1210
+ }