@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,535 +1,535 @@
1
- /* Generated from static Garbage Collection JSX styles. */
2
-
3
- .gc-citizen-details-form {
4
- max-width: 100%;
5
- }
6
-
7
- .gc-loader-container {
8
- display: flex;
9
- position: relative;
10
- align-items: center;
11
- justify-content: center;
12
- min-height: 100px;
13
- width: 100%;
14
- }
15
-
16
- .gc-loader-container--page {
17
- position: fixed;
18
- z-index: 9999;
19
- top: 0;
20
- left: 0;
21
- min-height: 0;
22
- width: 100vw;
23
- height: 100vh;
24
- background: rgba(255, 255, 255, 0.6);
25
- backdrop-filter: blur(4px);
26
- }
27
-
28
- .gc-loader-spinner {
29
- width: 64px;
30
- height: 64px;
31
- border: 8px solid #1976d2;
32
- border-top-color: transparent;
33
- border-radius: 50%;
34
- animation: gc-loader-spin 1.2s linear infinite;
35
- }
36
-
37
- @keyframes gc-loader-spin {
38
- to {
39
- transform: rotate(360deg);
40
- }
41
- }
42
-
43
- .gc-summary-section {
44
- margin-bottom: 2rem;
45
- padding: 1rem 1.5rem;
46
- border-radius: 8px;
47
- background-color: #fff;
48
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
49
- }
50
-
51
- .gc-citizen-breadcrumb--offset {
52
- margin-left: 10px;
53
- }
54
-
55
- .gc-style-029f4a9edb {
56
- cursor: pointer;
57
- color: #007bff;
58
- }
59
-
60
- .gc-style-045aac899d {
61
- margin-bottom: 16px;
62
- }
63
-
64
- .gc-style-0aa7742e8e {
65
- width: 70%;
66
- margin-left: 30%;
67
- font-size: 12px;
68
- margin-top: -21px;
69
- }
70
-
71
- .gc-style-0b9a47eb61 {
72
- display: flex;
73
- gap: 20px;
74
- }
75
-
76
- .gc-style-0bac17190a {
77
- display: flex;
78
- gap: 15px;
79
- }
80
-
81
- .gc-style-10e0b3f06d {
82
- font-size: 24px;
83
- margin-top: 30px;
84
- }
85
-
86
- .gc-style-131b576839 {
87
- margin-top: 10px;
88
- font-size: 15px;
89
- }
90
-
91
- .gc-style-22f61d20c1 {
92
- margin-left: 10px;
93
- }
94
-
95
- .gc-style-287885dae7 {
96
- display: flex;
97
- flex-wrap: wrap;
98
- gap: 24px;
99
- width: 100%;
100
- }
101
-
102
- .gc-style-31981a7d51 {
103
- color: red;
104
- }
105
-
106
- .gc-style-35154d8ad2 {
107
- margin-top: 19px;
108
- }
109
-
110
- .gc-style-35bf4c7cd4 {
111
- margin-right: auto;
112
- max-width: 960px;
113
- }
114
-
115
- .gc-style-3852417c9d {
116
- font-size: 24px;
117
- margin: 30px 0 40px;
118
- }
119
-
120
- .gc-style-3892582b1c {
121
- width: 100%;
122
- padding-right: 25px;
123
- padding-left: 25px;
124
- }
125
-
126
- .gc-style-4a3180e2eb {
127
- margin-bottom: 15px;
128
- }
129
-
130
- .gc-style-54d32d80db {
131
- margin-top: 10px;
132
- }
133
-
134
- .gc-style-594a8aeda5 {
135
- font-size: 24px;
136
- margin: 30px 0 5px;
137
- }
138
-
139
- .gc-style-5fa693f3d4 {
140
- margin-top: 20px;
141
- }
142
-
143
- .gc-style-648149cea2 {
144
- margin-bottom: 0;
145
- }
146
-
147
- .gc-style-65b1b5e6ec {
148
- background: #eee;
149
- color: black;
150
- border: 1px solid;
151
- }
152
-
153
- .gc-style-689d45e4d2 {
154
- width: 35%;
155
- border: 1px solid #d6d5d4;
156
- margin-top: 1rem;
157
- margin-bottom: 1rem;
158
- }
159
-
160
- .gc-style-69d66e5b2e {
161
- width: 100%;
162
- }
163
-
164
- .gc-style-6b38c97cb9 {
165
- margin-bottom: 0;
166
- width: 100%;
167
- }
168
-
169
- .gc-style-72a68ac344 {
170
- text-align: center;
171
- }
172
-
173
- .gc-style-72fca94264 {
174
- max-width: 500px;
175
- }
176
-
177
- .gc-style-791d011e41 {
178
- box-shadow: none;
179
- }
180
-
181
- .gc-style-79bc56d8a7 {
182
- display: flex;
183
- flex-direction: row;
184
- gap: 30px;
185
- }
186
-
187
- .gc-style-7f09016ce8 {
188
- font-size: 24px;
189
- }
190
-
191
- .gc-style-801160c3ea {
192
- padding: 10px;
193
- }
194
-
195
- .gc-style-80184f22b6 {
196
- min-width: 100px;
197
- margin-right: 10px;
198
- }
199
-
200
- .gc-style-833eb1014a {
201
- width: 100%;
202
- gap: 20px;
203
- }
204
-
205
- .gc-style-84b5441470 {
206
- background: white;
207
- color: black;
208
- border: 1px solid;
209
- margin-right: 10px;
210
- }
211
-
212
- .gc-style-84f534c76c {
213
- display: flex;
214
- flex-wrap: wrap;
215
- }
216
-
217
- .gc-style-84ff04ff7a {
218
- display: block;
219
- padding: 8px;
220
- text-decoration: none;
221
- color: black;
222
- cursor: pointer;
223
- }
224
-
225
- .gc-style-86988696ea {
226
- display: block;
227
- gap: 8px;
228
- align-items: flex-start;
229
- }
230
-
231
- .gc-style-8d703344e0 {
232
- margin-bottom: 24px;
233
- }
234
-
235
- .gc-style-94e92d613a {
236
- background: #f6f6f6;
237
- padding: 8px;
238
- }
239
-
240
- .gc-style-a7bf4d9876 {
241
- text-align: start;
242
- display: flex;
243
- }
244
-
245
- .gc-style-a815f49ebe {
246
- display: flex;
247
- justify-content: flex-end;
248
- align-items: baseline;
249
- gap: 20px;
250
- }
251
-
252
- .gc-style-abca0ca559 {
253
- color: #505a5f;
254
- }
255
-
256
- .gc-style-af0f5324e8 {
257
- flex: 0 0 20%;
258
- max-width: 20%;
259
- }
260
-
261
- .gc-style-b052598bc0 {
262
- z-index: 10;
263
- display: flex;
264
- flex-direction: row-reverse;
265
- align-items: center;
266
- margin-top: -25px;
267
- }
268
-
269
- .gc-style-b0d8f74123 {
270
- height: auto;
271
- }
272
-
273
- .gc-style-b76bfae924 {
274
- display: flex;
275
- align-items: center;
276
- gap: 10px;
277
- cursor: pointer;
278
- margin: 30px 0;
279
- }
280
-
281
- .gc-style-ba30f188c7 {
282
- display: flex;
283
- flex-direction: column;
284
- }
285
-
286
- .gc-style-bf62f514a1 {
287
- font-size: 24px;
288
- padding: 10px 0px;
289
- font-weight: 700;
290
- }
291
-
292
- .gc-style-c49402ea99 {
293
- position: absolute;
294
- background-color: white;
295
- border: 1px solid #ccc;
296
- border-radius: 4px;
297
- padding: 8px;
298
- z-index: 1000;
299
- }
300
-
301
- .gc-style-c937f3b834 {
302
- margin-left: 8px;
303
- }
304
-
305
- .gc-style-ca65dc4865 {
306
- padding-bottom: 150px;
307
- }
308
-
309
- .gc-style-ca9524c49a {
310
- margin-top: -1px;
311
- }
312
-
313
- .gc-style-d265a6b9b9 {
314
- margin-top: 16px;
315
- }
316
-
317
- .gc-style-d8af4c59ac {
318
- width: 18px;
319
- height: 18px;
320
- cursor: pointer;
321
- }
322
-
323
- .gc-style-e1e94badf3 {
324
- color: #fe7a51;
325
- cursor: pointer;
326
- }
327
-
328
- .gc-style-ec060bac5e {
329
- width: 200px;
330
- }
331
-
332
- .gc-style-ed9ef6a95c {
333
- color: red;
334
- margin-top: 4px;
335
- margin-bottom: 0;
336
- }
337
-
338
- .gc-style-eda36bf913 {
339
- margin-left: 16px;
340
- margin-top: 16px;
341
- }
342
-
343
- .gc-style-ee3d55bf99 {
344
- flex: 1;
345
- }
346
-
347
- .gc-style-ef7a9dfbd9 {
348
- margin-top: 24px;
349
- }
350
-
351
- .gc-style-f67fbbeae7 {
352
- cursor: pointer;
353
- margin: 0;
354
- font-weight: bolder;
355
- }
356
-
357
- .gc-style-fc2ccff82b {
358
- width: 100%;
359
- margin-left: 24px;
360
- }
361
-
362
- .gc-style-fda4fad5c3 {
363
- padding: 10px 0px;
364
- }
365
-
366
- @media (max-width: 780px) {
367
- .gc-bill-genie,
368
- .gc-generate-bill {
369
- width: 100%;
370
- padding: 0 12px;
371
- box-sizing: border-box;
372
- }
373
-
374
- .gc-bill-genie .gc-style-3852417c9d,
375
- .gc-generate-bill__heading {
376
- margin: 20px 0 24px;
377
- font-size: 22px;
378
- }
379
-
380
- .gc-bill-genie__filters,
381
- .gc-generate-bill__filters {
382
- display: flex;
383
- flex-direction: column;
384
- gap: 16px;
385
- }
386
-
387
- .gc-bill-genie__field,
388
- .gc-generate-bill__field {
389
- flex: 0 0 100%;
390
- width: 100%;
391
- max-width: 100%;
392
- box-sizing: border-box;
393
- }
394
-
395
- .gc-bill-genie__field .form-field,
396
- .gc-bill-genie__field input,
397
- .gc-generate-bill__field .form-field,
398
- .gc-generate-bill__field input {
399
- width: 100%;
400
- max-width: 100%;
401
- box-sizing: border-box;
402
- }
403
-
404
- .gc-bill-genie__results {
405
- width: 100%;
406
- overflow-x: auto;
407
- -webkit-overflow-scrolling: touch;
408
- }
409
-
410
- .gc-bill-genie__row-actions,
411
- .gc-bill-genie__actions,
412
- .gc-generate-bill__actions {
413
- display: flex;
414
- flex-wrap: wrap;
415
- gap: 10px;
416
- }
417
-
418
- .gc-bill-genie__row-actions .submit-bar,
419
- .gc-bill-genie__actions .submit-bar,
420
- .gc-generate-bill__actions .submit-bar {
421
- flex: 1 1 0;
422
- width: auto;
423
- min-width: 0;
424
- margin: 0;
425
- }
426
- }
427
-
428
- @media (max-width: 780px) {
429
- .gc-bill-genie--citizen {
430
- width: 100%;
431
- }
432
-
433
- .gc-bill-genie--citizen .gc-style-3852417c9d {
434
- margin: 20px 0 24px;
435
- font-size: 22px;
436
- }
437
-
438
- .gc-bill-genie--citizen .gc-bill-genie__filters {
439
- flex-direction: column;
440
- gap: 16px;
441
- }
442
-
443
- .gc-bill-genie--citizen .gc-bill-genie__field {
444
- flex: 0 0 100%;
445
- max-width: 100%;
446
- }
447
-
448
- .gc-bill-genie--citizen .gc-bill-genie__field .form-field,
449
- .gc-bill-genie--citizen .gc-bill-genie__field input {
450
- width: 100%;
451
- }
452
-
453
- .gc-bill-genie--citizen .gc-bill-genie__results {
454
- width: 100%;
455
- overflow-x: auto;
456
- -webkit-overflow-scrolling: touch;
457
- }
458
-
459
- .gc-bill-genie--citizen .gc-bill-genie__row-actions {
460
- flex-direction: column;
461
- gap: 8px;
462
- }
463
-
464
- .gc-bill-genie--citizen .gc-bill-genie__row-actions .submit-bar {
465
- width: 100%;
466
- }
467
-
468
- .gc-bill-genie--citizen .gc-bill-genie__actions {
469
- gap: 10px;
470
- }
471
-
472
- .gc-bill-genie--citizen .gc-bill-genie__actions .submit-bar {
473
- width: 100%;
474
- margin: 0;
475
- }
476
-
477
- .gc-citizen-search-applications__filters {
478
- display: flex;
479
- flex-direction: column;
480
- gap: 16px;
481
- padding: 16px;
482
- }
483
-
484
- .gc-citizen-search-applications__filters .gc-citizen-search-applications__field,
485
- .gc-citizen-search-applications__filters .gc-citizen-search-applications__submit {
486
- flex: 0 0 100% !important;
487
- width: 100% !important;
488
- max-width: 100%;
489
- margin: 0 !important;
490
- box-sizing: border-box;
491
- }
492
-
493
- .gc-citizen-search-applications__filters .form-field,
494
- .gc-citizen-search-applications__filters .field,
495
- .gc-citizen-search-applications__filters input {
496
- width: 100% !important;
497
- max-width: 100%;
498
- margin-right: 0 !important;
499
- box-sizing: border-box;
500
- }
501
-
502
- .gc-citizen-search-applications__filters .field-container {
503
- display: flex;
504
- width: 100%;
505
- }
506
-
507
- .gc-citizen-search-applications__filters .field-container .card-input-emp {
508
- flex: 1;
509
- min-width: 0;
510
- width: 100% !important;
511
- }
512
-
513
- .gc-citizen-search-applications__filters .gc-citizen-search-applications__submit {
514
- display: flex;
515
- flex-direction: column;
516
- align-items: stretch;
517
- text-align: left;
518
- }
519
-
520
- .gc-citizen-search-applications__filters .gc-citizen-search-applications__submit .submit-bar {
521
- width: 100% !important;
522
- }
523
-
524
- .gc-citizen-search-applications__filters .gc-citizen-search-applications__submit p {
525
- width: auto;
526
- margin: 12px 0 0;
527
- text-align: center;
528
- }
529
-
530
- .gc-citizen-search-applications__results {
531
- width: 100%;
532
- overflow-x: auto;
533
- -webkit-overflow-scrolling: touch;
534
- }
535
- }
1
+ /* Generated from static Garbage Collection JSX styles. */
2
+
3
+ .gc-citizen-details-form {
4
+ max-width: 100%;
5
+ }
6
+
7
+ .gc-loader-container {
8
+ display: flex;
9
+ position: relative;
10
+ align-items: center;
11
+ justify-content: center;
12
+ min-height: 100px;
13
+ width: 100%;
14
+ }
15
+
16
+ .gc-loader-container--page {
17
+ position: fixed;
18
+ z-index: 9999;
19
+ top: 0;
20
+ left: 0;
21
+ min-height: 0;
22
+ width: 100vw;
23
+ height: 100vh;
24
+ background: rgba(255, 255, 255, 0.6);
25
+ backdrop-filter: blur(4px);
26
+ }
27
+
28
+ .gc-loader-spinner {
29
+ width: 64px;
30
+ height: 64px;
31
+ border: 8px solid #1976d2;
32
+ border-top-color: transparent;
33
+ border-radius: 50%;
34
+ animation: gc-loader-spin 1.2s linear infinite;
35
+ }
36
+
37
+ @keyframes gc-loader-spin {
38
+ to {
39
+ transform: rotate(360deg);
40
+ }
41
+ }
42
+
43
+ .gc-summary-section {
44
+ margin-bottom: 2rem;
45
+ padding: 1rem 1.5rem;
46
+ border-radius: 8px;
47
+ background-color: #fff;
48
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
49
+ }
50
+
51
+ .gc-citizen-breadcrumb--offset {
52
+ margin-left: 10px;
53
+ }
54
+
55
+ .gc-style-029f4a9edb {
56
+ cursor: pointer;
57
+ color: #007bff;
58
+ }
59
+
60
+ .gc-style-045aac899d {
61
+ margin-bottom: 16px;
62
+ }
63
+
64
+ .gc-style-0aa7742e8e {
65
+ width: 70%;
66
+ margin-left: 30%;
67
+ font-size: 12px;
68
+ margin-top: -21px;
69
+ }
70
+
71
+ .gc-style-0b9a47eb61 {
72
+ display: flex;
73
+ gap: 20px;
74
+ }
75
+
76
+ .gc-style-0bac17190a {
77
+ display: flex;
78
+ gap: 15px;
79
+ }
80
+
81
+ .gc-style-10e0b3f06d {
82
+ font-size: 24px;
83
+ margin-top: 30px;
84
+ }
85
+
86
+ .gc-style-131b576839 {
87
+ margin-top: 10px;
88
+ font-size: 15px;
89
+ }
90
+
91
+ .gc-style-22f61d20c1 {
92
+ margin-left: 10px;
93
+ }
94
+
95
+ .gc-style-287885dae7 {
96
+ display: flex;
97
+ flex-wrap: wrap;
98
+ gap: 24px;
99
+ width: 100%;
100
+ }
101
+
102
+ .gc-style-31981a7d51 {
103
+ color: red;
104
+ }
105
+
106
+ .gc-style-35154d8ad2 {
107
+ margin-top: 19px;
108
+ }
109
+
110
+ .gc-style-35bf4c7cd4 {
111
+ margin-right: auto;
112
+ max-width: 960px;
113
+ }
114
+
115
+ .gc-style-3852417c9d {
116
+ font-size: 24px;
117
+ margin: 30px 0 40px;
118
+ }
119
+
120
+ .gc-style-3892582b1c {
121
+ width: 100%;
122
+ padding-right: 25px;
123
+ padding-left: 25px;
124
+ }
125
+
126
+ .gc-style-4a3180e2eb {
127
+ margin-bottom: 15px;
128
+ }
129
+
130
+ .gc-style-54d32d80db {
131
+ margin-top: 10px;
132
+ }
133
+
134
+ .gc-style-594a8aeda5 {
135
+ font-size: 24px;
136
+ margin: 30px 0 5px;
137
+ }
138
+
139
+ .gc-style-5fa693f3d4 {
140
+ margin-top: 20px;
141
+ }
142
+
143
+ .gc-style-648149cea2 {
144
+ margin-bottom: 0;
145
+ }
146
+
147
+ .gc-style-65b1b5e6ec {
148
+ background: #eee;
149
+ color: black;
150
+ border: 1px solid;
151
+ }
152
+
153
+ .gc-style-689d45e4d2 {
154
+ width: 35%;
155
+ border: 1px solid #d6d5d4;
156
+ margin-top: 1rem;
157
+ margin-bottom: 1rem;
158
+ }
159
+
160
+ .gc-style-69d66e5b2e {
161
+ width: 100%;
162
+ }
163
+
164
+ .gc-style-6b38c97cb9 {
165
+ margin-bottom: 0;
166
+ width: 100%;
167
+ }
168
+
169
+ .gc-style-72a68ac344 {
170
+ text-align: center;
171
+ }
172
+
173
+ .gc-style-72fca94264 {
174
+ max-width: 500px;
175
+ }
176
+
177
+ .gc-style-791d011e41 {
178
+ box-shadow: none;
179
+ }
180
+
181
+ .gc-style-79bc56d8a7 {
182
+ display: flex;
183
+ flex-direction: row;
184
+ gap: 30px;
185
+ }
186
+
187
+ .gc-style-7f09016ce8 {
188
+ font-size: 24px;
189
+ }
190
+
191
+ .gc-style-801160c3ea {
192
+ padding: 10px;
193
+ }
194
+
195
+ .gc-style-80184f22b6 {
196
+ min-width: 100px;
197
+ margin-right: 10px;
198
+ }
199
+
200
+ .gc-style-833eb1014a {
201
+ width: 100%;
202
+ gap: 20px;
203
+ }
204
+
205
+ .gc-style-84b5441470 {
206
+ background: white;
207
+ color: black;
208
+ border: 1px solid;
209
+ margin-right: 10px;
210
+ }
211
+
212
+ .gc-style-84f534c76c {
213
+ display: flex;
214
+ flex-wrap: wrap;
215
+ }
216
+
217
+ .gc-style-84ff04ff7a {
218
+ display: block;
219
+ padding: 8px;
220
+ text-decoration: none;
221
+ color: black;
222
+ cursor: pointer;
223
+ }
224
+
225
+ .gc-style-86988696ea {
226
+ display: block;
227
+ gap: 8px;
228
+ align-items: flex-start;
229
+ }
230
+
231
+ .gc-style-8d703344e0 {
232
+ margin-bottom: 24px;
233
+ }
234
+
235
+ .gc-style-94e92d613a {
236
+ background: #f6f6f6;
237
+ padding: 8px;
238
+ }
239
+
240
+ .gc-style-a7bf4d9876 {
241
+ text-align: start;
242
+ display: flex;
243
+ }
244
+
245
+ .gc-style-a815f49ebe {
246
+ display: flex;
247
+ justify-content: flex-end;
248
+ align-items: baseline;
249
+ gap: 20px;
250
+ }
251
+
252
+ .gc-style-abca0ca559 {
253
+ color: #505a5f;
254
+ }
255
+
256
+ .gc-style-af0f5324e8 {
257
+ flex: 0 0 20%;
258
+ max-width: 20%;
259
+ }
260
+
261
+ .gc-style-b052598bc0 {
262
+ z-index: 10;
263
+ display: flex;
264
+ flex-direction: row-reverse;
265
+ align-items: center;
266
+ margin-top: -25px;
267
+ }
268
+
269
+ .gc-style-b0d8f74123 {
270
+ height: auto;
271
+ }
272
+
273
+ .gc-style-b76bfae924 {
274
+ display: flex;
275
+ align-items: center;
276
+ gap: 10px;
277
+ cursor: pointer;
278
+ margin: 30px 0;
279
+ }
280
+
281
+ .gc-style-ba30f188c7 {
282
+ display: flex;
283
+ flex-direction: column;
284
+ }
285
+
286
+ .gc-style-bf62f514a1 {
287
+ font-size: 24px;
288
+ padding: 10px 0px;
289
+ font-weight: 700;
290
+ }
291
+
292
+ .gc-style-c49402ea99 {
293
+ position: absolute;
294
+ background-color: white;
295
+ border: 1px solid #ccc;
296
+ border-radius: 4px;
297
+ padding: 8px;
298
+ z-index: 1000;
299
+ }
300
+
301
+ .gc-style-c937f3b834 {
302
+ margin-left: 8px;
303
+ }
304
+
305
+ .gc-style-ca65dc4865 {
306
+ padding-bottom: 150px;
307
+ }
308
+
309
+ .gc-style-ca9524c49a {
310
+ margin-top: -1px;
311
+ }
312
+
313
+ .gc-style-d265a6b9b9 {
314
+ margin-top: 16px;
315
+ }
316
+
317
+ .gc-style-d8af4c59ac {
318
+ width: 18px;
319
+ height: 18px;
320
+ cursor: pointer;
321
+ }
322
+
323
+ .gc-style-e1e94badf3 {
324
+ color: #fe7a51;
325
+ cursor: pointer;
326
+ }
327
+
328
+ .gc-style-ec060bac5e {
329
+ width: 200px;
330
+ }
331
+
332
+ .gc-style-ed9ef6a95c {
333
+ color: red;
334
+ margin-top: 4px;
335
+ margin-bottom: 0;
336
+ }
337
+
338
+ .gc-style-eda36bf913 {
339
+ margin-left: 16px;
340
+ margin-top: 16px;
341
+ }
342
+
343
+ .gc-style-ee3d55bf99 {
344
+ flex: 1;
345
+ }
346
+
347
+ .gc-style-ef7a9dfbd9 {
348
+ margin-top: 24px;
349
+ }
350
+
351
+ .gc-style-f67fbbeae7 {
352
+ cursor: pointer;
353
+ margin: 0;
354
+ font-weight: bolder;
355
+ }
356
+
357
+ .gc-style-fc2ccff82b {
358
+ width: 100%;
359
+ margin-left: 24px;
360
+ }
361
+
362
+ .gc-style-fda4fad5c3 {
363
+ padding: 10px 0px;
364
+ }
365
+
366
+ @media (max-width: 780px) {
367
+ .gc-bill-genie,
368
+ .gc-generate-bill {
369
+ width: 100%;
370
+ padding: 0 12px;
371
+ box-sizing: border-box;
372
+ }
373
+
374
+ .gc-bill-genie .gc-style-3852417c9d,
375
+ .gc-generate-bill__heading {
376
+ margin: 20px 0 24px;
377
+ font-size: 22px;
378
+ }
379
+
380
+ .gc-bill-genie__filters,
381
+ .gc-generate-bill__filters {
382
+ display: flex;
383
+ flex-direction: column;
384
+ gap: 16px;
385
+ }
386
+
387
+ .gc-bill-genie__field,
388
+ .gc-generate-bill__field {
389
+ flex: 0 0 100%;
390
+ width: 100%;
391
+ max-width: 100%;
392
+ box-sizing: border-box;
393
+ }
394
+
395
+ .gc-bill-genie__field .form-field,
396
+ .gc-bill-genie__field input,
397
+ .gc-generate-bill__field .form-field,
398
+ .gc-generate-bill__field input {
399
+ width: 100%;
400
+ max-width: 100%;
401
+ box-sizing: border-box;
402
+ }
403
+
404
+ .gc-bill-genie__results {
405
+ width: 100%;
406
+ overflow-x: auto;
407
+ -webkit-overflow-scrolling: touch;
408
+ }
409
+
410
+ .gc-bill-genie__row-actions,
411
+ .gc-bill-genie__actions,
412
+ .gc-generate-bill__actions {
413
+ display: flex;
414
+ flex-wrap: wrap;
415
+ gap: 10px;
416
+ }
417
+
418
+ .gc-bill-genie__row-actions .submit-bar,
419
+ .gc-bill-genie__actions .submit-bar,
420
+ .gc-generate-bill__actions .submit-bar {
421
+ flex: 1 1 0;
422
+ width: auto;
423
+ min-width: 0;
424
+ margin: 0;
425
+ }
426
+ }
427
+
428
+ @media (max-width: 780px) {
429
+ .gc-bill-genie--citizen {
430
+ width: 100%;
431
+ }
432
+
433
+ .gc-bill-genie--citizen .gc-style-3852417c9d {
434
+ margin: 20px 0 24px;
435
+ font-size: 22px;
436
+ }
437
+
438
+ .gc-bill-genie--citizen .gc-bill-genie__filters {
439
+ flex-direction: column;
440
+ gap: 16px;
441
+ }
442
+
443
+ .gc-bill-genie--citizen .gc-bill-genie__field {
444
+ flex: 0 0 100%;
445
+ max-width: 100%;
446
+ }
447
+
448
+ .gc-bill-genie--citizen .gc-bill-genie__field .form-field,
449
+ .gc-bill-genie--citizen .gc-bill-genie__field input {
450
+ width: 100%;
451
+ }
452
+
453
+ .gc-bill-genie--citizen .gc-bill-genie__results {
454
+ width: 100%;
455
+ overflow-x: auto;
456
+ -webkit-overflow-scrolling: touch;
457
+ }
458
+
459
+ .gc-bill-genie--citizen .gc-bill-genie__row-actions {
460
+ flex-direction: column;
461
+ gap: 8px;
462
+ }
463
+
464
+ .gc-bill-genie--citizen .gc-bill-genie__row-actions .submit-bar {
465
+ width: 100%;
466
+ }
467
+
468
+ .gc-bill-genie--citizen .gc-bill-genie__actions {
469
+ gap: 10px;
470
+ }
471
+
472
+ .gc-bill-genie--citizen .gc-bill-genie__actions .submit-bar {
473
+ width: 100%;
474
+ margin: 0;
475
+ }
476
+
477
+ .gc-citizen-search-applications__filters {
478
+ display: flex;
479
+ flex-direction: column;
480
+ gap: 16px;
481
+ padding: 16px;
482
+ }
483
+
484
+ .gc-citizen-search-applications__filters .gc-citizen-search-applications__field,
485
+ .gc-citizen-search-applications__filters .gc-citizen-search-applications__submit {
486
+ flex: 0 0 100% !important;
487
+ width: 100% !important;
488
+ max-width: 100%;
489
+ margin: 0 !important;
490
+ box-sizing: border-box;
491
+ }
492
+
493
+ .gc-citizen-search-applications__filters .form-field,
494
+ .gc-citizen-search-applications__filters .field,
495
+ .gc-citizen-search-applications__filters input {
496
+ width: 100% !important;
497
+ max-width: 100%;
498
+ margin-right: 0 !important;
499
+ box-sizing: border-box;
500
+ }
501
+
502
+ .gc-citizen-search-applications__filters .field-container {
503
+ display: flex;
504
+ width: 100%;
505
+ }
506
+
507
+ .gc-citizen-search-applications__filters .field-container .card-input-emp {
508
+ flex: 1;
509
+ min-width: 0;
510
+ width: 100% !important;
511
+ }
512
+
513
+ .gc-citizen-search-applications__filters .gc-citizen-search-applications__submit {
514
+ display: flex;
515
+ flex-direction: column;
516
+ align-items: stretch;
517
+ text-align: left;
518
+ }
519
+
520
+ .gc-citizen-search-applications__filters .gc-citizen-search-applications__submit .submit-bar {
521
+ width: 100% !important;
522
+ }
523
+
524
+ .gc-citizen-search-applications__filters .gc-citizen-search-applications__submit p {
525
+ width: auto;
526
+ margin: 12px 0 0;
527
+ text-align: center;
528
+ }
529
+
530
+ .gc-citizen-search-applications__results {
531
+ width: 100%;
532
+ overflow-x: auto;
533
+ -webkit-overflow-scrolling: touch;
534
+ }
535
+ }