@pmidc/upyog-css 1.2.63 → 1.2.65-UAT-01

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 (142) hide show
  1. package/dist/index.css +4019 -4
  2. package/dist/index.min.css +1 -1
  3. package/package.json +62 -62
  4. package/src/components/CardBasedOptions.scss +561 -561
  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 +117 -117
  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 +464 -464
  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 +352 -318
  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/gigw3-mseva.scss +3645 -0
  82. package/src/index.scss +2474 -2472
  83. package/src/modules/BPA/index.scss +5366 -5366
  84. package/src/modules/TL/index.scss +796 -796
  85. package/src/modules/adv/index.scss +1807 -1807
  86. package/src/modules/hrms/index.scss +1327 -1327
  87. package/src/modules/noc/index.scss +1213 -1213
  88. package/src/modules/rentAndLease/index.scss +882 -882
  89. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  90. package/src/pages/citizen/CitizenLogin.scss +50 -50
  91. package/src/pages/citizen/DocumentList.scss +470 -470
  92. package/src/pages/citizen/Events.scss +46 -46
  93. package/src/pages/citizen/HomePageWrapper.scss +215 -215
  94. package/src/pages/citizen/InboxCard.scss +378 -378
  95. package/src/pages/citizen/SurveyList.scss +24 -24
  96. package/src/pages/citizen/citizenDocument.scss +25 -25
  97. package/src/pages/citizen/citizenNewLogin.scss +352 -352
  98. package/src/pages/citizen/container.scss +32 -32
  99. package/src/pages/citizen/loaderMessage.scss +341 -341
  100. package/src/pages/citizen/payment/payment-type.scss +652 -652
  101. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  102. package/src/pages/common/form.scss +25 -25
  103. package/src/pages/common/newApplicationTimeline.scss +341 -341
  104. package/src/pages/common/pgrUICssfix.scss +128 -128
  105. package/src/pages/common/requiredField.scss +2 -2
  106. package/src/pages/common/sanctionFeeTable.scss +91 -91
  107. package/src/pages/common/searchIcon.scss +21 -21
  108. package/src/pages/common/sitePhotoGraphs.scss +26 -26
  109. package/src/pages/common/stepForm.scss +40 -40
  110. package/src/pages/employee/EmployeeLogin.scss +6 -6
  111. package/src/pages/employee/cardfix.scss +13 -13
  112. package/src/pages/employee/container.scss +73 -73
  113. package/src/pages/employee/dashboard.scss +204 -204
  114. package/src/pages/employee/disconnection.scss +425 -425
  115. package/src/pages/employee/dss.scss +251 -251
  116. package/src/pages/employee/faq.scss +353 -353
  117. package/src/pages/employee/footer.scss +68 -68
  118. package/src/pages/employee/form-fields.scss +26 -26
  119. package/src/pages/employee/header.scss +262 -262
  120. package/src/pages/employee/iframe.scss +65 -65
  121. package/src/pages/employee/inbox.scss +1110 -1110
  122. package/src/pages/employee/index.scss +693 -693
  123. package/src/pages/employee/landing.scss +1802 -1802
  124. package/src/pages/employee/login.scss +253 -253
  125. package/src/pages/employee/oldMobileInbox.scss +4 -4
  126. package/src/pages/employee/popupmodule.scss +47 -47
  127. package/src/pages/employee/response.scss +2 -2
  128. package/src/pages/employee/scroll-table.scss +113 -113
  129. package/src/pages/employee/surveys.scss +469 -469
  130. package/src/pages/employee/tooltip.scss +35 -35
  131. package/src/pages/employee/updateNumber.scss +12 -12
  132. package/src/pages/swach/index.scss +231 -231
  133. package/src/pages/ws/index.scss +118 -118
  134. package/svg/camera.svg +4 -4
  135. package/svg/check.svg +3 -3
  136. package/svg/close.svg +4 -4
  137. package/svg/error.svg +3 -3
  138. package/svg/error2.svg +5 -5
  139. package/svg/searchicon.svg +3 -3
  140. package/svg/starempty.svg +3 -3
  141. package/svg/starfilled.svg +4 -4
  142. package/svg/success.svg +3 -3
@@ -1,1213 +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
- }
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
+ }