@pmidc/upyog-css 1.1.12 → 1.1.13

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 (129) hide show
  1. package/dist/index.css +3 -0
  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 +450 -450
  24. package/src/components/buttons.scss +134 -134
  25. package/src/components/card.scss +627 -627
  26. package/src/components/cardHeaderWithOptions.scss +13 -13
  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 +118 -118
  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/filters.scss +97 -97
  38. package/src/components/grey.scss +3 -3
  39. package/src/components/hoc/InboxComposer.scss +115 -115
  40. package/src/components/howItWorks.scss +71 -71
  41. package/src/components/imageviewer.scss +33 -33
  42. package/src/components/info-banner.scss +35 -35
  43. package/src/components/inputotp.scss +15 -15
  44. package/src/components/keynote.scss +29 -29
  45. package/src/components/languageSelector.scss +24 -24
  46. package/src/components/loader.scss +96 -96
  47. package/src/components/map.scss +36 -36
  48. package/src/components/metricsTable.scss +26 -26
  49. package/src/components/multiLink.scss +87 -87
  50. package/src/components/multiSelectDropdown.scss +88 -88
  51. package/src/components/navbar.scss +377 -377
  52. package/src/components/newFooter.scss +75 -75
  53. package/src/components/plusMinus.scss +15 -15
  54. package/src/components/popup.scss +15 -15
  55. package/src/components/radiobtn.scss +44 -44
  56. package/src/components/ratingstar.scss +33 -33
  57. package/src/components/roundedLabel.scss +10 -10
  58. package/src/components/searchAction.scss +27 -27
  59. package/src/components/sectionalDropdown.scss +43 -43
  60. package/src/components/selectdropdown.scss +279 -279
  61. package/src/components/staticDynamicMessages.scss +110 -110
  62. package/src/components/staticSideBar.scss +27 -27
  63. package/src/components/statushighlight.scss +17 -17
  64. package/src/components/submiterrors.scss +11 -11
  65. package/src/components/summary.scss +28 -28
  66. package/src/components/table.scss +383 -383
  67. package/src/components/tag.scss +27 -27
  68. package/src/components/telephone.scss +17 -17
  69. package/src/components/textfields.scss +138 -138
  70. package/src/components/toast.scss +31 -31
  71. package/src/components/toggleSwitch.scss +40 -40
  72. package/src/components/topbar.scss +217 -217
  73. package/src/components/uploadcomponents.scss +113 -113
  74. package/src/index.scss +1381 -1377
  75. package/src/modules/adv/index.scss +552 -552
  76. package/src/modules/rentAndLease/index.scss +227 -227
  77. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  78. package/src/pages/citizen/CitizenLogin.scss +50 -50
  79. package/src/pages/citizen/DocumentList.scss +454 -454
  80. package/src/pages/citizen/Events.scss +46 -46
  81. package/src/pages/citizen/HomePageWrapper.scss +215 -215
  82. package/src/pages/citizen/InboxCard.scss +378 -378
  83. package/src/pages/citizen/SurveyList.scss +21 -21
  84. package/src/pages/citizen/citizenDocument.scss +25 -25
  85. package/src/pages/citizen/citizenNewLogin.scss +352 -352
  86. package/src/pages/citizen/container.scss +32 -32
  87. package/src/pages/citizen/loaderMessage.scss +341 -341
  88. package/src/pages/citizen/payment/payment-type.scss +2 -2
  89. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  90. package/src/pages/common/form.scss +25 -25
  91. package/src/pages/common/newApplicationTimeline.scss +319 -319
  92. package/src/pages/common/pgrUICssfix.scss +105 -105
  93. package/src/pages/common/requiredField.scss +2 -2
  94. package/src/pages/common/sanctionFeeTable.scss +91 -91
  95. package/src/pages/common/searchIcon.scss +12 -12
  96. package/src/pages/common/stepForm.scss +40 -40
  97. package/src/pages/employee/EmployeeLogin.scss +6 -6
  98. package/src/pages/employee/cardfix.scss +13 -13
  99. package/src/pages/employee/container.scss +73 -73
  100. package/src/pages/employee/dashboard.scss +203 -203
  101. package/src/pages/employee/disconnection.scss +425 -425
  102. package/src/pages/employee/dss.scss +251 -251
  103. package/src/pages/employee/faq.scss +353 -353
  104. package/src/pages/employee/footer.scss +68 -68
  105. package/src/pages/employee/form-fields.scss +13 -13
  106. package/src/pages/employee/header.scss +262 -262
  107. package/src/pages/employee/iframe.scss +65 -65
  108. package/src/pages/employee/inbox.scss +744 -744
  109. package/src/pages/employee/index.scss +694 -694
  110. package/src/pages/employee/landing.scss +1782 -1782
  111. package/src/pages/employee/login.scss +253 -253
  112. package/src/pages/employee/oldMobileInbox.scss +4 -4
  113. package/src/pages/employee/popupmodule.scss +47 -47
  114. package/src/pages/employee/response.scss +2 -2
  115. package/src/pages/employee/scroll-table.scss +113 -113
  116. package/src/pages/employee/surveys.scss +469 -469
  117. package/src/pages/employee/tooltip.scss +35 -35
  118. package/src/pages/employee/updateNumber.scss +12 -12
  119. package/src/pages/swach/index.scss +174 -174
  120. package/src/pages/ws/index.scss +104 -104
  121. package/svg/camera.svg +4 -4
  122. package/svg/check.svg +3 -3
  123. package/svg/close.svg +4 -4
  124. package/svg/error.svg +3 -3
  125. package/svg/error2.svg +5 -5
  126. package/svg/searchicon.svg +3 -3
  127. package/svg/starempty.svg +3 -3
  128. package/svg/starfilled.svg +4 -4
  129. package/svg/success.svg +3 -3
@@ -1,553 +1,553 @@
1
- .ads-view-cart {
2
- margin-left: 12px;
3
- padding: 8px 16px;
4
- background: #2947a3;
5
- color: #fff;
6
- border: none;
7
- border-radius: 6px;
8
- cursor: pointer;
9
- }
10
-
11
- .ads-form-field {
12
- width: 100% !important;
13
- }
14
- .ads-select-wrap {
15
- width: 100% !important;
16
- }
17
- .ads-select {
18
- border: 1px solid #b4b4b4 !important;
19
- border-radius: 8px !important;
20
- height: 2.9rem !important;
21
- }
22
- .ads-select-active {
23
- border: 1px solid #2947a3 !important;
24
- border-radius: 8px !important;
25
- }
26
-
27
- .ads-guidance-box {
28
- background: #fff3cd;
29
- border: 1px solid #ffeeba;
30
- color: #856404;
31
- padding: 6px 10px;
32
- border-radius: 6px;
33
- font-size: 14px;
34
- margin-bottom: 8px;
35
- width: 100%;
36
- max-width: 545px;
37
- }
38
- .ads-btn {
39
- padding: 8px 12px;
40
- border-radius: 6px;
41
- border: 1px solid #ccc;
42
- background: #fff;
43
- cursor: pointer;
44
- }
45
-
46
- .ads-card {
47
- width: 280px;
48
- border-radius: 8px;
49
- padding: 9px;
50
- background: #fff;
51
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
52
- display: flex;
53
- flex-direction: column;
54
- gap: 8px;
55
- }
56
-
57
- .ads-card-image {
58
- width: 100%;
59
- height: 120px;
60
- border-radius: 8px;
61
- overflow: hidden;
62
- background: #f5f5f5;
63
- }
64
-
65
- .ads-card-noimage {
66
- width: 100%;
67
- height: 100%;
68
- display: flex;
69
- align-items: center;
70
- justify-content: center;
71
- color: #aaa;
72
- }
73
-
74
- .ads-card-input {
75
- flex: 1;
76
- padding: 6px 8px;
77
- font-size: 13px;
78
- border-radius: 6px;
79
- border: 1px solid #ccc;
80
- }
81
-
82
- .ads-input-time {
83
- width: 110px;
84
- padding: 6px 8px;
85
- font-size: 13px;
86
- border-radius: 6px;
87
- border: 1px solid #ccc;
88
- }
89
-
90
- .ads-btn-primary {
91
- flex: 1;
92
- padding: 6px 12px;
93
- border-radius: 6px;
94
- background: #2947a3;
95
- color: #fff;
96
- border: none;
97
- cursor: pointer;
98
- font-size: 14px;
99
- }
100
-
101
- .ads-btn-success {
102
- width: 110px;
103
- padding: 6px 12px;
104
- border-radius: 6px;
105
- background: #28a745;
106
- color: #fff;
107
- font-size: 14px;
108
- font-weight: 600;
109
- display: flex;
110
- align-items: center;
111
- justify-content: center;
112
- cursor: pointer;
113
- }
114
-
115
- .ads-status {
116
- display: inline-block;
117
- padding: 5px 14px;
118
- border-radius: 20px;
119
- font-size: 12px;
120
- font-weight: 600;
121
- text-transform: capitalize;
122
- }
123
-
124
- .ads-status--available {
125
- color: #155724;
126
- background-color: #d4edda;
127
- border: 1px solid #c3e6cb;
128
- }
129
-
130
- .ads-status--unavailable {
131
- color: #721c24;
132
- background-color: #f8d7da;
133
- border: 1px solid #f5c6cb;
134
- }
135
-
136
- .ads-cart-overlay {
137
- position: fixed;
138
- top: 70px;
139
- left: 0;
140
- width: 100vw;
141
- height: calc(100vh - 70px);
142
- background: rgba(0, 0, 0, 0.5);
143
- display: flex;
144
- justify-content: center;
145
- align-items: center;
146
- z-index: 2000;
147
- }
148
-
149
- .ads-cart-modal {
150
- width: 90%;
151
- max-width: 1100px;
152
- height: 70vh;
153
- background: #fff;
154
- border-radius: 12px;
155
- padding: 20px;
156
- display: flex;
157
- flex-direction: column;
158
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
159
- }
160
-
161
- .ads-cart-header {
162
- display: flex;
163
- justify-content: space-between;
164
- align-items: center;
165
- margin-bottom: 16px;
166
- border-bottom: 1px solid #eee;
167
- padding-bottom: 8px;
168
- }
169
-
170
- .ads-cart-close {
171
- border: none;
172
- background: transparent;
173
- font-size: 22px;
174
- cursor: pointer;
175
- color: #666;
176
- }
177
-
178
- .ads-cart-item {
179
- margin-bottom: 16px;
180
- border: 1px solid #ddd;
181
- border-radius: 8px;
182
- overflow: hidden;
183
- }
184
- .ads-cart-item-header {
185
- background: #f9f9f9;
186
- padding: 10px 14px;
187
- font-weight: 600;
188
- font-size: 14px;
189
- border-bottom: 1px solid #ddd;
190
- display: flex;
191
- justify-content: space-between;
192
- align-items: center;
193
- }
194
-
195
- .ads-cart-remove {
196
- padding: 6px 12px;
197
- border-radius: 6px;
198
- border: none;
199
- background: #dc3545;
200
- color: #fff;
201
- cursor: pointer;
202
- font-size: 12px;
203
- margin-left: 10px;
204
- }
205
-
206
- .ads-cart-table {
207
- overflow-x: auto;
208
- }
209
-
210
- .ads-cart-table-cell {
211
- padding: 12px 14px;
212
- font-size: 14px;
213
- border-bottom: 1px solid #f0f0f0;
214
- text-align: left;
215
- white-space: nowrap;
216
- }
217
-
218
- .ads-checkbox {
219
- width: 18px;
220
- height: 18px;
221
- accent-color: #0b74de;
222
- }
223
-
224
- .ads-checkbox--active {
225
- cursor: pointer;
226
- }
227
-
228
- .ads-checkbox--disabled {
229
- cursor: not-allowed;
230
- }
231
-
232
- .ads-header-note {
233
- color: #c62828;
234
- font-size: 14px;
235
- margin-left: 8px;
236
- }
237
-
238
- .ads-cart-table-message {
239
- font-size: 24px;
240
- color: #555;
241
- text-align: center;
242
- }
243
-
244
- .ads-modal-footer {
245
- margin-top: 12px;
246
- display: flex;
247
- justify-content: flex-end;
248
- gap: 10px;
249
- }
250
-
251
- .ads-btn-cancel {
252
- padding: 10px 18px;
253
- border-radius: 6px;
254
- border: 1px solid #ccc;
255
- background: #f5f5f5;
256
- cursor: pointer;
257
- }
258
-
259
- .ads-btn-cart {
260
- padding: 10px 18px;
261
- border-radius: 6px;
262
- border: none;
263
- background: #2947a3;
264
- color: #fff;
265
- font-weight: 600;
266
- cursor: pointer;
267
- transition: background 0.2s;
268
- }
269
-
270
- .ads-btn-cart--disabled {
271
- background: #ccc;
272
- cursor: not-allowed;
273
- }
274
-
275
-
276
- .ads-cart-table-wrapper {
277
- flex: 1;
278
- overflow-y: auto;
279
- border: 1px solid #ddd;
280
- border-radius: 8px;
281
- }
282
-
283
- .ads-cart-table-message {
284
- font-size: 24px;
285
- color: #555;
286
- text-align: center;
287
- }
288
-
289
- .ads-table-row--even {
290
- background-color: #fafafa;
291
- }
292
-
293
- .ads-table-row--odd {
294
- background-color: #fff;
295
- }
296
-
297
- .ads-modal-footer {
298
- margin-top: 12px;
299
- display: flex;
300
- justify-content: flex-end;
301
- gap: 10px;
302
- }
303
-
304
- .ads-cart-details {
305
- margin-top: 1rem;
306
- }
307
-
308
- .ads-cart-empty {
309
- padding: 12px;
310
- color: #666;
311
- }
312
-
313
- .ads-cart-item-header--clickable {
314
- cursor: pointer;
315
- }
316
-
317
- .ads-cart-item-toggle {
318
- font-size: 18px;
319
- }
320
- .ads-timer {
321
- font-weight: 600;
322
- font-size: 14px;
323
- margin-left: 8px;
324
- color: #2947a3;
325
- }
326
-
327
- .ads-timer--critical {
328
- color: red;
329
- }
330
-
331
- .ads-timer-countdown {
332
- font-size: 16px;
333
- font-weight: 900;
334
- color: red;
335
- margin-left: 4px;
336
- }
337
-
338
- .ads-timer-expired {
339
- font-size: 16px;
340
- color: red;
341
- font-weight: 800;
342
- }
343
- .ads-error-message {
344
- color: #d4351c;
345
- font-size: 12px;
346
- margin-top: 4px;
347
- margin-bottom: 10px;
348
- }
349
- .ads-error-container {
350
- display: flex;
351
- align-items: center;
352
- gap: 8px;
353
- }
354
-
355
- .ads-error-dismiss {
356
- background: transparent;
357
- border: none;
358
- font-size: 18px;
359
- cursor: pointer;
360
- line-height: 1;
361
- }
362
- .ads-summary-section {
363
- background-color: #ffffff;
364
- padding: 1rem 0;
365
- border-radius: 8px;
366
- margin-bottom: 1.5rem;
367
- box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04);
368
- }
369
-
370
- .ads-summary-header {
371
- display: flex;
372
- justify-content: space-between;
373
- align-items: center;
374
- margin-bottom: 0.75rem;
375
- padding: 0 1.5rem;
376
- }
377
-
378
- .ads-summary-header--compact {
379
- display: flex;
380
- justify-content: space-between;
381
- align-items: center;
382
- margin-bottom: 0.75rem;
383
- }
384
-
385
- .ads-summary-heading {
386
- font-size: 1.25rem;
387
- color: #0d43a7;
388
- font-weight: 600;
389
- margin: 0;
390
- }
391
-
392
- .ads-summary-edit {
393
- cursor: pointer;
394
- color: #2e86de;
395
- font-weight: 600;
396
- font-size: 0.9rem;
397
- }
398
-
399
- .ads-summary-row {
400
- display: flex;
401
- justify-content: space-between;
402
- border-bottom: 1px dashed #e9eef2;
403
- padding: 0.6rem 1.5rem;
404
- align-items: center;
405
- }
406
-
407
- .ads-summary-row-label {
408
- display: flex;
409
- gap: 0.5rem;
410
- align-items: center;
411
- }
412
-
413
- .ads-summary-bold {
414
- font-weight: 500;
415
- color: #333;
416
- }
417
-
418
- .ads-summary-row-value {
419
- text-align: right;
420
- min-width: 120px;
421
- }
422
-
423
- .ads-summary-docs {
424
- display: flex;
425
- flex-wrap: wrap;
426
- gap: 1rem;
427
- margin-top: 0.5rem;
428
- }
429
-
430
- .ads-summary-doc-card {
431
- flex: 1 1 220px;
432
- min-width: 180px;
433
- max-width: 260px;
434
- background-color: #fbfcfe;
435
- padding: 0.6rem;
436
- border: 1px solid #eef3f7;
437
- border-radius: 6px;
438
- }
439
-
440
- .ads-summary-no-docs {
441
- padding: 0 1.5rem;
442
- }
443
- .ads-applications-empty {
444
- margin-left: 16px;
445
- margin-top: 16px;
446
- color: #666;
447
- }
448
-
449
- .ads-pagination-controls {
450
- display: flex;
451
- justify-content: center;
452
- align-items: center;
453
- gap: 12px;
454
- margin: 20px 0;
455
- }
456
-
457
- .ads-pagination-btn {
458
- background-color: #2947a3;
459
- color: #fff;
460
- border: none;
461
- padding: 8px 12px;
462
- border-radius: 50%;
463
- font-size: 18px;
464
- cursor: pointer;
465
- transition: background-color 0.2s ease;
466
- }
467
-
468
- .ads-pagination-btn--disabled {
469
- background-color: #ccc;
470
- cursor: not-allowed;
471
- }
472
-
473
- .ads-pagination-info {
474
- font-weight: 500;
475
- color: #333;
476
- }
477
-
478
- .ads-new-booking {
479
- margin-left: 16px;
480
- margin-top: 16px;
481
- }
482
-
483
- .ads-new-booking-btn {
484
- padding: 8px 12px;
485
- font-weight: 700;
486
- display: block;
487
- background: #2947a3;
488
- color: #fff;
489
- border: none;
490
- border-radius: 6px;
491
- cursor: pointer;
492
- }
493
- .ads-registration-row {
494
- display: flex;
495
- align-items: center;
496
- }
497
-
498
- .ads-registration-row--new {
499
- margin-left: 12px;
500
- }
501
-
502
- .ads-registration-row--existing {
503
- margin-left: -4px;
504
- }
505
- .ads-cart-table-cell--inbox {
506
- min-width: 240px;
507
- padding: 20px 18px;
508
- font-size: 16px;
509
- }
510
- .ads-default-cell {
511
- padding: 20px 18px;
512
- font-size: 16px;
513
- }
514
- .ads-inbox-cell {
515
- min-width: 240px;
516
- padding: 20px 18px;
517
- font-size: 16px;
518
- }
519
- .ads-btn-back {
520
- background: #fff;
521
- color: #2947a3;
522
- border: 1px solid #2947a3;
523
- }
524
- .ads-heading-large {
525
- font-size: 28px;
526
- font-weight: 500;
527
- color: #1C1D1F;
528
- }
529
- .ads-search-container {
530
- width: auto;
531
- }
532
- .ads-search-container--inbox {
533
- margin-left: 24px;
534
- }
535
- .ads-search-container--revert {
536
- margin-left: revert;
537
- }
538
- .ads-search-error {
539
- font-weight: 700;
540
- color: rgba(212, 53, 28);
541
- padding-left: 8px;
542
- margin-top: -20px;
543
- font-size: 12px;
544
- }
545
- .ads-search-inbox-clear {
546
- grid-column: 2 / 3;
547
- text-align: right;
548
- padding-top: 10px;
549
- }
550
- .ads-search-submit-wrapper {
551
- max-width: unset;
552
- margin-left: unset;
1
+ .ads-view-cart {
2
+ margin-left: 12px;
3
+ padding: 8px 16px;
4
+ background: #2947a3;
5
+ color: #fff;
6
+ border: none;
7
+ border-radius: 6px;
8
+ cursor: pointer;
9
+ }
10
+
11
+ .ads-form-field {
12
+ width: 100% !important;
13
+ }
14
+ .ads-select-wrap {
15
+ width: 100% !important;
16
+ }
17
+ .ads-select {
18
+ border: 1px solid #b4b4b4 !important;
19
+ border-radius: 8px !important;
20
+ height: 2.9rem !important;
21
+ }
22
+ .ads-select-active {
23
+ border: 1px solid #2947a3 !important;
24
+ border-radius: 8px !important;
25
+ }
26
+
27
+ .ads-guidance-box {
28
+ background: #fff3cd;
29
+ border: 1px solid #ffeeba;
30
+ color: #856404;
31
+ padding: 6px 10px;
32
+ border-radius: 6px;
33
+ font-size: 14px;
34
+ margin-bottom: 8px;
35
+ width: 100%;
36
+ max-width: 545px;
37
+ }
38
+ .ads-btn {
39
+ padding: 8px 12px;
40
+ border-radius: 6px;
41
+ border: 1px solid #ccc;
42
+ background: #fff;
43
+ cursor: pointer;
44
+ }
45
+
46
+ .ads-card {
47
+ width: 280px;
48
+ border-radius: 8px;
49
+ padding: 9px;
50
+ background: #fff;
51
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
52
+ display: flex;
53
+ flex-direction: column;
54
+ gap: 8px;
55
+ }
56
+
57
+ .ads-card-image {
58
+ width: 100%;
59
+ height: 120px;
60
+ border-radius: 8px;
61
+ overflow: hidden;
62
+ background: #f5f5f5;
63
+ }
64
+
65
+ .ads-card-noimage {
66
+ width: 100%;
67
+ height: 100%;
68
+ display: flex;
69
+ align-items: center;
70
+ justify-content: center;
71
+ color: #aaa;
72
+ }
73
+
74
+ .ads-card-input {
75
+ flex: 1;
76
+ padding: 6px 8px;
77
+ font-size: 13px;
78
+ border-radius: 6px;
79
+ border: 1px solid #ccc;
80
+ }
81
+
82
+ .ads-input-time {
83
+ width: 110px;
84
+ padding: 6px 8px;
85
+ font-size: 13px;
86
+ border-radius: 6px;
87
+ border: 1px solid #ccc;
88
+ }
89
+
90
+ .ads-btn-primary {
91
+ flex: 1;
92
+ padding: 6px 12px;
93
+ border-radius: 6px;
94
+ background: #2947a3;
95
+ color: #fff;
96
+ border: none;
97
+ cursor: pointer;
98
+ font-size: 14px;
99
+ }
100
+
101
+ .ads-btn-success {
102
+ width: 110px;
103
+ padding: 6px 12px;
104
+ border-radius: 6px;
105
+ background: #28a745;
106
+ color: #fff;
107
+ font-size: 14px;
108
+ font-weight: 600;
109
+ display: flex;
110
+ align-items: center;
111
+ justify-content: center;
112
+ cursor: pointer;
113
+ }
114
+
115
+ .ads-status {
116
+ display: inline-block;
117
+ padding: 5px 14px;
118
+ border-radius: 20px;
119
+ font-size: 12px;
120
+ font-weight: 600;
121
+ text-transform: capitalize;
122
+ }
123
+
124
+ .ads-status--available {
125
+ color: #155724;
126
+ background-color: #d4edda;
127
+ border: 1px solid #c3e6cb;
128
+ }
129
+
130
+ .ads-status--unavailable {
131
+ color: #721c24;
132
+ background-color: #f8d7da;
133
+ border: 1px solid #f5c6cb;
134
+ }
135
+
136
+ .ads-cart-overlay {
137
+ position: fixed;
138
+ top: 70px;
139
+ left: 0;
140
+ width: 100vw;
141
+ height: calc(100vh - 70px);
142
+ background: rgba(0, 0, 0, 0.5);
143
+ display: flex;
144
+ justify-content: center;
145
+ align-items: center;
146
+ z-index: 2000;
147
+ }
148
+
149
+ .ads-cart-modal {
150
+ width: 90%;
151
+ max-width: 1100px;
152
+ height: 70vh;
153
+ background: #fff;
154
+ border-radius: 12px;
155
+ padding: 20px;
156
+ display: flex;
157
+ flex-direction: column;
158
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
159
+ }
160
+
161
+ .ads-cart-header {
162
+ display: flex;
163
+ justify-content: space-between;
164
+ align-items: center;
165
+ margin-bottom: 16px;
166
+ border-bottom: 1px solid #eee;
167
+ padding-bottom: 8px;
168
+ }
169
+
170
+ .ads-cart-close {
171
+ border: none;
172
+ background: transparent;
173
+ font-size: 22px;
174
+ cursor: pointer;
175
+ color: #666;
176
+ }
177
+
178
+ .ads-cart-item {
179
+ margin-bottom: 16px;
180
+ border: 1px solid #ddd;
181
+ border-radius: 8px;
182
+ overflow: hidden;
183
+ }
184
+ .ads-cart-item-header {
185
+ background: #f9f9f9;
186
+ padding: 10px 14px;
187
+ font-weight: 600;
188
+ font-size: 14px;
189
+ border-bottom: 1px solid #ddd;
190
+ display: flex;
191
+ justify-content: space-between;
192
+ align-items: center;
193
+ }
194
+
195
+ .ads-cart-remove {
196
+ padding: 6px 12px;
197
+ border-radius: 6px;
198
+ border: none;
199
+ background: #dc3545;
200
+ color: #fff;
201
+ cursor: pointer;
202
+ font-size: 12px;
203
+ margin-left: 10px;
204
+ }
205
+
206
+ .ads-cart-table {
207
+ overflow-x: auto;
208
+ }
209
+
210
+ .ads-cart-table-cell {
211
+ padding: 12px 14px;
212
+ font-size: 14px;
213
+ border-bottom: 1px solid #f0f0f0;
214
+ text-align: left;
215
+ white-space: nowrap;
216
+ }
217
+
218
+ .ads-checkbox {
219
+ width: 18px;
220
+ height: 18px;
221
+ accent-color: #0b74de;
222
+ }
223
+
224
+ .ads-checkbox--active {
225
+ cursor: pointer;
226
+ }
227
+
228
+ .ads-checkbox--disabled {
229
+ cursor: not-allowed;
230
+ }
231
+
232
+ .ads-header-note {
233
+ color: #c62828;
234
+ font-size: 14px;
235
+ margin-left: 8px;
236
+ }
237
+
238
+ .ads-cart-table-message {
239
+ font-size: 24px;
240
+ color: #555;
241
+ text-align: center;
242
+ }
243
+
244
+ .ads-modal-footer {
245
+ margin-top: 12px;
246
+ display: flex;
247
+ justify-content: flex-end;
248
+ gap: 10px;
249
+ }
250
+
251
+ .ads-btn-cancel {
252
+ padding: 10px 18px;
253
+ border-radius: 6px;
254
+ border: 1px solid #ccc;
255
+ background: #f5f5f5;
256
+ cursor: pointer;
257
+ }
258
+
259
+ .ads-btn-cart {
260
+ padding: 10px 18px;
261
+ border-radius: 6px;
262
+ border: none;
263
+ background: #2947a3;
264
+ color: #fff;
265
+ font-weight: 600;
266
+ cursor: pointer;
267
+ transition: background 0.2s;
268
+ }
269
+
270
+ .ads-btn-cart--disabled {
271
+ background: #ccc;
272
+ cursor: not-allowed;
273
+ }
274
+
275
+
276
+ .ads-cart-table-wrapper {
277
+ flex: 1;
278
+ overflow-y: auto;
279
+ border: 1px solid #ddd;
280
+ border-radius: 8px;
281
+ }
282
+
283
+ .ads-cart-table-message {
284
+ font-size: 24px;
285
+ color: #555;
286
+ text-align: center;
287
+ }
288
+
289
+ .ads-table-row--even {
290
+ background-color: #fafafa;
291
+ }
292
+
293
+ .ads-table-row--odd {
294
+ background-color: #fff;
295
+ }
296
+
297
+ .ads-modal-footer {
298
+ margin-top: 12px;
299
+ display: flex;
300
+ justify-content: flex-end;
301
+ gap: 10px;
302
+ }
303
+
304
+ .ads-cart-details {
305
+ margin-top: 1rem;
306
+ }
307
+
308
+ .ads-cart-empty {
309
+ padding: 12px;
310
+ color: #666;
311
+ }
312
+
313
+ .ads-cart-item-header--clickable {
314
+ cursor: pointer;
315
+ }
316
+
317
+ .ads-cart-item-toggle {
318
+ font-size: 18px;
319
+ }
320
+ .ads-timer {
321
+ font-weight: 600;
322
+ font-size: 14px;
323
+ margin-left: 8px;
324
+ color: #2947a3;
325
+ }
326
+
327
+ .ads-timer--critical {
328
+ color: red;
329
+ }
330
+
331
+ .ads-timer-countdown {
332
+ font-size: 16px;
333
+ font-weight: 900;
334
+ color: red;
335
+ margin-left: 4px;
336
+ }
337
+
338
+ .ads-timer-expired {
339
+ font-size: 16px;
340
+ color: red;
341
+ font-weight: 800;
342
+ }
343
+ .ads-error-message {
344
+ color: #d4351c;
345
+ font-size: 12px;
346
+ margin-top: 4px;
347
+ margin-bottom: 10px;
348
+ }
349
+ .ads-error-container {
350
+ display: flex;
351
+ align-items: center;
352
+ gap: 8px;
353
+ }
354
+
355
+ .ads-error-dismiss {
356
+ background: transparent;
357
+ border: none;
358
+ font-size: 18px;
359
+ cursor: pointer;
360
+ line-height: 1;
361
+ }
362
+ .ads-summary-section {
363
+ background-color: #ffffff;
364
+ padding: 1rem 0;
365
+ border-radius: 8px;
366
+ margin-bottom: 1.5rem;
367
+ box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04);
368
+ }
369
+
370
+ .ads-summary-header {
371
+ display: flex;
372
+ justify-content: space-between;
373
+ align-items: center;
374
+ margin-bottom: 0.75rem;
375
+ padding: 0 1.5rem;
376
+ }
377
+
378
+ .ads-summary-header--compact {
379
+ display: flex;
380
+ justify-content: space-between;
381
+ align-items: center;
382
+ margin-bottom: 0.75rem;
383
+ }
384
+
385
+ .ads-summary-heading {
386
+ font-size: 1.25rem;
387
+ color: #0d43a7;
388
+ font-weight: 600;
389
+ margin: 0;
390
+ }
391
+
392
+ .ads-summary-edit {
393
+ cursor: pointer;
394
+ color: #2e86de;
395
+ font-weight: 600;
396
+ font-size: 0.9rem;
397
+ }
398
+
399
+ .ads-summary-row {
400
+ display: flex;
401
+ justify-content: space-between;
402
+ border-bottom: 1px dashed #e9eef2;
403
+ padding: 0.6rem 1.5rem;
404
+ align-items: center;
405
+ }
406
+
407
+ .ads-summary-row-label {
408
+ display: flex;
409
+ gap: 0.5rem;
410
+ align-items: center;
411
+ }
412
+
413
+ .ads-summary-bold {
414
+ font-weight: 500;
415
+ color: #333;
416
+ }
417
+
418
+ .ads-summary-row-value {
419
+ text-align: right;
420
+ min-width: 120px;
421
+ }
422
+
423
+ .ads-summary-docs {
424
+ display: flex;
425
+ flex-wrap: wrap;
426
+ gap: 1rem;
427
+ margin-top: 0.5rem;
428
+ }
429
+
430
+ .ads-summary-doc-card {
431
+ flex: 1 1 220px;
432
+ min-width: 180px;
433
+ max-width: 260px;
434
+ background-color: #fbfcfe;
435
+ padding: 0.6rem;
436
+ border: 1px solid #eef3f7;
437
+ border-radius: 6px;
438
+ }
439
+
440
+ .ads-summary-no-docs {
441
+ padding: 0 1.5rem;
442
+ }
443
+ .ads-applications-empty {
444
+ margin-left: 16px;
445
+ margin-top: 16px;
446
+ color: #666;
447
+ }
448
+
449
+ .ads-pagination-controls {
450
+ display: flex;
451
+ justify-content: center;
452
+ align-items: center;
453
+ gap: 12px;
454
+ margin: 20px 0;
455
+ }
456
+
457
+ .ads-pagination-btn {
458
+ background-color: #2947a3;
459
+ color: #fff;
460
+ border: none;
461
+ padding: 8px 12px;
462
+ border-radius: 50%;
463
+ font-size: 18px;
464
+ cursor: pointer;
465
+ transition: background-color 0.2s ease;
466
+ }
467
+
468
+ .ads-pagination-btn--disabled {
469
+ background-color: #ccc;
470
+ cursor: not-allowed;
471
+ }
472
+
473
+ .ads-pagination-info {
474
+ font-weight: 500;
475
+ color: #333;
476
+ }
477
+
478
+ .ads-new-booking {
479
+ margin-left: 16px;
480
+ margin-top: 16px;
481
+ }
482
+
483
+ .ads-new-booking-btn {
484
+ padding: 8px 12px;
485
+ font-weight: 700;
486
+ display: block;
487
+ background: #2947a3;
488
+ color: #fff;
489
+ border: none;
490
+ border-radius: 6px;
491
+ cursor: pointer;
492
+ }
493
+ .ads-registration-row {
494
+ display: flex;
495
+ align-items: center;
496
+ }
497
+
498
+ .ads-registration-row--new {
499
+ margin-left: 12px;
500
+ }
501
+
502
+ .ads-registration-row--existing {
503
+ margin-left: -4px;
504
+ }
505
+ .ads-cart-table-cell--inbox {
506
+ min-width: 240px;
507
+ padding: 20px 18px;
508
+ font-size: 16px;
509
+ }
510
+ .ads-default-cell {
511
+ padding: 20px 18px;
512
+ font-size: 16px;
513
+ }
514
+ .ads-inbox-cell {
515
+ min-width: 240px;
516
+ padding: 20px 18px;
517
+ font-size: 16px;
518
+ }
519
+ .ads-btn-back {
520
+ background: #fff;
521
+ color: #2947a3;
522
+ border: 1px solid #2947a3;
523
+ }
524
+ .ads-heading-large {
525
+ font-size: 28px;
526
+ font-weight: 500;
527
+ color: #1C1D1F;
528
+ }
529
+ .ads-search-container {
530
+ width: auto;
531
+ }
532
+ .ads-search-container--inbox {
533
+ margin-left: 24px;
534
+ }
535
+ .ads-search-container--revert {
536
+ margin-left: revert;
537
+ }
538
+ .ads-search-error {
539
+ font-weight: 700;
540
+ color: rgba(212, 53, 28);
541
+ padding-left: 8px;
542
+ margin-top: -20px;
543
+ font-size: 12px;
544
+ }
545
+ .ads-search-inbox-clear {
546
+ grid-column: 2 / 3;
547
+ text-align: right;
548
+ padding-top: 10px;
549
+ }
550
+ .ads-search-submit-wrapper {
551
+ max-width: unset;
552
+ margin-left: unset;
553
553
  }