@pmidc/upyog-css 1.2.36-dev.1.24 → 1.2.36-dev.1.25

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.
@@ -19,56 +19,6 @@
19
19
  margin-top: -18px;
20
20
  }
21
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
22
  /* Desktop view - margin-left 50% */
73
23
  @media (min-width: 768px) {
74
24
  .ral-error-label {
@@ -283,6 +233,309 @@
283
233
  margin-top: 30px;
284
234
  }
285
235
 
236
+ .ral-bill-generate {
237
+ max-width: 100%;
238
+ }
239
+
240
+ .ral-bill-generate__header {
241
+ margin: 16px;
242
+ }
243
+
244
+ .ral-bill-generate__form {
245
+ padding: 0;
246
+ margin: 0;
247
+ }
248
+
249
+ .ral-bill-generate__actions {
250
+ display: flex;
251
+ justify-content: flex-end;
252
+ gap: 10px;
253
+ margin-top: 24px;
254
+ }
255
+
256
+ @media (min-width: 641px) {
257
+ .ral-bill-generate__fields {
258
+ width: 100%;
259
+ max-width: 500px;
260
+ }
261
+ }
262
+
263
+ @media (max-width: 640px) {
264
+ .ral-bill-generate__card {
265
+ margin: 0 12px;
266
+ }
267
+
268
+ .ral-bill-generate__header {
269
+ margin: 16px 12px;
270
+ }
271
+
272
+ .ral-bill-generate__fields,
273
+ .ral-bill-generate__fields .input-fields,
274
+ .ral-bill-generate__fields .complaint-input,
275
+ .ral-bill-generate__fields .form-field,
276
+ .ral-bill-generate__fields input {
277
+ width: 100%;
278
+ max-width: 100%;
279
+ min-width: 0;
280
+ box-sizing: border-box;
281
+ }
282
+
283
+ .ral-bill-generate__actions {
284
+ flex-direction: row;
285
+ flex-wrap: wrap;
286
+ align-items: stretch;
287
+ }
288
+
289
+ .ral-bill-generate__actions .submit-bar {
290
+ flex: 1 1 0;
291
+ width: auto;
292
+ min-width: 0;
293
+ margin: 0;
294
+ }
295
+
296
+ .ral-bill-generate__actions .ral-back-btn {
297
+ margin-right: 0;
298
+ }
299
+ }
300
+
286
301
  .mandatory-asterisk {
287
302
  color: #ff0000 !important;
288
303
  }
304
+
305
+
306
+ /* Generated from static Rent and Lease JSX styles. */
307
+
308
+ .ral-style-07e09bd50b {
309
+ justify-content:flex-start;
310
+ }
311
+
312
+ .ral-style-09fe054f3c {
313
+ font-size:13px;
314
+ color:green;
315
+ padding-bottom:10px;
316
+ }
317
+
318
+ .ral-style-13e42518aa {
319
+ cursor:pointer;
320
+ caret-color:transparent;
321
+ }
322
+
323
+ .ral-style-16a8a8b00c {
324
+ overflow:auto;
325
+ }
326
+
327
+ .ral-style-16b4c2d840 {
328
+ flex:none;
329
+ }
330
+
331
+ .ral-style-1ca832ca6c {
332
+ align-items:center;
333
+ }
334
+
335
+ .ral-style-2122396076 {
336
+ width:100%;
337
+ display:grid;
338
+ grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
339
+ gap:16px;
340
+ margin:0;
341
+ }
342
+
343
+ .ral-style-25d0175a45 {
344
+ font-weight:normal;
345
+ }
346
+
347
+ .ral-style-26afc10d19 {
348
+ border:1px solid #e0e0e0;
349
+ padding:6px;
350
+ margin-top:5px;
351
+ }
352
+
353
+ .ral-style-44b6015a79 {
354
+ display:flex;
355
+ align-items:center;
356
+ margin-top:auto;
357
+ }
358
+
359
+ .ral-style-463f21217a {
360
+ display:flex;
361
+ gap:15px;
362
+ }
363
+
364
+ .ral-style-526d2de178 {
365
+ margin:16px;
366
+ }
367
+
368
+ .ral-style-5c357d95f7 {
369
+ margin-top:20px;
370
+ }
371
+
372
+ .ral-style-63d465e80f {
373
+ position:fixed;
374
+ top:50%;
375
+ left:50%;
376
+ transform:translate(-50%, -50%);
377
+ z-index:9999;
378
+ }
379
+
380
+ .ral-style-669a0ee4e0 {
381
+ display:flex;
382
+ justify-content:flex-end;
383
+ align-items:baseline;
384
+ }
385
+
386
+ .ral-style-705874e93f {
387
+ width:100%;
388
+ text-align:right;
389
+ width:240px;
390
+ text-align:right;
391
+ margin-left:96px;
392
+ margin-top:8px;
393
+ }
394
+
395
+ .ral-style-7623f05545 {
396
+ flex:1;
397
+ }
398
+
399
+ .ral-style-7f90823361 {
400
+ margin-left:10px;
401
+ }
402
+
403
+ .ral-style-806dcbc2f3 {
404
+ border:1px solid #e0e0e0;
405
+ padding:6px;
406
+ }
407
+
408
+ .ral-style-8119d65878 {
409
+ margin-left:8px;
410
+ font-weight:normal;
411
+ }
412
+
413
+ .ral-style-8556ab25bb {
414
+ position:relative;
415
+ width:100%;
416
+ cursor:pointer;
417
+ }
418
+
419
+ .ral-style-8f96e7bd84 {
420
+ color:#FE7A51;
421
+ cursor:pointer;
422
+ }
423
+
424
+ .ral-style-99871d5ffa {
425
+ margin-right:1rem;
426
+ }
427
+
428
+ .ral-style-9be68d3ddc {
429
+ position:absolute;
430
+ right:12px;
431
+ top:45%;
432
+ transform:translateY(-50%);
433
+ pointer-events:none;
434
+ width:16px;
435
+ height:16px;
436
+ }
437
+
438
+ .ral-style-a2e94d72eb {
439
+ padding:0;
440
+ }
441
+
442
+ .ral-style-a527bac1ee {
443
+ text-align:right;
444
+ }
445
+
446
+ .ral-style-aa35c0473f {
447
+ padding-right:0;
448
+ margin-top:0;
449
+ }
450
+
451
+ .ral-style-b46b779814 {
452
+ margin-top:24px;
453
+ background:white;
454
+ padding:16px;
455
+ border-radius:8px;
456
+ }
457
+
458
+ .ral-style-b89d6f781b {
459
+ padding:0;
460
+ margin:0;
461
+ }
462
+
463
+ .ral-style-ba53c25006 {
464
+ padding-top:9px;
465
+ }
466
+
467
+ .ral-style-bd1c956dbd {
468
+ z-index:1000;
469
+ }
470
+
471
+ .ral-style-cad980f4b7 {
472
+ width:100%;
473
+ }
474
+
475
+ .ral-style-dac4fe6c9b {
476
+ text-align:center;
477
+ }
478
+
479
+ .ral-style-fbb51b7b95 {
480
+ display:flex;
481
+ justify-content:flex-end;
482
+ gap:10px;
483
+ margin-top:24px;
484
+ }
485
+
486
+ .ral-style-fcab9f05b8 {
487
+ width:70%;
488
+ margin-left:30%;
489
+ font-size:12px;
490
+ margin-top:-21px;
491
+ }
492
+
493
+ .ral-citizen-breadcrumb--offset {
494
+ margin-left: 10px;
495
+ }
496
+
497
+ .ral-hidden-date-input {
498
+ position: absolute;
499
+ top: 0;
500
+ right: 0;
501
+ width: 32px;
502
+ height: 100%;
503
+ opacity: 0;
504
+ cursor: pointer;
505
+ border: none;
506
+ padding: 0;
507
+ margin: 0;
508
+ }
509
+
510
+ .ral-desktop-inbox__result {
511
+ flex: 1;
512
+ }
513
+
514
+ .ral-desktop-inbox__result--inbox {
515
+ margin-left: 24px;
516
+ }
517
+
518
+ .ral-inbox-search {
519
+ width: auto;
520
+ }
521
+
522
+ .ral-inbox-search--inbox {
523
+ margin-left: 24px;
524
+ }
525
+
526
+ .ral-inbox-search__fields {
527
+ width: 100%;
528
+ display: grid;
529
+ }
530
+
531
+ .ral-inbox-search__clear-link {
532
+ display: inline;
533
+ }
534
+
535
+ .ral-inbox-search__clear-link--mobile {
536
+ margin: 0;
537
+ }
538
+
539
+ .ral-property-details__non-legacy--hidden {
540
+ display: none;
541
+ }