@pmidc/upyog-css 1.2.50 → 1.2.52

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,6 +19,56 @@
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
+
22
72
  /* Desktop view - margin-left 50% */
23
73
  @media (min-width: 768px) {
24
74
  .ral-error-label {
@@ -233,6 +283,309 @@
233
283
  margin-top: 30px;
234
284
  }
235
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
+
236
351
  .mandatory-asterisk {
237
352
  color: #ff0000 !important;
238
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
+ }