@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,591 +1,591 @@
1
- .ral-banner {
2
- padding: 10px;
3
- }
4
-
5
- .ral-banner-header {
6
- font-size: 32px;
7
- word-break: break-word;
8
- }
9
-
10
- .ral-action-bar {
11
- display: flex;
12
- justify-content: flex-end;
13
- align-items: baseline;
14
- }
15
-
16
- .ral-error-label {
17
- width: 70%;
18
- margin-left: 1%;
19
- margin-top: -18px;
20
- }
21
-
22
- .ral-last-paid-upto-label {
23
- position: relative;
24
- margin: 18px 0 10px;
25
- padding: 12px 14px 12px 42px;
26
- color: #163d63;
27
- font-size: 13px;
28
- font-weight: 600;
29
- line-height: 1.45;
30
- background: linear-gradient(90deg, #eaf4fb 0%, #f7fbfe 100%);
31
- border: 1px solid #b7d8ed;
32
- border-left: 4px solid #fa001d;
33
- border-radius: 4px;
34
- box-shadow: 0 2px 6px rgba(13, 110, 168, 0.08);
35
- }
36
-
37
- .ral-last-paid-upto-hidden {
38
- display: none;
39
- }
40
-
41
- .ral-arrear-details-hidden {
42
- display: none;
43
- }
44
-
45
- .ral-last-paid-upto-label::before {
46
- content: "i";
47
- position: absolute;
48
- top: 50%;
49
- left: 13px;
50
- display: flex;
51
- width: 18px;
52
- height: 18px;
53
- align-items: center;
54
- justify-content: center;
55
- color: #fff;
56
- font-family: Georgia, serif;
57
- font-size: 13px;
58
- font-weight: 700;
59
- line-height: 1;
60
- background: #0d6ea8;
61
- border-radius: 50%;
62
- transform: translateY(-50%);
63
- }
64
-
65
- @media (max-width: 780px) {
66
- .ral-last-paid-upto-label {
67
- margin-top: 14px;
68
- padding: 10px 12px 10px 38px;
69
- }
70
- }
71
-
72
- /* Desktop view - margin-left 50% */
73
- @media (min-width: 768px) {
74
- .ral-error-label {
75
- margin-left: 50%;
76
- }
77
- }
78
-
79
- .ral-applicant-container {
80
- border: 1px solid #ddd;
81
- padding: 12px;
82
- margin-bottom: 16px;
83
- border-radius: 10px;
84
- }
85
-
86
- .ral-applicant-header-row {
87
- display: flex;
88
- align-items: center;
89
- justify-content: space-between;
90
- margin-bottom: 20px;
91
- }
92
-
93
- .ral-remove-btn {
94
- background: transparent;
95
- width: 100%;
96
- max-width: 25px;
97
- }
98
-
99
- .ral-add-applicant-row {
100
- display: flex;
101
- justify-content: flex-end;
102
- margin-bottom: 16px;
103
- }
104
-
105
- .ral-add-applicant-btn {
106
- border: 1px solid #2947a3;
107
- background: transparent;
108
- color: #2947a3;
109
- width: 100%;
110
- max-width: 140px;
111
- }
112
-
113
- .ral-back-btn {
114
- border: 1px solid;
115
- background: transparent;
116
- color: #2947a3;
117
- margin-right: 8px;
118
- }
119
-
120
- .ral-summary-card {
121
- padding: 2px;
122
- }
123
-
124
- .ral-summary-section {
125
- background-color: #ffffff;
126
- padding: 1rem 0;
127
- border-radius: 8px;
128
- margin-bottom: 1.5rem;
129
- box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04);
130
- }
131
-
132
- .ral-summary-header-row {
133
- display: flex;
134
- justify-content: space-between;
135
- align-items: center;
136
- margin-bottom: 0.75rem;
137
- }
138
-
139
- .ral-summary-heading {
140
- font-size: 1.25rem;
141
- color: #0d43a7;
142
- font-weight: 500;
143
- margin: 0;
144
- }
145
-
146
- .ral-summary-row {
147
- display: flex;
148
- justify-content: space-between;
149
- flex-wrap: wrap;
150
- border-bottom: 1px dashed #e9eef2;
151
- padding: 10px 4px;
152
- align-items: center;
153
- }
154
-
155
- .ral-summary-label {
156
- font-weight: 600;
157
- color: #333;
158
- }
159
-
160
- .ral-summary-docs-container {
161
- display: flex;
162
- flex-wrap: wrap;
163
- gap: 1rem;
164
- margin-top: 0.5rem;
165
- }
166
-
167
- .ral-summary-doc-card {
168
- flex: 1 1 220px;
169
- min-width: 180px;
170
- max-width: 260px;
171
- background-color: #fbfcfe;
172
- padding: 0.6rem;
173
- border: 1px solid #eef3f7;
174
- border-radius: 6px;
175
- }
176
-
177
- .ral-summary-applicant-subheading {
178
- padding: 6px 26px;
179
- background: oldlace;
180
- font-weight: 900;
181
- }
182
-
183
- .ral-summary-applicant-wrapper {
184
- margin-bottom: 1rem;
185
- }
186
-
187
- .ral-doc-container {
188
- margin-bottom: 24px;
189
- }
190
-
191
- .ral-doc-label {
192
- width: 100%;
193
- }
194
-
195
- .ral-doc-field {
196
- width: 100%;
197
- }
198
-
199
- .ral-doc-field-employee {
200
- max-width: 500px;
201
- }
202
-
203
- .ral-doc-upload-msg {
204
- width: 100%;
205
- }
206
-
207
- .ral-doc-upload-input {
208
- width: 280px;
209
- }
210
-
211
- .ral-doc-error {
212
- color: #d4351c;
213
- font-size: 12px;
214
- margin-top: 4px;
215
- margin-bottom: 10px;
216
- }
217
-
218
- .ral-app-details-header {
219
- margin-left: 14px;
220
- max-width: 960px;
221
- }
222
-
223
- .ral-app-details-owner-header {
224
- padding: 5px 24px 0px 24px;
225
- font-weight: 600;
226
- }
227
-
228
- .ral-app-details-docs-card {
229
- display: flex !important;
230
- flex-direction: row !important;
231
- flex-wrap: wrap !important;
232
- gap: 30px;
233
- margin-bottom: 26px;
234
- }
235
-
236
- .ral-my-properties-container {
237
- margin-top: 16px;
238
- }
239
-
240
- .ral-my-properties-header {
241
- margin-left: 8px;
242
- }
243
-
244
- .ral-my-properties-actions {
245
- display: flex;
246
- gap: 20px;
247
- }
248
-
249
- .ral-my-properties-no-result {
250
- margin-left: 16px;
251
- margin-top: 16px;
252
- }
253
-
254
- .ral-my-properties-load-more {
255
- margin-left: 16px;
256
- margin-top: 16px;
257
- }
258
-
259
- .ral-my-properties-load-more-link {
260
- cursor: pointer;
261
- color: #007bff;
262
- font-weight: bold;
263
- }
264
-
265
- .ral-modal-header {
266
- margin-left: 20px;
267
- }
268
-
269
- .ral-modal-close {
270
- margin-right: 20px;
271
- }
272
-
273
- .ral-header-32 {
274
- font-size: 32px;
275
- }
276
-
277
- .ral-card-subheader-24 {
278
- font-size: 24px;
279
- }
280
-
281
- .ral-card-subheader-24-margin {
282
- font-size: 24px;
283
- margin-top: 30px;
284
- }
285
-
286
- .ral-bill-generate {
287
- max-width: 100%;
288
- }
289
-
290
- .ral-bill-generate__header {
291
- margin: 16px;
292
- }
293
-
294
- .ral-bill-generate__form {
295
- padding: 0;
296
- margin: 0;
297
- }
298
-
299
- .ral-bill-generate__actions {
300
- display: flex;
301
- justify-content: flex-end;
302
- gap: 10px;
303
- margin-top: 24px;
304
- }
305
-
306
- @media (min-width: 641px) {
307
- .ral-bill-generate__fields {
308
- width: 100%;
309
- max-width: 500px;
310
- }
311
- }
312
-
313
- @media (max-width: 640px) {
314
- .ral-bill-generate__card {
315
- margin: 0 12px;
316
- }
317
-
318
- .ral-bill-generate__header {
319
- margin: 16px 12px;
320
- }
321
-
322
- .ral-bill-generate__fields,
323
- .ral-bill-generate__fields .input-fields,
324
- .ral-bill-generate__fields .complaint-input,
325
- .ral-bill-generate__fields .form-field,
326
- .ral-bill-generate__fields input {
327
- width: 100%;
328
- max-width: 100%;
329
- min-width: 0;
330
- box-sizing: border-box;
331
- }
332
-
333
- .ral-bill-generate__actions {
334
- flex-direction: row;
335
- flex-wrap: wrap;
336
- align-items: stretch;
337
- }
338
-
339
- .ral-bill-generate__actions .submit-bar {
340
- flex: 1 1 0;
341
- width: auto;
342
- min-width: 0;
343
- margin: 0;
344
- }
345
-
346
- .ral-bill-generate__actions .ral-back-btn {
347
- margin-right: 0;
348
- }
349
- }
350
-
351
- .mandatory-asterisk {
352
- color: #ff0000 !important;
353
- }
354
-
355
-
356
- /* Generated from static Rent and Lease JSX styles. */
357
-
358
- .ral-style-07e09bd50b {
359
- justify-content:flex-start;
360
- }
361
-
362
- .ral-style-09fe054f3c {
363
- font-size:13px;
364
- color:green;
365
- padding-bottom:10px;
366
- }
367
-
368
- .ral-style-13e42518aa {
369
- cursor:pointer;
370
- caret-color:transparent;
371
- }
372
-
373
- .ral-style-16a8a8b00c {
374
- overflow:auto;
375
- }
376
-
377
- .ral-style-16b4c2d840 {
378
- flex:none;
379
- }
380
-
381
- .ral-style-1ca832ca6c {
382
- align-items:center;
383
- }
384
-
385
- .ral-style-2122396076 {
386
- width:100%;
387
- display:grid;
388
- grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
389
- gap:16px;
390
- margin:0;
391
- }
392
-
393
- .ral-style-25d0175a45 {
394
- font-weight:normal;
395
- }
396
-
397
- .ral-style-26afc10d19 {
398
- border:1px solid #e0e0e0;
399
- padding:6px;
400
- margin-top:5px;
401
- }
402
-
403
- .ral-style-44b6015a79 {
404
- display:flex;
405
- align-items:center;
406
- margin-top:auto;
407
- }
408
-
409
- .ral-style-463f21217a {
410
- display:flex;
411
- gap:15px;
412
- }
413
-
414
- .ral-style-526d2de178 {
415
- margin:16px;
416
- }
417
-
418
- .ral-style-5c357d95f7 {
419
- margin-top:20px;
420
- }
421
-
422
- .ral-style-63d465e80f {
423
- position:fixed;
424
- top:50%;
425
- left:50%;
426
- transform:translate(-50%, -50%);
427
- z-index:9999;
428
- }
429
-
430
- .ral-style-669a0ee4e0 {
431
- display:flex;
432
- justify-content:flex-end;
433
- align-items:baseline;
434
- }
435
-
436
- .ral-style-705874e93f {
437
- width:100%;
438
- text-align:right;
439
- width:240px;
440
- text-align:right;
441
- margin-left:96px;
442
- margin-top:8px;
443
- }
444
-
445
- .ral-style-7623f05545 {
446
- flex:1;
447
- }
448
-
449
- .ral-style-7f90823361 {
450
- margin-left:10px;
451
- }
452
-
453
- .ral-style-806dcbc2f3 {
454
- border:1px solid #e0e0e0;
455
- padding:6px;
456
- }
457
-
458
- .ral-style-8119d65878 {
459
- margin-left:8px;
460
- font-weight:normal;
461
- }
462
-
463
- .ral-style-8556ab25bb {
464
- position:relative;
465
- width:100%;
466
- cursor:pointer;
467
- }
468
-
469
- .ral-style-8f96e7bd84 {
470
- color:#FE7A51;
471
- cursor:pointer;
472
- }
473
-
474
- .ral-style-99871d5ffa {
475
- margin-right:1rem;
476
- }
477
-
478
- .ral-style-9be68d3ddc {
479
- position:absolute;
480
- right:12px;
481
- top:45%;
482
- transform:translateY(-50%);
483
- pointer-events:none;
484
- width:16px;
485
- height:16px;
486
- }
487
-
488
- .ral-style-a2e94d72eb {
489
- padding:0;
490
- }
491
-
492
- .ral-style-a527bac1ee {
493
- text-align:right;
494
- }
495
-
496
- .ral-style-aa35c0473f {
497
- padding-right:0;
498
- margin-top:0;
499
- }
500
-
501
- .ral-style-b46b779814 {
502
- margin-top:24px;
503
- background:white;
504
- padding:16px;
505
- border-radius:8px;
506
- }
507
-
508
- .ral-style-b89d6f781b {
509
- padding:0;
510
- margin:0;
511
- }
512
-
513
- .ral-style-ba53c25006 {
514
- padding-top:9px;
515
- }
516
-
517
- .ral-style-bd1c956dbd {
518
- z-index:1000;
519
- }
520
-
521
- .ral-style-cad980f4b7 {
522
- width:100%;
523
- }
524
-
525
- .ral-style-dac4fe6c9b {
526
- text-align:center;
527
- }
528
-
529
- .ral-style-fbb51b7b95 {
530
- display:flex;
531
- justify-content:flex-end;
532
- gap:10px;
533
- margin-top:24px;
534
- }
535
-
536
- .ral-style-fcab9f05b8 {
537
- width:70%;
538
- margin-left:30%;
539
- font-size:12px;
540
- margin-top:-21px;
541
- }
542
-
543
- .ral-citizen-breadcrumb--offset {
544
- margin-left: 10px;
545
- }
546
-
547
- .ral-hidden-date-input {
548
- position: absolute;
549
- top: 0;
550
- right: 0;
551
- width: 32px;
552
- height: 100%;
553
- opacity: 0;
554
- cursor: pointer;
555
- border: none;
556
- padding: 0;
557
- margin: 0;
558
- }
559
-
560
- .ral-desktop-inbox__result {
561
- flex: 1;
562
- }
563
-
564
- .ral-desktop-inbox__result--inbox {
565
- margin-left: 24px;
566
- }
567
-
568
- .ral-inbox-search {
569
- width: auto;
570
- }
571
-
572
- .ral-inbox-search--inbox {
573
- margin-left: 24px;
574
- }
575
-
576
- .ral-inbox-search__fields {
577
- width: 100%;
578
- display: grid;
579
- }
580
-
581
- .ral-inbox-search__clear-link {
582
- display: inline;
583
- }
584
-
585
- .ral-inbox-search__clear-link--mobile {
586
- margin: 0;
587
- }
588
-
589
- .ral-property-details__non-legacy--hidden {
590
- display: none;
591
- }
1
+ .ral-banner {
2
+ padding: 10px;
3
+ }
4
+
5
+ .ral-banner-header {
6
+ font-size: 32px;
7
+ word-break: break-word;
8
+ }
9
+
10
+ .ral-action-bar {
11
+ display: flex;
12
+ justify-content: flex-end;
13
+ align-items: baseline;
14
+ }
15
+
16
+ .ral-error-label {
17
+ width: 70%;
18
+ margin-left: 1%;
19
+ margin-top: -18px;
20
+ }
21
+
22
+ .ral-last-paid-upto-label {
23
+ position: relative;
24
+ margin: 18px 0 10px;
25
+ padding: 12px 14px 12px 42px;
26
+ color: #163d63;
27
+ font-size: 13px;
28
+ font-weight: 600;
29
+ line-height: 1.45;
30
+ background: linear-gradient(90deg, #eaf4fb 0%, #f7fbfe 100%);
31
+ border: 1px solid #b7d8ed;
32
+ border-left: 4px solid #fa001d;
33
+ border-radius: 4px;
34
+ box-shadow: 0 2px 6px rgba(13, 110, 168, 0.08);
35
+ }
36
+
37
+ .ral-last-paid-upto-hidden {
38
+ display: none;
39
+ }
40
+
41
+ .ral-arrear-details-hidden {
42
+ display: none;
43
+ }
44
+
45
+ .ral-last-paid-upto-label::before {
46
+ content: "i";
47
+ position: absolute;
48
+ top: 50%;
49
+ left: 13px;
50
+ display: flex;
51
+ width: 18px;
52
+ height: 18px;
53
+ align-items: center;
54
+ justify-content: center;
55
+ color: #fff;
56
+ font-family: Georgia, serif;
57
+ font-size: 13px;
58
+ font-weight: 700;
59
+ line-height: 1;
60
+ background: #0d6ea8;
61
+ border-radius: 50%;
62
+ transform: translateY(-50%);
63
+ }
64
+
65
+ @media (max-width: 780px) {
66
+ .ral-last-paid-upto-label {
67
+ margin-top: 14px;
68
+ padding: 10px 12px 10px 38px;
69
+ }
70
+ }
71
+
72
+ /* Desktop view - margin-left 50% */
73
+ @media (min-width: 768px) {
74
+ .ral-error-label {
75
+ margin-left: 50%;
76
+ }
77
+ }
78
+
79
+ .ral-applicant-container {
80
+ border: 1px solid #ddd;
81
+ padding: 12px;
82
+ margin-bottom: 16px;
83
+ border-radius: 10px;
84
+ }
85
+
86
+ .ral-applicant-header-row {
87
+ display: flex;
88
+ align-items: center;
89
+ justify-content: space-between;
90
+ margin-bottom: 20px;
91
+ }
92
+
93
+ .ral-remove-btn {
94
+ background: transparent;
95
+ width: 100%;
96
+ max-width: 25px;
97
+ }
98
+
99
+ .ral-add-applicant-row {
100
+ display: flex;
101
+ justify-content: flex-end;
102
+ margin-bottom: 16px;
103
+ }
104
+
105
+ .ral-add-applicant-btn {
106
+ border: 1px solid #2947a3;
107
+ background: transparent;
108
+ color: #2947a3;
109
+ width: 100%;
110
+ max-width: 140px;
111
+ }
112
+
113
+ .ral-back-btn {
114
+ border: 1px solid;
115
+ background: transparent;
116
+ color: #2947a3;
117
+ margin-right: 8px;
118
+ }
119
+
120
+ .ral-summary-card {
121
+ padding: 2px;
122
+ }
123
+
124
+ .ral-summary-section {
125
+ background-color: #ffffff;
126
+ padding: 1rem 0;
127
+ border-radius: 8px;
128
+ margin-bottom: 1.5rem;
129
+ box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04);
130
+ }
131
+
132
+ .ral-summary-header-row {
133
+ display: flex;
134
+ justify-content: space-between;
135
+ align-items: center;
136
+ margin-bottom: 0.75rem;
137
+ }
138
+
139
+ .ral-summary-heading {
140
+ font-size: 1.25rem;
141
+ color: #0d43a7;
142
+ font-weight: 500;
143
+ margin: 0;
144
+ }
145
+
146
+ .ral-summary-row {
147
+ display: flex;
148
+ justify-content: space-between;
149
+ flex-wrap: wrap;
150
+ border-bottom: 1px dashed #e9eef2;
151
+ padding: 10px 4px;
152
+ align-items: center;
153
+ }
154
+
155
+ .ral-summary-label {
156
+ font-weight: 600;
157
+ color: #333;
158
+ }
159
+
160
+ .ral-summary-docs-container {
161
+ display: flex;
162
+ flex-wrap: wrap;
163
+ gap: 1rem;
164
+ margin-top: 0.5rem;
165
+ }
166
+
167
+ .ral-summary-doc-card {
168
+ flex: 1 1 220px;
169
+ min-width: 180px;
170
+ max-width: 260px;
171
+ background-color: #fbfcfe;
172
+ padding: 0.6rem;
173
+ border: 1px solid #eef3f7;
174
+ border-radius: 6px;
175
+ }
176
+
177
+ .ral-summary-applicant-subheading {
178
+ padding: 6px 26px;
179
+ background: oldlace;
180
+ font-weight: 900;
181
+ }
182
+
183
+ .ral-summary-applicant-wrapper {
184
+ margin-bottom: 1rem;
185
+ }
186
+
187
+ .ral-doc-container {
188
+ margin-bottom: 24px;
189
+ }
190
+
191
+ .ral-doc-label {
192
+ width: 100%;
193
+ }
194
+
195
+ .ral-doc-field {
196
+ width: 100%;
197
+ }
198
+
199
+ .ral-doc-field-employee {
200
+ max-width: 500px;
201
+ }
202
+
203
+ .ral-doc-upload-msg {
204
+ width: 100%;
205
+ }
206
+
207
+ .ral-doc-upload-input {
208
+ width: 280px;
209
+ }
210
+
211
+ .ral-doc-error {
212
+ color: #d4351c;
213
+ font-size: 12px;
214
+ margin-top: 4px;
215
+ margin-bottom: 10px;
216
+ }
217
+
218
+ .ral-app-details-header {
219
+ margin-left: 14px;
220
+ max-width: 960px;
221
+ }
222
+
223
+ .ral-app-details-owner-header {
224
+ padding: 5px 24px 0px 24px;
225
+ font-weight: 600;
226
+ }
227
+
228
+ .ral-app-details-docs-card {
229
+ display: flex !important;
230
+ flex-direction: row !important;
231
+ flex-wrap: wrap !important;
232
+ gap: 30px;
233
+ margin-bottom: 26px;
234
+ }
235
+
236
+ .ral-my-properties-container {
237
+ margin-top: 16px;
238
+ }
239
+
240
+ .ral-my-properties-header {
241
+ margin-left: 8px;
242
+ }
243
+
244
+ .ral-my-properties-actions {
245
+ display: flex;
246
+ gap: 20px;
247
+ }
248
+
249
+ .ral-my-properties-no-result {
250
+ margin-left: 16px;
251
+ margin-top: 16px;
252
+ }
253
+
254
+ .ral-my-properties-load-more {
255
+ margin-left: 16px;
256
+ margin-top: 16px;
257
+ }
258
+
259
+ .ral-my-properties-load-more-link {
260
+ cursor: pointer;
261
+ color: #007bff;
262
+ font-weight: bold;
263
+ }
264
+
265
+ .ral-modal-header {
266
+ margin-left: 20px;
267
+ }
268
+
269
+ .ral-modal-close {
270
+ margin-right: 20px;
271
+ }
272
+
273
+ .ral-header-32 {
274
+ font-size: 32px;
275
+ }
276
+
277
+ .ral-card-subheader-24 {
278
+ font-size: 24px;
279
+ }
280
+
281
+ .ral-card-subheader-24-margin {
282
+ font-size: 24px;
283
+ margin-top: 30px;
284
+ }
285
+
286
+ .ral-bill-generate {
287
+ max-width: 100%;
288
+ }
289
+
290
+ .ral-bill-generate__header {
291
+ margin: 16px;
292
+ }
293
+
294
+ .ral-bill-generate__form {
295
+ padding: 0;
296
+ margin: 0;
297
+ }
298
+
299
+ .ral-bill-generate__actions {
300
+ display: flex;
301
+ justify-content: flex-end;
302
+ gap: 10px;
303
+ margin-top: 24px;
304
+ }
305
+
306
+ @media (min-width: 641px) {
307
+ .ral-bill-generate__fields {
308
+ width: 100%;
309
+ max-width: 500px;
310
+ }
311
+ }
312
+
313
+ @media (max-width: 640px) {
314
+ .ral-bill-generate__card {
315
+ margin: 0 12px;
316
+ }
317
+
318
+ .ral-bill-generate__header {
319
+ margin: 16px 12px;
320
+ }
321
+
322
+ .ral-bill-generate__fields,
323
+ .ral-bill-generate__fields .input-fields,
324
+ .ral-bill-generate__fields .complaint-input,
325
+ .ral-bill-generate__fields .form-field,
326
+ .ral-bill-generate__fields input {
327
+ width: 100%;
328
+ max-width: 100%;
329
+ min-width: 0;
330
+ box-sizing: border-box;
331
+ }
332
+
333
+ .ral-bill-generate__actions {
334
+ flex-direction: row;
335
+ flex-wrap: wrap;
336
+ align-items: stretch;
337
+ }
338
+
339
+ .ral-bill-generate__actions .submit-bar {
340
+ flex: 1 1 0;
341
+ width: auto;
342
+ min-width: 0;
343
+ margin: 0;
344
+ }
345
+
346
+ .ral-bill-generate__actions .ral-back-btn {
347
+ margin-right: 0;
348
+ }
349
+ }
350
+
351
+ .mandatory-asterisk {
352
+ color: #ff0000 !important;
353
+ }
354
+
355
+
356
+ /* Generated from static Rent and Lease JSX styles. */
357
+
358
+ .ral-style-07e09bd50b {
359
+ justify-content:flex-start;
360
+ }
361
+
362
+ .ral-style-09fe054f3c {
363
+ font-size:13px;
364
+ color:green;
365
+ padding-bottom:10px;
366
+ }
367
+
368
+ .ral-style-13e42518aa {
369
+ cursor:pointer;
370
+ caret-color:transparent;
371
+ }
372
+
373
+ .ral-style-16a8a8b00c {
374
+ overflow:auto;
375
+ }
376
+
377
+ .ral-style-16b4c2d840 {
378
+ flex:none;
379
+ }
380
+
381
+ .ral-style-1ca832ca6c {
382
+ align-items:center;
383
+ }
384
+
385
+ .ral-style-2122396076 {
386
+ width:100%;
387
+ display:grid;
388
+ grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
389
+ gap:16px;
390
+ margin:0;
391
+ }
392
+
393
+ .ral-style-25d0175a45 {
394
+ font-weight:normal;
395
+ }
396
+
397
+ .ral-style-26afc10d19 {
398
+ border:1px solid #e0e0e0;
399
+ padding:6px;
400
+ margin-top:5px;
401
+ }
402
+
403
+ .ral-style-44b6015a79 {
404
+ display:flex;
405
+ align-items:center;
406
+ margin-top:auto;
407
+ }
408
+
409
+ .ral-style-463f21217a {
410
+ display:flex;
411
+ gap:15px;
412
+ }
413
+
414
+ .ral-style-526d2de178 {
415
+ margin:16px;
416
+ }
417
+
418
+ .ral-style-5c357d95f7 {
419
+ margin-top:20px;
420
+ }
421
+
422
+ .ral-style-63d465e80f {
423
+ position:fixed;
424
+ top:50%;
425
+ left:50%;
426
+ transform:translate(-50%, -50%);
427
+ z-index:9999;
428
+ }
429
+
430
+ .ral-style-669a0ee4e0 {
431
+ display:flex;
432
+ justify-content:flex-end;
433
+ align-items:baseline;
434
+ }
435
+
436
+ .ral-style-705874e93f {
437
+ width:100%;
438
+ text-align:right;
439
+ width:240px;
440
+ text-align:right;
441
+ margin-left:96px;
442
+ margin-top:8px;
443
+ }
444
+
445
+ .ral-style-7623f05545 {
446
+ flex:1;
447
+ }
448
+
449
+ .ral-style-7f90823361 {
450
+ margin-left:10px;
451
+ }
452
+
453
+ .ral-style-806dcbc2f3 {
454
+ border:1px solid #e0e0e0;
455
+ padding:6px;
456
+ }
457
+
458
+ .ral-style-8119d65878 {
459
+ margin-left:8px;
460
+ font-weight:normal;
461
+ }
462
+
463
+ .ral-style-8556ab25bb {
464
+ position:relative;
465
+ width:100%;
466
+ cursor:pointer;
467
+ }
468
+
469
+ .ral-style-8f96e7bd84 {
470
+ color:#FE7A51;
471
+ cursor:pointer;
472
+ }
473
+
474
+ .ral-style-99871d5ffa {
475
+ margin-right:1rem;
476
+ }
477
+
478
+ .ral-style-9be68d3ddc {
479
+ position:absolute;
480
+ right:12px;
481
+ top:45%;
482
+ transform:translateY(-50%);
483
+ pointer-events:none;
484
+ width:16px;
485
+ height:16px;
486
+ }
487
+
488
+ .ral-style-a2e94d72eb {
489
+ padding:0;
490
+ }
491
+
492
+ .ral-style-a527bac1ee {
493
+ text-align:right;
494
+ }
495
+
496
+ .ral-style-aa35c0473f {
497
+ padding-right:0;
498
+ margin-top:0;
499
+ }
500
+
501
+ .ral-style-b46b779814 {
502
+ margin-top:24px;
503
+ background:white;
504
+ padding:16px;
505
+ border-radius:8px;
506
+ }
507
+
508
+ .ral-style-b89d6f781b {
509
+ padding:0;
510
+ margin:0;
511
+ }
512
+
513
+ .ral-style-ba53c25006 {
514
+ padding-top:9px;
515
+ }
516
+
517
+ .ral-style-bd1c956dbd {
518
+ z-index:1000;
519
+ }
520
+
521
+ .ral-style-cad980f4b7 {
522
+ width:100%;
523
+ }
524
+
525
+ .ral-style-dac4fe6c9b {
526
+ text-align:center;
527
+ }
528
+
529
+ .ral-style-fbb51b7b95 {
530
+ display:flex;
531
+ justify-content:flex-end;
532
+ gap:10px;
533
+ margin-top:24px;
534
+ }
535
+
536
+ .ral-style-fcab9f05b8 {
537
+ width:70%;
538
+ margin-left:30%;
539
+ font-size:12px;
540
+ margin-top:-21px;
541
+ }
542
+
543
+ .ral-citizen-breadcrumb--offset {
544
+ margin-left: 10px;
545
+ }
546
+
547
+ .ral-hidden-date-input {
548
+ position: absolute;
549
+ top: 0;
550
+ right: 0;
551
+ width: 32px;
552
+ height: 100%;
553
+ opacity: 0;
554
+ cursor: pointer;
555
+ border: none;
556
+ padding: 0;
557
+ margin: 0;
558
+ }
559
+
560
+ .ral-desktop-inbox__result {
561
+ flex: 1;
562
+ }
563
+
564
+ .ral-desktop-inbox__result--inbox {
565
+ margin-left: 24px;
566
+ }
567
+
568
+ .ral-inbox-search {
569
+ width: auto;
570
+ }
571
+
572
+ .ral-inbox-search--inbox {
573
+ margin-left: 24px;
574
+ }
575
+
576
+ .ral-inbox-search__fields {
577
+ width: 100%;
578
+ display: grid;
579
+ }
580
+
581
+ .ral-inbox-search__clear-link {
582
+ display: inline;
583
+ }
584
+
585
+ .ral-inbox-search__clear-link--mobile {
586
+ margin: 0;
587
+ }
588
+
589
+ .ral-property-details__non-legacy--hidden {
590
+ display: none;
591
+ }