@pmidc/upyog-css 1.2.36-dev.1.2 → 1.2.36-dev.1.4

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 (134) hide show
  1. package/dist/index.css +50 -6
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  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 +966 -966
  26. package/src/components/cardHeaderWithOptions.scss +16 -16
  27. package/src/components/changeLanguage.scss +3 -3
  28. package/src/components/charts.scss +185 -185
  29. package/src/components/checkbox.scss +83 -83
  30. package/src/components/checkpoint.scss +65 -65
  31. package/src/components/citizenInfoLabel.scss +14 -14
  32. package/src/components/custombtn.scss +15 -15
  33. package/src/components/datatable.scss +119 -119
  34. package/src/components/datewrap.scss +21 -21
  35. package/src/components/detailscard.scss +6 -6
  36. package/src/components/detailscontainer.scss +13 -13
  37. package/src/components/documentSection.scss +134 -134
  38. package/src/components/filters.scss +97 -97
  39. package/src/components/grey.scss +3 -3
  40. package/src/components/hoc/InboxComposer.scss +111 -111
  41. package/src/components/howItWorks.scss +71 -71
  42. package/src/components/imageviewer.scss +33 -33
  43. package/src/components/info-banner.scss +35 -35
  44. package/src/components/inputotp.scss +15 -15
  45. package/src/components/keynote.scss +29 -29
  46. package/src/components/languageSelector.scss +24 -24
  47. package/src/components/loader.scss +96 -96
  48. package/src/components/map.scss +36 -36
  49. package/src/components/metricsTable.scss +26 -26
  50. package/src/components/multiLink.scss +117 -117
  51. package/src/components/multiSelectDropdown.scss +88 -88
  52. package/src/components/navbar.scss +377 -377
  53. package/src/components/newFooter.scss +82 -82
  54. package/src/components/plusMinus.scss +15 -15
  55. package/src/components/popup.scss +26 -26
  56. package/src/components/radiobtn.scss +46 -46
  57. package/src/components/ratingstar.scss +33 -33
  58. package/src/components/roundedLabel.scss +10 -10
  59. package/src/components/searchAction.scss +27 -27
  60. package/src/components/sectionalDropdown.scss +43 -43
  61. package/src/components/selectdropdown.scss +302 -302
  62. package/src/components/staticDynamicMessages.scss +110 -110
  63. package/src/components/staticSideBar.scss +27 -27
  64. package/src/components/statushighlight.scss +17 -17
  65. package/src/components/submiterrors.scss +11 -11
  66. package/src/components/summary.scss +28 -28
  67. package/src/components/table.scss +384 -384
  68. package/src/components/tag.scss +27 -27
  69. package/src/components/telephone.scss +17 -17
  70. package/src/components/textfields.scss +146 -146
  71. package/src/components/toast.scss +31 -31
  72. package/src/components/toggleSwitch.scss +40 -40
  73. package/src/components/topbar.scss +217 -217
  74. package/src/components/uploadcomponents.scss +118 -116
  75. package/src/index.scss +2414 -2406
  76. package/src/modules/BPA/index.scss +119 -97
  77. package/src/modules/TL/index.scss +767 -767
  78. package/src/modules/adv/index.scss +643 -643
  79. package/src/modules/hrms/index.scss +1327 -1327
  80. package/src/modules/rentAndLease/index.scss +238 -238
  81. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  82. package/src/pages/citizen/CitizenLogin.scss +50 -50
  83. package/src/pages/citizen/DocumentList.scss +454 -454
  84. package/src/pages/citizen/Events.scss +46 -46
  85. package/src/pages/citizen/HomePageWrapper.scss +215 -215
  86. package/src/pages/citizen/InboxCard.scss +378 -378
  87. package/src/pages/citizen/SurveyList.scss +24 -24
  88. package/src/pages/citizen/citizenDocument.scss +25 -25
  89. package/src/pages/citizen/citizenNewLogin.scss +352 -352
  90. package/src/pages/citizen/container.scss +32 -32
  91. package/src/pages/citizen/loaderMessage.scss +341 -341
  92. package/src/pages/citizen/payment/payment-type.scss +2 -2
  93. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  94. package/src/pages/common/form.scss +25 -25
  95. package/src/pages/common/newApplicationTimeline.scss +341 -341
  96. package/src/pages/common/pgrUICssfix.scss +128 -128
  97. package/src/pages/common/requiredField.scss +2 -2
  98. package/src/pages/common/sanctionFeeTable.scss +91 -91
  99. package/src/pages/common/searchIcon.scss +21 -21
  100. package/src/pages/common/sitePhotoGraphs.scss +26 -26
  101. package/src/pages/common/stepForm.scss +40 -40
  102. package/src/pages/employee/EmployeeLogin.scss +6 -6
  103. package/src/pages/employee/cardfix.scss +13 -13
  104. package/src/pages/employee/container.scss +73 -73
  105. package/src/pages/employee/dashboard.scss +204 -204
  106. package/src/pages/employee/disconnection.scss +425 -425
  107. package/src/pages/employee/dss.scss +251 -251
  108. package/src/pages/employee/faq.scss +353 -353
  109. package/src/pages/employee/footer.scss +68 -68
  110. package/src/pages/employee/form-fields.scss +26 -26
  111. package/src/pages/employee/header.scss +262 -262
  112. package/src/pages/employee/iframe.scss +65 -65
  113. package/src/pages/employee/inbox.scss +1110 -1110
  114. package/src/pages/employee/index.scss +693 -693
  115. package/src/pages/employee/landing.scss +1802 -1802
  116. package/src/pages/employee/login.scss +253 -253
  117. package/src/pages/employee/oldMobileInbox.scss +4 -4
  118. package/src/pages/employee/popupmodule.scss +47 -47
  119. package/src/pages/employee/response.scss +2 -2
  120. package/src/pages/employee/scroll-table.scss +113 -113
  121. package/src/pages/employee/surveys.scss +469 -469
  122. package/src/pages/employee/tooltip.scss +35 -35
  123. package/src/pages/employee/updateNumber.scss +12 -12
  124. package/src/pages/swach/index.scss +231 -231
  125. package/src/pages/ws/index.scss +118 -118
  126. package/svg/camera.svg +4 -4
  127. package/svg/check.svg +3 -3
  128. package/svg/close.svg +4 -4
  129. package/svg/error.svg +3 -3
  130. package/svg/error2.svg +5 -5
  131. package/svg/searchicon.svg +3 -3
  132. package/svg/starempty.svg +3 -3
  133. package/svg/starfilled.svg +4 -4
  134. package/svg/success.svg +3 -3
package/src/modules/TL/index.scss CHANGED
@@ -1,768 +1,768 @@
1
- .TL-response-dFlex-endBaseL{
2
- display:flex !important;
3
- justify-content: flex-end !important;
4
- align-items: baseline !important;
5
- }
6
-
7
- .TL-response-dFlex-endGapW{
8
- display: flex !important;
9
- justify-content: flex-end !important;
10
- gap: 1rem !important;
11
- width: auto !important;
12
- }
13
-
14
- .TL-ml-unset{
15
- margin-left: unset !important;
16
- }
17
-
18
- .TL-mt-16{
19
- margin-top: 16px;
20
- }
21
- .TL-mb-10{
22
- margin-bottom: 10px;
23
- }
24
- .TL-ml-16{
25
- margin-left: 16px;
26
- }
27
-
28
- .TL-wAuto{
29
- width:auto !important;
30
- }
31
-
32
- .Tl-ml-15{
33
- margin-left: 15px !important;
34
- }
35
-
36
- .TL-mr-1{
37
- margin-right: 1rem !important;
38
- }
39
-
40
- .TL-ground-ml-0 {
41
- margin-left: 0px !important;
42
- }
43
-
44
- .TL-ground-full-width {
45
- width: 100% !important;
46
- }
47
- .TL-breadcrumb-offset {
48
- margin-left: 15px !important;
49
- margin-top: 3rem !important;
50
- }
51
-
52
- .TL-chb-container {
53
- width: 100% !important;
54
- padding-right: 25px !important;
55
- padding-left: 25px !important;
56
- }
57
-
58
- .TL-page-title {
59
- color: #000 !important;
60
- font-family: "Noto Sans", sans-serif !important;
61
- font-size: 28px !important;
62
- font-weight: 500 !important;
63
- margin: 0 !important;
64
- }
65
-
66
- .TL-divider {
67
- border: 1px solid #DFE0E2 !important;
68
- margin-bottom: 50px !important;
69
- width: 100% !important;
70
- }
71
-
72
- .TL-full-width-container {
73
- width: 100% !important;
74
- }
75
-
76
- .TL-label-inline-100 {
77
- width: 100px !important;
78
- display: inline !important;
79
- }
80
-
81
- /* ===== ApplicationDetails - Header & Layout ===== */
82
-
83
- .TL-mb-15 {
84
- margin-bottom: 15px !important;
85
- }
86
-
87
- .TL-flex-center-start-gap10 {
88
- display: flex !important;
89
- justify-content: center !important;
90
- align-items: flex-start !important;
91
- gap: 10px !important;
92
- }
93
-
94
- .TL-z10-relative {
95
- z-index: 10 !important;
96
- position: relative !important;
97
- }
98
-
99
- /* ===== Fee Estimation Card ===== */
100
-
101
- .TL-fee-layout {
102
- display: flex !important;
103
- justify-content: space-between !important;
104
- align-items: flex-start !important;
105
- }
106
-
107
- .TL-flex-1 {
108
- flex: 1 !important;
109
- }
110
-
111
- .TL-fee-table {
112
- width: 100% !important;
113
- border-collapse: collapse !important;
114
- }
115
-
116
- .TL-fee-td-label {
117
- padding: 12px 16px !important;
118
- color: #0b4da2 !important;
119
- font-weight: 600 !important;
120
- }
121
-
122
- .TL-tooltip-icon {
123
- display: inline-block !important;
124
- width: 16px !important;
125
- height: 16px !important;
126
- border-radius: 50% !important;
127
- background-color: #6c757d !important;
128
- color: white !important;
129
- text-align: center !important;
130
- font-size: 11px !important;
131
- line-height: 16px !important;
132
- margin-left: 6px !important;
133
- cursor: pointer !important;
134
- }
135
-
136
- .TL-fee-td-right {
137
- padding: 12px 16px !important;
138
- text-align: right !important;
139
- }
140
-
141
- .TL-fee-total-row {
142
- border-top: 2px solid #0b4da2 !important;
143
- }
144
-
145
- .TL-fee-td-total-label {
146
- padding: 12px 16px !important;
147
- font-weight: bold !important;
148
- color: #0b4da2 !important;
149
- }
150
-
151
- .TL-fee-td-total-amount {
152
- padding: 12px 16px !important;
153
- text-align: right !important;
154
- font-weight: bold !important;
155
- }
156
-
157
- .TL-fee-summary-box {
158
- text-align: right !important;
159
- margin-left: 40px !important;
160
- min-width: 200px !important;
161
- }
162
-
163
- .TL-fee-summary-label {
164
- color: #0b4da2 !important;
165
- font-size: 14px !important;
166
- }
167
-
168
- .TL-fee-summary-amount {
169
- font-size: 36px !important;
170
- font-weight: bold !important;
171
- }
172
-
173
- .TL-fee-actions {
174
- padding-top: 16px !important;
175
- display: flex !important;
176
- gap: 24px !important;
177
- }
178
-
179
- .TL-action-link {
180
- color: #d4351c !important;
181
- font-weight: bold !important;
182
- cursor: pointer !important;
183
- text-transform: uppercase !important;
184
- font-size: 14px !important;
185
- }
186
-
187
- /* ===== Modal - Shared ===== */
188
-
189
- .TL-modal-overlay {
190
- position: fixed !important;
191
- top: 0 !important;
192
- left: 0 !important;
193
- right: 0 !important;
194
- bottom: 0 !important;
195
- background-color: rgba(0, 0, 0, 0.5) !important;
196
- z-index: 9999 !important;
197
- display: flex !important;
198
- justify-content: center !important;
199
- align-items: center !important;
200
- }
201
-
202
- .TL-modal-content-sm {
203
- background-color: #fff !important;
204
- border-radius: 4px !important;
205
- padding: 24px !important;
206
- min-width: 400px !important;
207
- max-width: 550px !important;
208
- max-height: 80vh !important;
209
- overflow-y: auto !important;
210
- position: relative !important;
211
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
212
- }
213
-
214
- .TL-modal-content-md {
215
- background-color: #fff !important;
216
- border-radius: 4px !important;
217
- padding: 24px !important;
218
- min-width: 500px !important;
219
- max-width: 600px !important;
220
- max-height: 85vh !important;
221
- overflow-y: auto !important;
222
- position: relative !important;
223
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
224
- }
225
-
226
- .TL-modal-header {
227
- display: flex !important;
228
- justify-content: space-between !important;
229
- align-items: center !important;
230
- margin-bottom: 16px !important;
231
- }
232
-
233
- .TL-modal-header-lg {
234
- display: flex !important;
235
- justify-content: space-between !important;
236
- align-items: center !important;
237
- margin-bottom: 20px !important;
238
- }
239
-
240
- .TL-modal-title {
241
- margin: 0 !important;
242
- font-size: 18px !important;
243
- font-weight: 600 !important;
244
- }
245
-
246
- .TL-modal-close {
247
- cursor: pointer !important;
248
- font-size: 20px !important;
249
- font-weight: bold !important;
250
- color: #666 !important;
251
- }
252
-
253
- /* ===== Breakup Modal ===== */
254
-
255
- .TL-breakup-section-title {
256
- font-size: 14px !important;
257
- font-weight: 600 !important;
258
- margin-bottom: 8px !important;
259
- }
260
-
261
- .TL-breakup-section-title-mt {
262
- font-size: 14px !important;
263
- font-weight: 600 !important;
264
- margin-top: 12px !important;
265
- margin-bottom: 8px !important;
266
- }
267
-
268
- .TL-breakup-row {
269
- display: flex !important;
270
- justify-content: space-between !important;
271
- padding: 4px 0 !important;
272
- font-size: 13px !important;
273
- }
274
-
275
- .TL-breakup-row-bold {
276
- display: flex !important;
277
- justify-content: space-between !important;
278
- padding: 4px 0 !important;
279
- font-size: 13px !important;
280
- font-weight: 600 !important;
281
- }
282
-
283
- .TL-breakup-subtotal {
284
- display: flex !important;
285
- justify-content: space-between !important;
286
- border-top: 1px solid #ddd !important;
287
- padding: 6px 0 !important;
288
- font-weight: 600 !important;
289
- font-size: 13px !important;
290
- margin-top: 4px !important;
291
- }
292
-
293
- .TL-breakup-final-section {
294
- border-top: 2px solid #333 !important;
295
- margin-top: 12px !important;
296
- padding-top: 8px !important;
297
- }
298
-
299
- .TL-breakup-rebate-section {
300
- border-top: 1px solid #ddd !important;
301
- margin-top: 8px !important;
302
- padding-top: 8px !important;
303
- }
304
-
305
- .TL-breakup-grand-total {
306
- display: flex !important;
307
- justify-content: space-between !important;
308
- border-top: 2px solid #333 !important;
309
- margin-top: 8px !important;
310
- padding-top: 8px !important;
311
- font-weight: 700 !important;
312
- font-size: 15px !important;
313
- }
314
-
315
- /* ===== Loader Overlay ===== */
316
-
317
- .TL-loader-overlay {
318
- position: fixed !important;
319
- top: 0 !important;
320
- left: 0 !important;
321
- right: 0 !important;
322
- bottom: 0 !important;
323
- background-color: rgba(255, 255, 255, 0.7) !important;
324
- z-index: 10000 !important;
325
- display: flex !important;
326
- justify-content: center !important;
327
- align-items: center !important;
328
- }
329
-
330
- /* ===== ADHOC Modal Form ===== */
331
-
332
- .TL-mb-20 {
333
- margin-bottom: 20px !important;
334
- }
335
-
336
- .TL-adhoc-section-title {
337
- font-size: 15px !important;
338
- font-weight: 600 !important;
339
- margin-bottom: 12px !important;
340
- color: #0b4da2 !important;
341
- }
342
-
343
- .TL-form-label {
344
- display: block !important;
345
- font-size: 13px !important;
346
- margin-bottom: 4px !important;
347
- color: #505A5F !important;
348
- }
349
-
350
- .TL-form-input {
351
- width: 100% !important;
352
- padding: 10px 12px !important;
353
- border: 1px solid #d6d5d4 !important;
354
- border-radius: 2px !important;
355
- font-size: 14px !important;
356
- box-sizing: border-box !important;
357
- }
358
-
359
- .TL-form-select {
360
- width: 100% !important;
361
- padding: 10px 12px !important;
362
- border: 1px solid #d6d5d4 !important;
363
- border-radius: 2px !important;
364
- font-size: 14px !important;
365
- box-sizing: border-box !important;
366
- background-color: #fff !important;
367
- }
368
-
369
- .TL-form-textarea {
370
- width: 100% !important;
371
- padding: 10px 12px !important;
372
- border: 1px solid #d6d5d4 !important;
373
- border-radius: 2px !important;
374
- font-size: 14px !important;
375
- box-sizing: border-box !important;
376
- resize: vertical !important;
377
- }
378
-
379
- .TL-adhoc-divider {
380
- border: none !important;
381
- border-top: 1px solid #d6d5d4 !important;
382
- margin: 16px 0 !important;
383
- }
384
-
385
- .TL-adhoc-actions {
386
- display: flex !important;
387
- justify-content: flex-end !important;
388
- gap: 12px !important;
389
- margin-top: 16px !important;
390
- }
391
-
392
- .TL-btn-cancel {
393
- padding: 10px 24px !important;
394
- border: 1px solid #0b4da2 !important;
395
- background-color: #fff !important;
396
- color: #0b4da2 !important;
397
- font-size: 14px !important;
398
- font-weight: 600 !important;
399
- cursor: pointer !important;
400
- border-radius: 2px !important;
401
- text-transform: uppercase !important;
402
- }
403
-
404
- .TL-btn-submit {
405
- padding: 10px 24px !important;
406
- border: none !important;
407
- background: linear-gradient(135deg, #2563eb, #1e40af) !important;
408
- color: #fff !important;
409
- font-size: 14px !important;
410
- font-weight: 600 !important;
411
- border-radius: 2px !important;
412
- text-transform: uppercase !important;
413
- }
414
-
415
- .TL-btn-disabled {
416
- cursor: not-allowed !important;
417
- opacity: 0.7 !important;
418
- }
419
-
420
- .TL-max-width-960 {
421
- max-width: 960px !important;
422
- }
423
-
424
- .TL-multi-box {
425
- border: groove !important;
426
- background: #FAFAFA !important;
427
- border-radius: 4px !important;
428
- padding-inline: 10px !important;
429
- margin-top: 10px !important;
430
- margin-bottom: 10px !important;
431
- }
432
-
433
- .TL-doc-container {
434
- margin-top: 20px !important;
435
- margin-bottom: 20px !important;
436
- border-radius: 4px !important;
437
- border: 1px solid #E0E4E8 !important;
438
- background-color: #F9F9F9 !important;
439
- padding: 16px !important;
440
- }
441
-
442
- .TL-no-doc-placeholder {
443
- padding: 16px !important;
444
- text-align: center !important;
445
- color: #7A8A96 !important;
446
- background-color: #ffffff !important;
447
- border-radius: 4px !important;
448
- }
449
-
450
- .TL-alignC{
451
- text-align: center !important;
452
- }
453
-
454
- .TL-stepper-nav {
455
- display: flex !important;
456
- flex-direction: column !important;
457
- align-items: center !important;
458
- padding: 18px !important;
459
- background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
460
- border: 1px solid rgba(15, 23, 42, 0.04) !important;
461
- box-shadow: 0 8px 20px rgba(2, 6, 23, 0.06) !important;
462
- border-radius: 12px !important;
463
- min-width: 120px !important;
464
- max-width: 320px !important;
465
- }
466
-
467
- .TL-step-item {
468
- display: flex !important;
469
- align-items: center !important;
470
- justify-content: flex-end !important;
471
- flex: 0 0 auto !important;
472
- padding: 14px 12px !important;
473
- width: 260px !important;
474
- margin-bottom: 18px !important;
475
- }
476
-
477
- .TL-step-item-last {
478
- margin-bottom: 6px !important;
479
- }
480
-
481
- .TL-step-active {
482
- color: #0D43A7 !important;
483
- }
484
-
485
- .TL-step-inactive {
486
- color: #9CA3AF !important;
487
- }
488
-
489
- .TL-step-sub-content {
490
- display: flex !important;
491
- flex-direction: column !important;
492
- align-items: flex-end !important;
493
- margin: 10px !important;
494
- }
495
-
496
- .TL-step-circle {
497
- width: 56px !important;
498
- height: 56px !important;
499
- border-radius: 50% !important;
500
- display: flex !important;
501
- align-items: center !important;
502
- justify-content: center !important;
503
- margin-bottom: 8px !important;
504
- font-weight: 600 !important;
505
- font-size: 18px !important;
506
- position: relative !important;
507
- }
508
-
509
- .TL-step-circle-completed {
510
- background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
511
- color: #ffffff !important;
512
- border: none !important;
513
- box-shadow: 0 6px 18px rgba(37, 99, 235, 0.18) !important;
514
- }
515
-
516
- .TL-step-circle-pending {
517
- background: #ffffff !important;
518
- color: #0f172a !important;
519
- border: 1px solid rgba(15, 23, 42, 0.08) !important;
520
- box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04) !important;
521
- }
522
-
523
-
524
- .TL-search-wAuto {
525
- width: auto !important;
526
- }
527
-
528
- .TL-search-ml-24 {
529
- margin-left: 24px !important;
530
- }
531
-
532
- .TL-text-start {
533
- text-align: start !important;
534
- }
535
-
536
- .TL-search-error {
537
- font-weight: 700 !important;
538
- color: rgba(212, 53, 28) !important;
539
- padding-left: 8px !important;
540
- margin-top: -10px !important;
541
- font-size: 12px !important;
542
- }
543
-
544
- .TL-search-clear-wrapper {
545
- width: 240px !important;
546
- text-align: right !important;
547
- margin-left: 96px !important;
548
- margin-top: 8px !important;
549
- }
550
-
551
- .TL-w-full {
552
- width: 100% !important;
553
- }
554
-
555
- .TL-pt-9 {
556
- padding-top: 9px !important;
557
- }
558
-
559
- .TL-p-0 {
560
- padding: 0 !important;
561
- }
562
-
563
- .TL-color-error {
564
- color: #a82227 !important;
565
- }
566
-
567
- .TL-property-search-field {
568
- margin-top: 20px !important;
569
- display: flex !important;
570
- }
571
-
572
- .TL-btn-white {
573
- color: white !important;
574
- }
575
-
576
- .TL-search-btn {
577
- padding: 8px 16px !important;
578
- color: #fff !important;
579
- border: none !important;
580
- border-radius: 4px !important;
581
- font-size: 13px !important;
582
- font-weight: 600 !important;
583
- white-space: nowrap !important;
584
- min-width: 80px !important;
585
- height: 38px !important;
586
- transition: all 0.2s ease !important;
587
- }
588
-
589
- .TL-search-btn-active {
590
- background: linear-gradient(135deg, #2563eb, #1e40af) !important;
591
- cursor: pointer !important;
592
- }
593
-
594
- .TL-search-btn-searching {
595
- background: #94a3b8 !important;
596
- cursor: not-allowed !important;
597
- }
598
-
599
- .TL-mb-16 {
600
- margin-bottom: 16px !important;
601
- }
602
-
603
- .TL-mb-24 {
604
- margin-bottom: 24px !important;
605
- }
606
-
607
- .TL-mt-4 {
608
- margin-top: 4px !important;
609
- }
610
-
611
- .TL-doc-note {
612
- font-size: 13px !important;
613
- color: #505A5F !important;
614
- margin-bottom: 12px !important;
615
- }
616
-
617
- .TL-download-btn {
618
- background-color: #5e5e5e !important;
619
- color: #fff !important;
620
- border: none !important;
621
- padding: 10px 20px !important;
622
- font-size: 14px !important;
623
- font-weight: bold !important;
624
- cursor: pointer !important;
625
- letter-spacing: 0.5px !important;
626
- }
627
-
628
- .TL-doc-file-info {
629
- font-size: 12px !important;
630
- color: #505A5F !important;
631
- margin-top: 4px !important;
632
- }
633
-
634
- /* ===== TLSummaryPage ===== */
635
-
636
- .TL-mt-5 {
637
- margin-top: 5px !important;
638
- }
639
-
640
- .TL-mt-12 {
641
- margin-top: 12px !important;
642
- }
643
-
644
- .TL-fw-600 {
645
- font-weight: 600 !important;
646
- }
647
-
648
- .TL-breakup-link {
649
- color: #a82227 !important;
650
- cursor: pointer !important;
651
- font-weight: bold !important;
652
- text-decoration: underline !important;
653
- font-size: 14px !important;
654
- }
655
-
656
- .TL-modal-backdrop {
657
- position: fixed !important;
658
- top: 0 !important;
659
- left: 0 !important;
660
- right: 0 !important;
661
- bottom: 0 !important;
662
- background-color: rgba(0, 0, 0, 0.5) !important;
663
- z-index: 9999 !important;
664
- display: flex !important;
665
- justify-content: center !important;
666
- align-items: center !important;
667
- }
668
-
669
- .TL-modal-content {
670
- background-color: #fff !important;
671
- border-radius: 4px !important;
672
- padding: 24px !important;
673
- min-width: 400px !important;
674
- max-width: 550px !important;
675
- max-height: 80vh !important;
676
- overflow-y: auto !important;
677
- position: relative !important;
678
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
679
- }
680
-
681
- .TL-modal-header {
682
- display: flex !important;
683
- justify-content: space-between !important;
684
- align-items: center !important;
685
- margin-bottom: 16px !important;
686
- }
687
-
688
- .TL-modal-title {
689
- margin: 0 !important;
690
- font-size: 18px !important;
691
- font-weight: 600 !important;
692
- }
693
-
694
- .TL-modal-close {
695
- cursor: pointer !important;
696
- font-size: 20px !important;
697
- font-weight: bold !important;
698
- color: #666 !important;
699
- }
700
-
701
- .TL-breakup-section-title {
702
- font-size: 14px !important;
703
- font-weight: 600 !important;
704
- margin-bottom: 8px !important;
705
- }
706
-
707
- .TL-breakup-row {
708
- display: flex !important;
709
- justify-content: space-between !important;
710
- padding: 4px 0 !important;
711
- font-size: 13px !important;
712
- }
713
-
714
- .TL-breakup-subtotal-row {
715
- display: flex !important;
716
- justify-content: space-between !important;
717
- border-top: 1px solid #ddd !important;
718
- padding: 6px 0 !important;
719
- font-weight: 600 !important;
720
- font-size: 13px !important;
721
- margin-top: 4px !important;
722
- }
723
-
724
- .TL-breakup-strong-section {
725
- border-top: 2px solid #333 !important;
726
- margin-top: 12px !important;
727
- padding-top: 8px !important;
728
- }
729
-
730
- .TL-breakup-light-section {
731
- border-top: 1px solid #ddd !important;
732
- margin-top: 8px !important;
733
- padding-top: 8px !important;
734
- }
735
-
736
- .TL-breakup-grand-total {
737
- display: flex !important;
738
- justify-content: space-between !important;
739
- border-top: 2px solid #333 !important;
740
- margin-top: 8px !important;
741
- padding-top: 8px !important;
742
- font-weight: 700 !important;
743
- font-size: 15px !important;
744
- }
745
-
746
- .TL-item-index {
747
- font-weight: 600 !important;
748
- margin-bottom: 0.5rem !important;
749
- }
750
-
751
- .TL-declaration-row {
752
- display: flex !important;
753
- align-items: center !important;
754
- gap: 10px !important;
755
- cursor: pointer !important;
756
- margin-top: 20px !important;
757
- }
758
-
759
- .TL-declaration-checkbox {
760
- width: 18px !important;
761
- height: 18px !important;
762
- cursor: pointer !important;
763
- }
764
-
765
- .TL-declaration-label {
766
- cursor: pointer !important;
767
- margin: 0 !important;
1
+ .TL-response-dFlex-endBaseL{
2
+ display:flex !important;
3
+ justify-content: flex-end !important;
4
+ align-items: baseline !important;
5
+ }
6
+
7
+ .TL-response-dFlex-endGapW{
8
+ display: flex !important;
9
+ justify-content: flex-end !important;
10
+ gap: 1rem !important;
11
+ width: auto !important;
12
+ }
13
+
14
+ .TL-ml-unset{
15
+ margin-left: unset !important;
16
+ }
17
+
18
+ .TL-mt-16{
19
+ margin-top: 16px;
20
+ }
21
+ .TL-mb-10{
22
+ margin-bottom: 10px;
23
+ }
24
+ .TL-ml-16{
25
+ margin-left: 16px;
26
+ }
27
+
28
+ .TL-wAuto{
29
+ width:auto !important;
30
+ }
31
+
32
+ .Tl-ml-15{
33
+ margin-left: 15px !important;
34
+ }
35
+
36
+ .TL-mr-1{
37
+ margin-right: 1rem !important;
38
+ }
39
+
40
+ .TL-ground-ml-0 {
41
+ margin-left: 0px !important;
42
+ }
43
+
44
+ .TL-ground-full-width {
45
+ width: 100% !important;
46
+ }
47
+ .TL-breadcrumb-offset {
48
+ margin-left: 15px !important;
49
+ margin-top: 3rem !important;
50
+ }
51
+
52
+ .TL-chb-container {
53
+ width: 100% !important;
54
+ padding-right: 25px !important;
55
+ padding-left: 25px !important;
56
+ }
57
+
58
+ .TL-page-title {
59
+ color: #000 !important;
60
+ font-family: "Noto Sans", sans-serif !important;
61
+ font-size: 28px !important;
62
+ font-weight: 500 !important;
63
+ margin: 0 !important;
64
+ }
65
+
66
+ .TL-divider {
67
+ border: 1px solid #DFE0E2 !important;
68
+ margin-bottom: 50px !important;
69
+ width: 100% !important;
70
+ }
71
+
72
+ .TL-full-width-container {
73
+ width: 100% !important;
74
+ }
75
+
76
+ .TL-label-inline-100 {
77
+ width: 100px !important;
78
+ display: inline !important;
79
+ }
80
+
81
+ /* ===== ApplicationDetails - Header & Layout ===== */
82
+
83
+ .TL-mb-15 {
84
+ margin-bottom: 15px !important;
85
+ }
86
+
87
+ .TL-flex-center-start-gap10 {
88
+ display: flex !important;
89
+ justify-content: center !important;
90
+ align-items: flex-start !important;
91
+ gap: 10px !important;
92
+ }
93
+
94
+ .TL-z10-relative {
95
+ z-index: 10 !important;
96
+ position: relative !important;
97
+ }
98
+
99
+ /* ===== Fee Estimation Card ===== */
100
+
101
+ .TL-fee-layout {
102
+ display: flex !important;
103
+ justify-content: space-between !important;
104
+ align-items: flex-start !important;
105
+ }
106
+
107
+ .TL-flex-1 {
108
+ flex: 1 !important;
109
+ }
110
+
111
+ .TL-fee-table {
112
+ width: 100% !important;
113
+ border-collapse: collapse !important;
114
+ }
115
+
116
+ .TL-fee-td-label {
117
+ padding: 12px 16px !important;
118
+ color: #0b4da2 !important;
119
+ font-weight: 600 !important;
120
+ }
121
+
122
+ .TL-tooltip-icon {
123
+ display: inline-block !important;
124
+ width: 16px !important;
125
+ height: 16px !important;
126
+ border-radius: 50% !important;
127
+ background-color: #6c757d !important;
128
+ color: white !important;
129
+ text-align: center !important;
130
+ font-size: 11px !important;
131
+ line-height: 16px !important;
132
+ margin-left: 6px !important;
133
+ cursor: pointer !important;
134
+ }
135
+
136
+ .TL-fee-td-right {
137
+ padding: 12px 16px !important;
138
+ text-align: right !important;
139
+ }
140
+
141
+ .TL-fee-total-row {
142
+ border-top: 2px solid #0b4da2 !important;
143
+ }
144
+
145
+ .TL-fee-td-total-label {
146
+ padding: 12px 16px !important;
147
+ font-weight: bold !important;
148
+ color: #0b4da2 !important;
149
+ }
150
+
151
+ .TL-fee-td-total-amount {
152
+ padding: 12px 16px !important;
153
+ text-align: right !important;
154
+ font-weight: bold !important;
155
+ }
156
+
157
+ .TL-fee-summary-box {
158
+ text-align: right !important;
159
+ margin-left: 40px !important;
160
+ min-width: 200px !important;
161
+ }
162
+
163
+ .TL-fee-summary-label {
164
+ color: #0b4da2 !important;
165
+ font-size: 14px !important;
166
+ }
167
+
168
+ .TL-fee-summary-amount {
169
+ font-size: 36px !important;
170
+ font-weight: bold !important;
171
+ }
172
+
173
+ .TL-fee-actions {
174
+ padding-top: 16px !important;
175
+ display: flex !important;
176
+ gap: 24px !important;
177
+ }
178
+
179
+ .TL-action-link {
180
+ color: #d4351c !important;
181
+ font-weight: bold !important;
182
+ cursor: pointer !important;
183
+ text-transform: uppercase !important;
184
+ font-size: 14px !important;
185
+ }
186
+
187
+ /* ===== Modal - Shared ===== */
188
+
189
+ .TL-modal-overlay {
190
+ position: fixed !important;
191
+ top: 0 !important;
192
+ left: 0 !important;
193
+ right: 0 !important;
194
+ bottom: 0 !important;
195
+ background-color: rgba(0, 0, 0, 0.5) !important;
196
+ z-index: 9999 !important;
197
+ display: flex !important;
198
+ justify-content: center !important;
199
+ align-items: center !important;
200
+ }
201
+
202
+ .TL-modal-content-sm {
203
+ background-color: #fff !important;
204
+ border-radius: 4px !important;
205
+ padding: 24px !important;
206
+ min-width: 400px !important;
207
+ max-width: 550px !important;
208
+ max-height: 80vh !important;
209
+ overflow-y: auto !important;
210
+ position: relative !important;
211
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
212
+ }
213
+
214
+ .TL-modal-content-md {
215
+ background-color: #fff !important;
216
+ border-radius: 4px !important;
217
+ padding: 24px !important;
218
+ min-width: 500px !important;
219
+ max-width: 600px !important;
220
+ max-height: 85vh !important;
221
+ overflow-y: auto !important;
222
+ position: relative !important;
223
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
224
+ }
225
+
226
+ .TL-modal-header {
227
+ display: flex !important;
228
+ justify-content: space-between !important;
229
+ align-items: center !important;
230
+ margin-bottom: 16px !important;
231
+ }
232
+
233
+ .TL-modal-header-lg {
234
+ display: flex !important;
235
+ justify-content: space-between !important;
236
+ align-items: center !important;
237
+ margin-bottom: 20px !important;
238
+ }
239
+
240
+ .TL-modal-title {
241
+ margin: 0 !important;
242
+ font-size: 18px !important;
243
+ font-weight: 600 !important;
244
+ }
245
+
246
+ .TL-modal-close {
247
+ cursor: pointer !important;
248
+ font-size: 20px !important;
249
+ font-weight: bold !important;
250
+ color: #666 !important;
251
+ }
252
+
253
+ /* ===== Breakup Modal ===== */
254
+
255
+ .TL-breakup-section-title {
256
+ font-size: 14px !important;
257
+ font-weight: 600 !important;
258
+ margin-bottom: 8px !important;
259
+ }
260
+
261
+ .TL-breakup-section-title-mt {
262
+ font-size: 14px !important;
263
+ font-weight: 600 !important;
264
+ margin-top: 12px !important;
265
+ margin-bottom: 8px !important;
266
+ }
267
+
268
+ .TL-breakup-row {
269
+ display: flex !important;
270
+ justify-content: space-between !important;
271
+ padding: 4px 0 !important;
272
+ font-size: 13px !important;
273
+ }
274
+
275
+ .TL-breakup-row-bold {
276
+ display: flex !important;
277
+ justify-content: space-between !important;
278
+ padding: 4px 0 !important;
279
+ font-size: 13px !important;
280
+ font-weight: 600 !important;
281
+ }
282
+
283
+ .TL-breakup-subtotal {
284
+ display: flex !important;
285
+ justify-content: space-between !important;
286
+ border-top: 1px solid #ddd !important;
287
+ padding: 6px 0 !important;
288
+ font-weight: 600 !important;
289
+ font-size: 13px !important;
290
+ margin-top: 4px !important;
291
+ }
292
+
293
+ .TL-breakup-final-section {
294
+ border-top: 2px solid #333 !important;
295
+ margin-top: 12px !important;
296
+ padding-top: 8px !important;
297
+ }
298
+
299
+ .TL-breakup-rebate-section {
300
+ border-top: 1px solid #ddd !important;
301
+ margin-top: 8px !important;
302
+ padding-top: 8px !important;
303
+ }
304
+
305
+ .TL-breakup-grand-total {
306
+ display: flex !important;
307
+ justify-content: space-between !important;
308
+ border-top: 2px solid #333 !important;
309
+ margin-top: 8px !important;
310
+ padding-top: 8px !important;
311
+ font-weight: 700 !important;
312
+ font-size: 15px !important;
313
+ }
314
+
315
+ /* ===== Loader Overlay ===== */
316
+
317
+ .TL-loader-overlay {
318
+ position: fixed !important;
319
+ top: 0 !important;
320
+ left: 0 !important;
321
+ right: 0 !important;
322
+ bottom: 0 !important;
323
+ background-color: rgba(255, 255, 255, 0.7) !important;
324
+ z-index: 10000 !important;
325
+ display: flex !important;
326
+ justify-content: center !important;
327
+ align-items: center !important;
328
+ }
329
+
330
+ /* ===== ADHOC Modal Form ===== */
331
+
332
+ .TL-mb-20 {
333
+ margin-bottom: 20px !important;
334
+ }
335
+
336
+ .TL-adhoc-section-title {
337
+ font-size: 15px !important;
338
+ font-weight: 600 !important;
339
+ margin-bottom: 12px !important;
340
+ color: #0b4da2 !important;
341
+ }
342
+
343
+ .TL-form-label {
344
+ display: block !important;
345
+ font-size: 13px !important;
346
+ margin-bottom: 4px !important;
347
+ color: #505A5F !important;
348
+ }
349
+
350
+ .TL-form-input {
351
+ width: 100% !important;
352
+ padding: 10px 12px !important;
353
+ border: 1px solid #d6d5d4 !important;
354
+ border-radius: 2px !important;
355
+ font-size: 14px !important;
356
+ box-sizing: border-box !important;
357
+ }
358
+
359
+ .TL-form-select {
360
+ width: 100% !important;
361
+ padding: 10px 12px !important;
362
+ border: 1px solid #d6d5d4 !important;
363
+ border-radius: 2px !important;
364
+ font-size: 14px !important;
365
+ box-sizing: border-box !important;
366
+ background-color: #fff !important;
367
+ }
368
+
369
+ .TL-form-textarea {
370
+ width: 100% !important;
371
+ padding: 10px 12px !important;
372
+ border: 1px solid #d6d5d4 !important;
373
+ border-radius: 2px !important;
374
+ font-size: 14px !important;
375
+ box-sizing: border-box !important;
376
+ resize: vertical !important;
377
+ }
378
+
379
+ .TL-adhoc-divider {
380
+ border: none !important;
381
+ border-top: 1px solid #d6d5d4 !important;
382
+ margin: 16px 0 !important;
383
+ }
384
+
385
+ .TL-adhoc-actions {
386
+ display: flex !important;
387
+ justify-content: flex-end !important;
388
+ gap: 12px !important;
389
+ margin-top: 16px !important;
390
+ }
391
+
392
+ .TL-btn-cancel {
393
+ padding: 10px 24px !important;
394
+ border: 1px solid #0b4da2 !important;
395
+ background-color: #fff !important;
396
+ color: #0b4da2 !important;
397
+ font-size: 14px !important;
398
+ font-weight: 600 !important;
399
+ cursor: pointer !important;
400
+ border-radius: 2px !important;
401
+ text-transform: uppercase !important;
402
+ }
403
+
404
+ .TL-btn-submit {
405
+ padding: 10px 24px !important;
406
+ border: none !important;
407
+ background: linear-gradient(135deg, #2563eb, #1e40af) !important;
408
+ color: #fff !important;
409
+ font-size: 14px !important;
410
+ font-weight: 600 !important;
411
+ border-radius: 2px !important;
412
+ text-transform: uppercase !important;
413
+ }
414
+
415
+ .TL-btn-disabled {
416
+ cursor: not-allowed !important;
417
+ opacity: 0.7 !important;
418
+ }
419
+
420
+ .TL-max-width-960 {
421
+ max-width: 960px !important;
422
+ }
423
+
424
+ .TL-multi-box {
425
+ border: groove !important;
426
+ background: #FAFAFA !important;
427
+ border-radius: 4px !important;
428
+ padding-inline: 10px !important;
429
+ margin-top: 10px !important;
430
+ margin-bottom: 10px !important;
431
+ }
432
+
433
+ .TL-doc-container {
434
+ margin-top: 20px !important;
435
+ margin-bottom: 20px !important;
436
+ border-radius: 4px !important;
437
+ border: 1px solid #E0E4E8 !important;
438
+ background-color: #F9F9F9 !important;
439
+ padding: 16px !important;
440
+ }
441
+
442
+ .TL-no-doc-placeholder {
443
+ padding: 16px !important;
444
+ text-align: center !important;
445
+ color: #7A8A96 !important;
446
+ background-color: #ffffff !important;
447
+ border-radius: 4px !important;
448
+ }
449
+
450
+ .TL-alignC{
451
+ text-align: center !important;
452
+ }
453
+
454
+ .TL-stepper-nav {
455
+ display: flex !important;
456
+ flex-direction: column !important;
457
+ align-items: center !important;
458
+ padding: 18px !important;
459
+ background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
460
+ border: 1px solid rgba(15, 23, 42, 0.04) !important;
461
+ box-shadow: 0 8px 20px rgba(2, 6, 23, 0.06) !important;
462
+ border-radius: 12px !important;
463
+ min-width: 120px !important;
464
+ max-width: 320px !important;
465
+ }
466
+
467
+ .TL-step-item {
468
+ display: flex !important;
469
+ align-items: center !important;
470
+ justify-content: flex-end !important;
471
+ flex: 0 0 auto !important;
472
+ padding: 14px 12px !important;
473
+ width: 260px !important;
474
+ margin-bottom: 18px !important;
475
+ }
476
+
477
+ .TL-step-item-last {
478
+ margin-bottom: 6px !important;
479
+ }
480
+
481
+ .TL-step-active {
482
+ color: #0D43A7 !important;
483
+ }
484
+
485
+ .TL-step-inactive {
486
+ color: #9CA3AF !important;
487
+ }
488
+
489
+ .TL-step-sub-content {
490
+ display: flex !important;
491
+ flex-direction: column !important;
492
+ align-items: flex-end !important;
493
+ margin: 10px !important;
494
+ }
495
+
496
+ .TL-step-circle {
497
+ width: 56px !important;
498
+ height: 56px !important;
499
+ border-radius: 50% !important;
500
+ display: flex !important;
501
+ align-items: center !important;
502
+ justify-content: center !important;
503
+ margin-bottom: 8px !important;
504
+ font-weight: 600 !important;
505
+ font-size: 18px !important;
506
+ position: relative !important;
507
+ }
508
+
509
+ .TL-step-circle-completed {
510
+ background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
511
+ color: #ffffff !important;
512
+ border: none !important;
513
+ box-shadow: 0 6px 18px rgba(37, 99, 235, 0.18) !important;
514
+ }
515
+
516
+ .TL-step-circle-pending {
517
+ background: #ffffff !important;
518
+ color: #0f172a !important;
519
+ border: 1px solid rgba(15, 23, 42, 0.08) !important;
520
+ box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04) !important;
521
+ }
522
+
523
+
524
+ .TL-search-wAuto {
525
+ width: auto !important;
526
+ }
527
+
528
+ .TL-search-ml-24 {
529
+ margin-left: 24px !important;
530
+ }
531
+
532
+ .TL-text-start {
533
+ text-align: start !important;
534
+ }
535
+
536
+ .TL-search-error {
537
+ font-weight: 700 !important;
538
+ color: rgba(212, 53, 28) !important;
539
+ padding-left: 8px !important;
540
+ margin-top: -10px !important;
541
+ font-size: 12px !important;
542
+ }
543
+
544
+ .TL-search-clear-wrapper {
545
+ width: 240px !important;
546
+ text-align: right !important;
547
+ margin-left: 96px !important;
548
+ margin-top: 8px !important;
549
+ }
550
+
551
+ .TL-w-full {
552
+ width: 100% !important;
553
+ }
554
+
555
+ .TL-pt-9 {
556
+ padding-top: 9px !important;
557
+ }
558
+
559
+ .TL-p-0 {
560
+ padding: 0 !important;
561
+ }
562
+
563
+ .TL-color-error {
564
+ color: #a82227 !important;
565
+ }
566
+
567
+ .TL-property-search-field {
568
+ margin-top: 20px !important;
569
+ display: flex !important;
570
+ }
571
+
572
+ .TL-btn-white {
573
+ color: white !important;
574
+ }
575
+
576
+ .TL-search-btn {
577
+ padding: 8px 16px !important;
578
+ color: #fff !important;
579
+ border: none !important;
580
+ border-radius: 4px !important;
581
+ font-size: 13px !important;
582
+ font-weight: 600 !important;
583
+ white-space: nowrap !important;
584
+ min-width: 80px !important;
585
+ height: 38px !important;
586
+ transition: all 0.2s ease !important;
587
+ }
588
+
589
+ .TL-search-btn-active {
590
+ background: linear-gradient(135deg, #2563eb, #1e40af) !important;
591
+ cursor: pointer !important;
592
+ }
593
+
594
+ .TL-search-btn-searching {
595
+ background: #94a3b8 !important;
596
+ cursor: not-allowed !important;
597
+ }
598
+
599
+ .TL-mb-16 {
600
+ margin-bottom: 16px !important;
601
+ }
602
+
603
+ .TL-mb-24 {
604
+ margin-bottom: 24px !important;
605
+ }
606
+
607
+ .TL-mt-4 {
608
+ margin-top: 4px !important;
609
+ }
610
+
611
+ .TL-doc-note {
612
+ font-size: 13px !important;
613
+ color: #505A5F !important;
614
+ margin-bottom: 12px !important;
615
+ }
616
+
617
+ .TL-download-btn {
618
+ background-color: #5e5e5e !important;
619
+ color: #fff !important;
620
+ border: none !important;
621
+ padding: 10px 20px !important;
622
+ font-size: 14px !important;
623
+ font-weight: bold !important;
624
+ cursor: pointer !important;
625
+ letter-spacing: 0.5px !important;
626
+ }
627
+
628
+ .TL-doc-file-info {
629
+ font-size: 12px !important;
630
+ color: #505A5F !important;
631
+ margin-top: 4px !important;
632
+ }
633
+
634
+ /* ===== TLSummaryPage ===== */
635
+
636
+ .TL-mt-5 {
637
+ margin-top: 5px !important;
638
+ }
639
+
640
+ .TL-mt-12 {
641
+ margin-top: 12px !important;
642
+ }
643
+
644
+ .TL-fw-600 {
645
+ font-weight: 600 !important;
646
+ }
647
+
648
+ .TL-breakup-link {
649
+ color: #a82227 !important;
650
+ cursor: pointer !important;
651
+ font-weight: bold !important;
652
+ text-decoration: underline !important;
653
+ font-size: 14px !important;
654
+ }
655
+
656
+ .TL-modal-backdrop {
657
+ position: fixed !important;
658
+ top: 0 !important;
659
+ left: 0 !important;
660
+ right: 0 !important;
661
+ bottom: 0 !important;
662
+ background-color: rgba(0, 0, 0, 0.5) !important;
663
+ z-index: 9999 !important;
664
+ display: flex !important;
665
+ justify-content: center !important;
666
+ align-items: center !important;
667
+ }
668
+
669
+ .TL-modal-content {
670
+ background-color: #fff !important;
671
+ border-radius: 4px !important;
672
+ padding: 24px !important;
673
+ min-width: 400px !important;
674
+ max-width: 550px !important;
675
+ max-height: 80vh !important;
676
+ overflow-y: auto !important;
677
+ position: relative !important;
678
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
679
+ }
680
+
681
+ .TL-modal-header {
682
+ display: flex !important;
683
+ justify-content: space-between !important;
684
+ align-items: center !important;
685
+ margin-bottom: 16px !important;
686
+ }
687
+
688
+ .TL-modal-title {
689
+ margin: 0 !important;
690
+ font-size: 18px !important;
691
+ font-weight: 600 !important;
692
+ }
693
+
694
+ .TL-modal-close {
695
+ cursor: pointer !important;
696
+ font-size: 20px !important;
697
+ font-weight: bold !important;
698
+ color: #666 !important;
699
+ }
700
+
701
+ .TL-breakup-section-title {
702
+ font-size: 14px !important;
703
+ font-weight: 600 !important;
704
+ margin-bottom: 8px !important;
705
+ }
706
+
707
+ .TL-breakup-row {
708
+ display: flex !important;
709
+ justify-content: space-between !important;
710
+ padding: 4px 0 !important;
711
+ font-size: 13px !important;
712
+ }
713
+
714
+ .TL-breakup-subtotal-row {
715
+ display: flex !important;
716
+ justify-content: space-between !important;
717
+ border-top: 1px solid #ddd !important;
718
+ padding: 6px 0 !important;
719
+ font-weight: 600 !important;
720
+ font-size: 13px !important;
721
+ margin-top: 4px !important;
722
+ }
723
+
724
+ .TL-breakup-strong-section {
725
+ border-top: 2px solid #333 !important;
726
+ margin-top: 12px !important;
727
+ padding-top: 8px !important;
728
+ }
729
+
730
+ .TL-breakup-light-section {
731
+ border-top: 1px solid #ddd !important;
732
+ margin-top: 8px !important;
733
+ padding-top: 8px !important;
734
+ }
735
+
736
+ .TL-breakup-grand-total {
737
+ display: flex !important;
738
+ justify-content: space-between !important;
739
+ border-top: 2px solid #333 !important;
740
+ margin-top: 8px !important;
741
+ padding-top: 8px !important;
742
+ font-weight: 700 !important;
743
+ font-size: 15px !important;
744
+ }
745
+
746
+ .TL-item-index {
747
+ font-weight: 600 !important;
748
+ margin-bottom: 0.5rem !important;
749
+ }
750
+
751
+ .TL-declaration-row {
752
+ display: flex !important;
753
+ align-items: center !important;
754
+ gap: 10px !important;
755
+ cursor: pointer !important;
756
+ margin-top: 20px !important;
757
+ }
758
+
759
+ .TL-declaration-checkbox {
760
+ width: 18px !important;
761
+ height: 18px !important;
762
+ cursor: pointer !important;
763
+ }
764
+
765
+ .TL-declaration-label {
766
+ cursor: pointer !important;
767
+ margin: 0 !important;
768
768
  }