@pmidc/upyog-css 1.2.36-UAT.34 → 1.2.36-UAT.35

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 (143) hide show
  1. package/dist/index.css +30 -22
  2. package/dist/index.min.css +1 -1
  3. package/package.json +63 -63
  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 +964 -964
  26. package/src/components/cardHeaderWithOptions.scss +16 -16
  27. package/src/components/challanGeneration.scss +650 -650
  28. package/src/components/changeLanguage.scss +3 -3
  29. package/src/components/charts.scss +185 -185
  30. package/src/components/chb.scss +375 -375
  31. package/src/components/checkbox.scss +83 -83
  32. package/src/components/checkpoint.scss +65 -65
  33. package/src/components/citizenInfoLabel.scss +14 -14
  34. package/src/components/custombtn.scss +15 -15
  35. package/src/components/datatable.scss +118 -118
  36. package/src/components/datewrap.scss +21 -21
  37. package/src/components/detailscard.scss +6 -6
  38. package/src/components/detailscontainer.scss +13 -13
  39. package/src/components/documentSection.scss +134 -134
  40. package/src/components/filters.scss +379 -379
  41. package/src/components/garbageCollection.scss +667 -667
  42. package/src/components/grey.scss +3 -3
  43. package/src/components/hoc/InboxComposer.scss +111 -111
  44. package/src/components/howItWorks.scss +71 -71
  45. package/src/components/imageviewer.scss +33 -33
  46. package/src/components/info-banner.scss +35 -35
  47. package/src/components/inputotp.scss +15 -15
  48. package/src/components/keynote.scss +29 -29
  49. package/src/components/languageSelector.scss +24 -24
  50. package/src/components/loader.scss +96 -96
  51. package/src/components/map.scss +36 -36
  52. package/src/components/metricsTable.scss +26 -26
  53. package/src/components/mseva-icons.css +202 -202
  54. package/src/components/multiLink.scss +117 -117
  55. package/src/components/multiSelectDropdown.scss +88 -88
  56. package/src/components/navbar.scss +377 -377
  57. package/src/components/ndc.scss +350 -350
  58. package/src/components/newFooter.scss +82 -82
  59. package/src/components/newInbox.scss +464 -464
  60. package/src/components/plusMinus.scss +15 -15
  61. package/src/components/popup.scss +26 -26
  62. package/src/components/ptr.scss +429 -429
  63. package/src/components/radiobtn.scss +46 -46
  64. package/src/components/ratingstar.scss +33 -33
  65. package/src/components/roundedLabel.scss +10 -10
  66. package/src/components/searchAction.scss +27 -27
  67. package/src/components/sectionalDropdown.scss +43 -43
  68. package/src/components/selectdropdown.scss +318 -318
  69. package/src/components/staticDynamicMessages.scss +110 -110
  70. package/src/components/staticSideBar.scss +27 -27
  71. package/src/components/statushighlight.scss +17 -17
  72. package/src/components/submiterrors.scss +11 -11
  73. package/src/components/summary.scss +28 -28
  74. package/src/components/table.scss +855 -855
  75. package/src/components/tag.scss +27 -27
  76. package/src/components/telephone.scss +17 -17
  77. package/src/components/textfields.scss +146 -146
  78. package/src/components/toast.scss +31 -31
  79. package/src/components/toggleSwitch.scss +40 -40
  80. package/src/components/topbar.scss +217 -217
  81. package/src/components/uploadcomponents.scss +116 -116
  82. package/src/gigw3-mseva.scss +3645 -3645
  83. package/src/index.scss +2467 -2467
  84. package/src/modules/BPA/index.scss +5265 -5262
  85. package/src/modules/TL/index.scss +796 -796
  86. package/src/modules/adv/index.scss +2118 -2118
  87. package/src/modules/hrms/index.scss +1327 -1327
  88. package/src/modules/noc/index.scss +1213 -1210
  89. package/src/modules/rentAndLease/index.scss +842 -842
  90. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  91. package/src/pages/citizen/CitizenLogin.scss +50 -50
  92. package/src/pages/citizen/DocumentList.scss +470 -470
  93. package/src/pages/citizen/Events.scss +46 -46
  94. package/src/pages/citizen/HomePageWrapper.scss +215 -215
  95. package/src/pages/citizen/InboxCard.scss +378 -378
  96. package/src/pages/citizen/SurveyList.scss +24 -24
  97. package/src/pages/citizen/citizenDocument.scss +25 -25
  98. package/src/pages/citizen/citizenNewLogin.scss +371 -371
  99. package/src/pages/citizen/container.scss +32 -32
  100. package/src/pages/citizen/loaderMessage.scss +341 -341
  101. package/src/pages/citizen/payment/payment-type.scss +652 -652
  102. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  103. package/src/pages/common/form.scss +25 -25
  104. package/src/pages/common/newApplicationTimeline.scss +341 -341
  105. package/src/pages/common/pgrUICssfix.scss +128 -128
  106. package/src/pages/common/requiredField.scss +2 -2
  107. package/src/pages/common/sanctionFeeTable.scss +91 -91
  108. package/src/pages/common/searchIcon.scss +21 -21
  109. package/src/pages/common/sitePhotoGraphs.scss +26 -26
  110. package/src/pages/common/stepForm.scss +40 -40
  111. package/src/pages/employee/EmployeeLogin.scss +6 -6
  112. package/src/pages/employee/cardfix.scss +13 -13
  113. package/src/pages/employee/container.scss +73 -73
  114. package/src/pages/employee/dashboard.scss +204 -204
  115. package/src/pages/employee/disconnection.scss +425 -425
  116. package/src/pages/employee/dss.scss +251 -251
  117. package/src/pages/employee/faq.scss +353 -353
  118. package/src/pages/employee/footer.scss +68 -68
  119. package/src/pages/employee/form-fields.scss +26 -26
  120. package/src/pages/employee/header.scss +262 -262
  121. package/src/pages/employee/iframe.scss +65 -65
  122. package/src/pages/employee/inbox.scss +1110 -1110
  123. package/src/pages/employee/index.scss +693 -693
  124. package/src/pages/employee/landing.scss +2074 -2074
  125. package/src/pages/employee/login.scss +253 -253
  126. package/src/pages/employee/oldMobileInbox.scss +4 -4
  127. package/src/pages/employee/popupmodule.scss +47 -47
  128. package/src/pages/employee/response.scss +2 -2
  129. package/src/pages/employee/scroll-table.scss +113 -113
  130. package/src/pages/employee/surveys.scss +469 -469
  131. package/src/pages/employee/tooltip.scss +35 -35
  132. package/src/pages/employee/updateNumber.scss +12 -12
  133. package/src/pages/swach/index.scss +231 -231
  134. package/src/pages/ws/index.scss +118 -118
  135. package/svg/camera.svg +4 -4
  136. package/svg/check.svg +3 -3
  137. package/svg/close.svg +4 -4
  138. package/svg/error.svg +3 -3
  139. package/svg/error2.svg +5 -5
  140. package/svg/searchicon.svg +3 -3
  141. package/svg/starempty.svg +3 -3
  142. package/svg/starfilled.svg +4 -4
  143. package/svg/success.svg +3 -3
@@ -1,2118 +1,2118 @@
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
- .ads-cart-table-wrapper {
276
- flex: 1;
277
- overflow-y: auto;
278
- border: 1px solid #ddd;
279
- border-radius: 8px;
280
- }
281
-
282
- .ads-cart-table-message {
283
- font-size: 24px;
284
- color: #555;
285
- text-align: center;
286
- }
287
-
288
- .ads-table-row--even {
289
- background-color: #fafafa;
290
- }
291
-
292
- .ads-table-row--odd {
293
- background-color: #fff;
294
- }
295
-
296
- .ads-modal-footer {
297
- margin-top: 12px;
298
- display: flex;
299
- justify-content: flex-end;
300
- gap: 10px;
301
- }
302
-
303
- .ads-cart-details {
304
- margin-top: 1rem;
305
- }
306
-
307
- .ads-cart-empty {
308
- padding: 12px;
309
- color: #666;
310
- }
311
-
312
- .ads-cart-item-header--clickable {
313
- cursor: pointer;
314
- }
315
-
316
- .ads-cart-item-toggle {
317
- font-size: 18px;
318
- }
319
- .ads-timer {
320
- font-weight: 600;
321
- font-size: 14px;
322
- margin-left: 8px;
323
- color: #2947a3;
324
- }
325
-
326
- .ads-timer--critical {
327
- color: red;
328
- }
329
-
330
- .ads-timer-countdown {
331
- font-size: 16px;
332
- font-weight: 900;
333
- color: red;
334
- margin-left: 4px;
335
- }
336
-
337
- .ads-timer-expired {
338
- font-size: 16px;
339
- color: red;
340
- font-weight: 800;
341
- }
342
- .ads-error-message {
343
- color: #d4351c;
344
- font-size: 12px;
345
- margin-top: 4px;
346
- margin-bottom: 10px;
347
- }
348
- .ads-error-container {
349
- display: flex;
350
- align-items: center;
351
- gap: 8px;
352
- }
353
-
354
- .ads-error-dismiss {
355
- background: transparent;
356
- border: none;
357
- font-size: 18px;
358
- cursor: pointer;
359
- line-height: 1;
360
- }
361
- .ads-summary-section {
362
- background-color: #ffffff;
363
- padding: 1rem 0;
364
- border-radius: 8px;
365
- margin-bottom: 1.5rem;
366
- box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04);
367
- }
368
-
369
- .ads-summary-header {
370
- display: flex;
371
- justify-content: space-between;
372
- align-items: center;
373
- margin-bottom: 0.75rem;
374
- padding: 0 1.5rem;
375
- }
376
-
377
- .ads-summary-header--compact {
378
- display: flex;
379
- justify-content: space-between;
380
- align-items: center;
381
- margin-bottom: 0.75rem;
382
- }
383
-
384
- .ads-summary-heading {
385
- font-size: 1.25rem;
386
- color: #0d43a7;
387
- font-weight: 600;
388
- margin: 0;
389
- }
390
-
391
- .ads-summary-edit {
392
- cursor: pointer;
393
- color: #2e86de !important;
394
- font-weight: 600;
395
- text-align: end !important;
396
- }
397
-
398
- .ads-summary-row {
399
- display: flex;
400
- justify-content: space-between;
401
- border-bottom: 1px dashed #e9eef2;
402
- padding: 0.6rem 1.5rem;
403
- align-items: center;
404
- }
405
-
406
- .ads-summary-row-label {
407
- display: flex;
408
- gap: 0.5rem;
409
- align-items: center;
410
- }
411
-
412
- .ads-summary-bold {
413
- font-weight: 500;
414
- color: #333;
415
- }
416
-
417
- .ads-summary-row-value {
418
- text-align: right;
419
- min-width: 120px;
420
- }
421
-
422
- .ads-summary-docs {
423
- display: flex;
424
- flex-wrap: wrap;
425
- gap: 1rem;
426
- margin-top: 0.5rem;
427
- }
428
-
429
- .ads-summary-doc-card {
430
- flex: 1 1 220px;
431
- min-width: 180px;
432
- max-width: 260px;
433
- background-color: #fbfcfe;
434
- padding: 0.6rem;
435
- border: 1px solid #eef3f7;
436
- border-radius: 6px;
437
- }
438
-
439
- .ads-summary-no-docs {
440
- padding: 0 1.5rem;
441
- }
442
- .ads-applications-empty {
443
- margin-left: 16px;
444
- margin-top: 16px;
445
- color: #666;
446
- }
447
-
448
- .ads-pagination-controls {
449
- display: flex;
450
- justify-content: center;
451
- align-items: center;
452
- gap: 12px;
453
- margin: 20px 0;
454
- }
455
-
456
- .ads-pagination-btn {
457
- background-color: #2947a3;
458
- color: #fff;
459
- border: none;
460
- padding: 8px 12px;
461
- border-radius: 50%;
462
- font-size: 18px;
463
- cursor: pointer;
464
- transition: background-color 0.2s ease;
465
- }
466
-
467
- .ads-pagination-btn--disabled {
468
- background-color: #ccc;
469
- cursor: not-allowed;
470
- }
471
-
472
- .ads-pagination-info {
473
- font-weight: 500;
474
- color: #333;
475
- }
476
-
477
- .ads-new-booking {
478
- margin-left: 16px;
479
- margin-top: 16px;
480
- }
481
-
482
- .ads-new-booking-btn {
483
- padding: 8px 12px;
484
- font-weight: 700;
485
- display: block;
486
- background: #2947a3;
487
- color: #fff;
488
- border: none;
489
- border-radius: 6px;
490
- cursor: pointer;
491
- }
492
-
493
- .ads-my-bookings {
494
- max-width: 1120px;
495
- margin: 0 auto;
496
- padding: 8px 0 48px;
497
- }
498
-
499
- .ads-my-bookings__heading {
500
- display: flex;
501
- align-items: center;
502
- justify-content: space-between;
503
- margin-bottom: 20px;
504
- }
505
-
506
- .ads-my-bookings__heading header {
507
- color: var(--mseva-blue-900) !important;
508
- font-weight: 800;
509
- letter-spacing: -0.02em;
510
- }
511
-
512
- .ads-my-bookings__list {
513
- display: grid;
514
- gap: 16px;
515
- }
516
-
517
- .ads-my-bookings__item,
518
- .ads-booking-card {
519
- width: 100%;
520
- }
521
-
522
- .ads-booking-card .card {
523
- width: 100%;
524
- max-width: none;
525
- margin: 0;
526
- padding: 24px;
527
- border: 1px solid #d8e5f4;
528
- border-radius: 16px;
529
- background: #fff;
530
- box-shadow: 0 7px 18px rgba(7, 75, 152, 0.08);
531
- }
532
-
533
- .ads-booking-card__details {
534
- display: grid;
535
- grid-template-columns: repeat(2, minmax(0, 1fr));
536
- gap: 16px 28px;
537
- }
538
-
539
- .ads-booking-card .key-note-pair {
540
- margin: 0;
541
- padding: 0 0 12px;
542
- border-bottom: 1px solid #e5edf6;
543
- }
544
-
545
- .ads-booking-card .key-note-pair h3 {
546
- margin-bottom: 4px;
547
- color: #52708f;
548
- font-size: 0.8125rem;
549
- font-weight: 700;
550
- letter-spacing: 0.02em;
551
- }
552
-
553
- .ads-booking-card .key-note-pair p {
554
- color: var(--mseva-text);
555
- font-size: 1rem;
556
- font-weight: 700;
557
- }
558
-
559
- .ads-booking-card__status .key-note-pair p {
560
- display: inline-flex;
561
- padding: 4px 10px;
562
- border-radius: 999px;
563
- color: var(--mseva-green-800);
564
- background: #eaf7ed;
565
- font-size: 0.875rem;
566
- }
567
-
568
- .ads-booking-card .action-button-myapplication {
569
- gap: 12px;
570
- margin-top: 22px;
571
- }
572
-
573
- .ads-booking-card .action-button-myapplication .submit-bar {
574
- min-width: 160px;
575
- margin: 0;
576
- border-radius: 8px;
577
- }
578
-
579
- .ads-my-bookings__empty {
580
- padding: 38px 24px;
581
- border: 1px dashed #b8cce2;
582
- border-radius: 16px;
583
- background: #fff;
584
- text-align: center;
585
- }
586
-
587
- .ads-applications-empty {
588
- margin: 0;
589
- color: #52708f;
590
- }
591
-
592
- .ads-pagination-controls {
593
- margin: 8px 0 0;
594
- }
595
-
596
- .ads-pagination-btn {
597
- display: inline-flex;
598
- align-items: center;
599
- justify-content: center;
600
- width: 40px;
601
- height: 40px;
602
- padding: 0;
603
- background: var(--mseva-blue-700);
604
- }
605
-
606
- .ads-pagination-btn:hover:not(:disabled) {
607
- background: var(--mseva-green-700);
608
- }
609
-
610
- .ads-pagination-info {
611
- color: var(--mseva-text);
612
- font-weight: 700;
613
- }
614
-
615
- .ads-new-booking {
616
- display: flex;
617
- align-items: center;
618
- gap: 12px;
619
- margin: 24px 0 0;
620
- padding: 18px 20px;
621
- border: 1px solid #cfe2d5;
622
- border-radius: 14px;
623
- background: #f1f9f2;
624
- color: var(--mseva-text);
625
- font-weight: 600;
626
- }
627
-
628
- .ads-new-booking-btn {
629
- display: inline-flex;
630
- align-items: center;
631
- min-height: 40px;
632
- padding: 8px 16px;
633
- border-radius: 8px;
634
- background: var(--mseva-green-700);
635
- }
636
-
637
- .ads-new-booking-btn:hover {
638
- background: var(--mseva-green-800);
639
- }
640
-
641
- @media (max-width: 640px) {
642
- .ads-my-bookings {
643
- padding-bottom: 32px;
644
- }
645
-
646
- .ads-my-bookings__heading {
647
- margin-bottom: 14px;
648
- }
649
-
650
- .ads-my-bookings__heading header {
651
- font-size: 1.65rem !important;
652
- }
653
-
654
- .ads-booking-card .card {
655
- padding: 18px;
656
- }
657
-
658
- .ads-booking-card__details {
659
- grid-template-columns: 1fr;
660
- gap: 12px;
661
- }
662
-
663
- .ads-booking-card .action-button-myapplication {
664
- display: grid;
665
- grid-template-columns: 1fr;
666
- }
667
-
668
- .ads-booking-card .action-button-myapplication .submit-bar {
669
- width: 100%;
670
- }
671
-
672
- .ads-new-booking {
673
- align-items: flex-start;
674
- flex-direction: column;
675
- }
676
- }
677
- .ads-registration-row {
678
- display: flex;
679
- align-items: center;
680
- }
681
-
682
- .ads-registration-row--new {
683
- margin-left: 12px;
684
- }
685
-
686
- .ads-registration-row--existing {
687
- margin-left: -4px;
688
- }
689
- .ads-cart-table-cell--inbox {
690
- min-width: 240px;
691
- padding: 20px 18px;
692
- font-size: 16px;
693
- }
694
- .ads-default-cell {
695
- padding: 20px 18px;
696
- font-size: 16px;
697
- }
698
- .ads-inbox-cell {
699
- min-width: 240px;
700
- padding: 20px 18px;
701
- font-size: 16px;
702
- }
703
- .ads-btn-back {
704
- background: #fff;
705
- color: #2947a3;
706
- border: 1px solid #2947a3;
707
- }
708
- .ads-heading-large {
709
- font-size: 28px;
710
- font-weight: 500;
711
- color: #1c1d1f;
712
- }
713
- .ads-search-container {
714
- width: auto;
715
- }
716
- .ads-search-container--inbox {
717
- margin-left: 24px;
718
- }
719
- .ads-search-container--revert {
720
- margin-left: revert;
721
- }
722
- .ads-search-error {
723
- font-weight: 700;
724
- color: rgba(212, 53, 28);
725
- padding-left: 8px;
726
- margin-top: -20px;
727
- font-size: 12px;
728
- }
729
- .ads-search-inbox-clear {
730
- grid-column: 2 / 3;
731
- text-align: right;
732
- padding-top: 10px;
733
- }
734
- .ads-search-submit-wrapper {
735
- max-width: unset;
736
- margin-left: unset;
737
- }
738
-
739
- /* ADS AdCard Refactored Styles */
740
- .ads-ad-card-image-img {
741
- width: 100%;
742
- height: 100%;
743
- object-fit: cover;
744
- }
745
-
746
- .ads-ad-card-info {
747
- display: flex;
748
- flex-direction: column;
749
- gap: 6px;
750
- font-size: 13px;
751
- color: #444;
752
- }
753
-
754
- .ads-ad-card-info-row {
755
- display: flex;
756
- justify-content: space-between;
757
- }
758
-
759
- .ads-ad-card-info-row--bold {
760
- font-weight: 600;
761
- }
762
-
763
- .ads-ad-card-amount {
764
- color: #222;
765
- }
766
-
767
- .ads-ad-card-light {
768
- color: green;
769
- font-weight: 600;
770
- }
771
-
772
- .ads-ad-card-date-row {
773
- display: flex;
774
- gap: 4px;
775
- margin-top: 8px;
776
- }
777
-
778
- .ads-ad-card-date-field {
779
- flex: 1;
780
- }
781
-
782
- .ads-ad-card-date-label {
783
- font-size: 12px;
784
- color: #666;
785
- }
786
-
787
- .ads-ad-card-actions {
788
- display: flex;
789
- gap: 8px;
790
- margin-top: 6px;
791
- }
792
-
793
- .ads-ad-card-cart-icon {
794
- color: black;
795
- }
796
-
797
- .ads-availibility-for-title {
798
- margin: 0;
799
- font-size: 20px;
800
- font-weight: 700;
801
- color: #333;
802
- }
803
-
804
- /* ADS Cart Modal Refactored Styles */
805
- .ads-cart-modal-body {
806
- flex: 1;
807
- overflow-y: auto;
808
- }
809
-
810
- .ads-cart-empty-text {
811
- padding: 12px;
812
- color: #666;
813
- }
814
-
815
- .ads-cart-item-header-info {
816
- cursor: pointer;
817
- flex: 1;
818
- }
819
-
820
- .ads-cart-item-toggle-modal {
821
- font-size: 18px;
822
- margin-left: 8px;
823
- }
824
-
825
- .ads-reservation-wrapper {
826
- display: flex;
827
- justify-content: flex-end;
828
- }
829
-
830
- /* ADS inline style extraction */
831
- .ads-components-adscancel-booking--style-1 {
832
- width: 80%;
833
- justify-self: center;
834
- }
835
-
836
- .ads-components-adscancel-booking--style-2 {
837
- color: red;
838
- }
839
-
840
- .ads-components-adscancel-booking--style-3 {
841
- color: red;
842
- margin-top: 4px;
843
- margin-bottom: 0;
844
- }
845
-
846
- .ads-components-adscart-and-cancellation-policy-details--style-1 {
847
- padding-left: 50px;
848
- }
849
-
850
- .ads-components-adscart-and-cancellation-policy-details--style-2 {
851
- padding-left: 50px;
852
- }
853
-
854
- .ads-components-adscart-and-cancellation-policy-details--style-3 {
855
- cursor: pointer;
856
- margin-left: 20px;
857
- }
858
-
859
- .ads-components-adscart-and-cancellation-policy-details--style-4 {
860
- padding-left: 20px;
861
- }
862
-
863
- .ads-components-adscart-and-cancellation-policy-details--style-5 {
864
- margin-bottom: 10px;
865
- }
866
-
867
- .ads-components-adscart-and-cancellation-policy-details--style-6 {
868
- color: #a82227;
869
- }
870
-
871
- .ads-components-adscart-and-cancellation-policy-details--style-7 {
872
- display: flex;
873
- justify-content: space-between;
874
- width: 100%;
875
- }
876
-
877
- .ads-components-adscart-and-cancellation-policy-details--style-8 {
878
- cursor: pointer;
879
- color: #a82227;
880
- font-size: 20px;
881
- text-decoration: none;
882
- margin-bottom: 10px;
883
- }
884
-
885
- .ads-components-adscart-and-cancellation-policy-details--style-9 {
886
- width: 1px;
887
- }
888
-
889
- .ads-components-adscart-and-cancellation-policy-details--style-10 {
890
- width: 20px;
891
- position: relative;
892
- }
893
-
894
- .ads-components-adscart-and-cancellation-policy-details--style-11 {
895
- position: absolute;
896
- top: -4px;
897
- right: -93px;
898
- color: #008000;
899
- padding: 5px;
900
- border-radius: 30px;
901
- width: 30px;
902
- height: 30px;
903
- text-align: center;
904
- }
905
-
906
- .ads-components-adscart-and-cancellation-policy-details--style-12 {
907
- cursor: pointer;
908
- color: #a82227;
909
- font-size: 20px;
910
- text-decoration: none;
911
- margin-bottom: 10px;
912
- }
913
-
914
- .ads-components-adscart-and-cancellation-policy-details--style-13 {
915
- cursor: pointer;
916
- font-size: 20px;
917
- color: #a82227;
918
- }
919
-
920
- .ads-components-adscart-and-cancellation-policy-details--style-14 {
921
- }
922
-
923
- .ads-components-adscart-and-cancellation-policy-details--style-15 {
924
- color: #a82227;
925
- margin: 25px;
926
- }
927
-
928
- .ads-components-adscart-and-cancellation-policy-details--style-16 {
929
- color: #a82227;
930
- margin: 25px;
931
- }
932
-
933
- .ads-components-adscart-and-cancellation-policy-details--style-17 {
934
- }
935
-
936
- .ads-components-adscart-and-cancellation-policy-details--style-18 {
937
- color: #a82227;
938
- margin: 25px;
939
- }
940
-
941
- .ads-components-adscart-and-cancellation-policy-details--style-19 {
942
- margin-bottom: 15px;
943
- }
944
-
945
- .ads-components-adscart-and-cancellation-policy-details--style-20 {
946
- display: flex;
947
- justify-content: space-between;
948
- }
949
-
950
- .ads-components-adscart-and-cancellation-policy-details--style-21 {
951
- font-weight: bold;
952
- margin-top: 10px;
953
- display: flex;
954
- justify-content: space-between;
955
- }
956
-
957
- .ads-components-adscart-details--style-1 {
958
- padding-left: 50px;
959
- }
960
-
961
- .ads-components-adscart-details--style-2 {
962
- padding-left: 50px;
963
- }
964
-
965
- .ads-components-adscart-details--style-3 {
966
- cursor: pointer;
967
- margin-left: 20px;
968
- }
969
-
970
- .ads-components-adscart-details--style-4 {
971
- color: #a82227;
972
- margin: 25px;
973
- }
974
-
975
- .ads-components-adscart-details--style-5 {
976
- position: sticky;
977
- bottom: 0;
978
- background-color: #fff;
979
- padding: 15px 20px;
980
- font-size: 18px;
981
- font-weight: bold;
982
- box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
983
- z-index: 10;
984
- }
985
-
986
- .ads-components-adsdesktop-inbox--style-1 {
987
- margin-top: 20px;
988
- }
989
-
990
- .ads-components-adsdesktop-inbox--style-2 {
991
- text-align: center;
992
- }
993
-
994
- .ads-components-adsdesktop-inbox--style-3 {
995
- flex: 1;
996
- }
997
-
998
- .ads-components-adsdocuments--style-1 {
999
- width: 100%;
1000
- }
1001
-
1002
- .ads-components-advertisement-module-card--style-1 {
1003
- border: 1px solid #ccc;
1004
- background-color: white;
1005
- border-radius: 8px;
1006
- overflow: hidden;
1007
- max-width: 30%;
1008
- margin: 10px auto;
1009
- min-width: 24%;
1010
- }
1011
-
1012
- .ads-components-advertisement-module-card--style-2 {
1013
- width: 100%;
1014
- height: 200px;
1015
- position: relative;
1016
- padding: 10px;
1017
- }
1018
-
1019
- .ads-components-advertisement-module-card--style-3 {
1020
- width: 100%;
1021
- height: 100%;
1022
- background-size: cover;
1023
- background-repeat: no-repeat;
1024
- background-position: center;
1025
- min-width: 0;
1026
- }
1027
-
1028
- .ads-components-advertisement-module-card--style-4 {
1029
- padding: 10px;
1030
- }
1031
-
1032
- .ads-components-advertisement-module-card--style-5 {
1033
- margin: 0;
1034
- color: #a82227;
1035
- }
1036
-
1037
- .ads-components-advertisement-module-card--style-6 {
1038
- margin: 5px 0;
1039
- font-weight: bold;
1040
- }
1041
-
1042
- .ads-components-advertisement-module-card--style-7 {
1043
- margin-left: 5px;
1044
- color: #a82227;
1045
- }
1046
-
1047
- .ads-components-advertisement-module-card--style-8 {
1048
- display: flex;
1049
- justify-content: space-between;
1050
- }
1051
-
1052
- .ads-components-advertisement-module-card--style-9 {
1053
- display: flex;
1054
- justify-content: space-between;
1055
- }
1056
-
1057
- .ads-components-advertisement-module-card--style-10 {
1058
- background-color: green;
1059
- color: white;
1060
- border: 1px solid #ccc;
1061
- padding: 5px 10px;
1062
- border-radius: 4px;
1063
- }
1064
-
1065
- .ads-components-advertisement-module-card--style-11 {
1066
- background-color: #a82227;
1067
- color: white;
1068
- border: 1px solid #ccc;
1069
- padding: 5px 10px;
1070
- border-radius: 4px;
1071
- }
1072
-
1073
- .ads-components-booking-popup--style-1 {
1074
- box-shadow: none;
1075
- }
1076
-
1077
- .ads-components-booking-popup--style-2 {
1078
- display: flex;
1079
- justify-content: center;
1080
- gap: 20px;
1081
- flex-direction: column;
1082
- align-items: center;
1083
- }
1084
-
1085
- .ads-components-citizen-consent--style-1 {
1086
- display: flex;
1087
- justify-content: flex-end;
1088
- }
1089
-
1090
- .ads-components-citizen-consent--style-2 {
1091
- display: flex;
1092
- justify-content: flex-end;
1093
- }
1094
-
1095
- .ads-components-citizen-consent--style-3 {
1096
- color: red;
1097
- }
1098
-
1099
- .ads-components-citizen-consent--style-4 {
1100
- color: green;
1101
- }
1102
-
1103
- .ads-components-citizen-consent--style-5 {
1104
- display: flex;
1105
- justify-content: flex-end;
1106
- }
1107
-
1108
- .ads-citizen-consent__modal-overlay {
1109
- position: fixed;
1110
- inset: 0;
1111
- z-index: 10000;
1112
- display: flex;
1113
- align-items: center;
1114
- justify-content: center;
1115
- padding: 24px;
1116
- background: rgba(15, 36, 53, 0.58);
1117
- }
1118
-
1119
- .ads-citizen-consent__modal-content {
1120
- width: min(860px, 100%);
1121
- max-height: calc(100vh - 48px);
1122
- padding: 28px;
1123
- overflow-y: auto;
1124
- background: #fff;
1125
- border: 0;
1126
- border-radius: 8px;
1127
- box-shadow: 0 18px 48px rgba(15, 36, 53, 0.3);
1128
- outline: none;
1129
- }
1130
-
1131
- .ads-consent-declaration {
1132
- color: #1f2933;
1133
- font-size: 14px;
1134
- line-height: 1.6;
1135
- }
1136
-
1137
- .ads-consent-declaration__title {
1138
- margin: 0 0 20px;
1139
- color: #003c71;
1140
- font-size: 20px;
1141
- font-weight: 700;
1142
- line-height: 1.3;
1143
- text-align: center;
1144
- }
1145
-
1146
- .ads-consent-declaration__intro {
1147
- margin-bottom: 16px;
1148
- padding: 12px 14px;
1149
- background: #f3f8fb;
1150
- border-left: 4px solid #003c71;
1151
- }
1152
-
1153
- .ads-consent-declaration__paragraph {
1154
- margin: 0;
1155
- }
1156
-
1157
- .ads-consent-declaration__item {
1158
- display: flex;
1159
- gap: 10px;
1160
- margin: 10px 0;
1161
- }
1162
-
1163
- .ads-consent-declaration__item-number {
1164
- flex: 0 0 22px;
1165
- color: #003c71;
1166
- font-weight: 700;
1167
- }
1168
-
1169
- @media (max-width: 780px) {
1170
- .ads-citizen-consent__modal-overlay {
1171
- align-items: flex-end;
1172
- padding: 12px;
1173
- }
1174
-
1175
- .ads-citizen-consent__modal-content {
1176
- max-height: calc(100vh - 24px);
1177
- padding: 20px 16px;
1178
- border-radius: 8px 8px 0 0;
1179
- }
1180
-
1181
- .ads-consent-declaration__title {
1182
- font-size: 17px;
1183
- }
1184
- }
1185
-
1186
- .ads-components-existing-booking-details--style-1 {
1187
- margin-left: 16px;
1188
- margin-top: 16px;
1189
- }
1190
-
1191
- .ads-components-inbox-application-card--style-1 {
1192
- margin-top: 20px;
1193
- }
1194
-
1195
- .ads-components-inbox-application-card--style-2 {
1196
- text-align: center;
1197
- }
1198
-
1199
- .ads-components-inbox-new-inbox-filter--style-1 {
1200
- align-items: center;
1201
- }
1202
-
1203
- .ads-components-inbox-new-inbox-filter--style-2 {
1204
- display: flex;
1205
- align-items: center;
1206
- }
1207
-
1208
- .ads-components-inbox-new-inbox-filter--style-3 {
1209
- margin-left: 8px;
1210
- font-weight: normal;
1211
- }
1212
-
1213
- .ads-components-inbox-new-inbox-filter--style-4 {
1214
- border: 1px solid #e0e0e0;
1215
- padding: 6px;
1216
- }
1217
-
1218
- .ads-components-inbox-status--style-1 {
1219
- font-weight: normal;
1220
- }
1221
-
1222
- .ads-components-inbox-search--style-1 {
1223
- width: 100%;
1224
- display: grid;
1225
- }
1226
-
1227
- .ads-components-inbox-search--style-2 {
1228
- width: 100%;
1229
- }
1230
-
1231
- .ads-components-inbox-search--style-3 {
1232
- padding-top: 9px;
1233
- }
1234
-
1235
- .ads-components-inbox-search--style-4 {
1236
- flex: 1;
1237
- }
1238
-
1239
- .ads-components-inbox-search--style-5 {
1240
- flex: 1;
1241
- }
1242
-
1243
- .ads-components-loader--style-1 {
1244
- position: fixed;
1245
- top: 50%;
1246
- left: 50%;
1247
- transform: translate(-50%, -50%);
1248
- z-index: 9999;
1249
- }
1250
-
1251
- .ads-components-location-search--style-1 {
1252
- background-position: left;
1253
- color: #222;
1254
- caret-color: #222;
1255
- }
1256
-
1257
- .ads-components-location-search-card--style-1 {
1258
- position: relative;
1259
- }
1260
-
1261
- .ads-components-location-search-card--style-2 {
1262
- display: flex;
1263
- }
1264
-
1265
- .ads-components-location-search-card--style-3 {
1266
- position: absolute;
1267
- left: 12px;
1268
- top: 12px;
1269
- padding: 8px 10px;
1270
- background: #fff;
1271
- color: #0b74de;
1272
- border: none;
1273
- border-radius: 6px;
1274
- cursor: pointer;
1275
- font-weight: 700;
1276
- font-size: 13px;
1277
- line-height: 16px;
1278
- z-index: 9999;
1279
- appearance: none;
1280
- -webkit-appearance: none;
1281
- background-image: none;
1282
- text-transform: none;
1283
- }
1284
-
1285
- .ads-components-location-search-card--style-4 {
1286
- color: red;
1287
- display: inline-block;
1288
- }
1289
-
1290
- .ads-components-location-search-card--style-5 {
1291
- padding: 12px;
1292
- }
1293
-
1294
- .ads-components-mobile-inbox--style-1 {
1295
- padding: 0;
1296
- }
1297
-
1298
- .ads-components-search-application--style-1 {
1299
- margin-top: 10px;
1300
- }
1301
-
1302
- .ads-components-search-application--style-2 {
1303
- margin-top: 20px;
1304
- }
1305
-
1306
- .ads-components-search-application--style-3 {
1307
- text-align: center;
1308
- }
1309
-
1310
- .ads-page-components-adsaddress--style-1 {
1311
- color: red;
1312
- }
1313
-
1314
- .ads-page-components-adsaddress--style-2 {
1315
- color: red;
1316
- }
1317
-
1318
- .ads-page-components-adsaddress--style-3 {
1319
- color: red;
1320
- }
1321
-
1322
- .ads-page-components-adsaddress--style-4 {
1323
- color: red;
1324
- }
1325
-
1326
- .ads-page-components-adsaddress--style-5 {
1327
- color: red;
1328
- }
1329
-
1330
- .ads-page-components-adsaddress--style-6 {
1331
- width: 50%;
1332
- }
1333
-
1334
- .ads-page-components-adsaddress--style-7 {
1335
- color: red;
1336
- }
1337
-
1338
- .ads-page-components-adsaddress--style-8 {
1339
- color: red;
1340
- }
1341
-
1342
- .ads-page-components-adsaddress--style-9 {
1343
- color: red;
1344
- }
1345
-
1346
- .ads-page-components-adsaddress--style-10 {
1347
- color: red;
1348
- }
1349
-
1350
- .ads-page-components-adsaddress-field--style-1 {
1351
- width: 100%;
1352
- margin-top: 8px;
1353
- }
1354
-
1355
- .ads-page-components-adscitizen-details--style-1 {
1356
- position: relative;
1357
- }
1358
-
1359
- .ads-page-components-adscitizen-details--style-2 {
1360
- position: absolute;
1361
- right: 0;
1362
- }
1363
-
1364
- .ads-page-components-adscitizen-details--style-3 {
1365
- width: 100%;
1366
- }
1367
-
1368
- .ads-page-components-adscitizen-details--style-4 {
1369
- color: red;
1370
- }
1371
-
1372
- .ads-page-components-adscitizen-details--style-5 {
1373
- color: red;
1374
- margin-top: 4px;
1375
- margin-bottom: 0;
1376
- }
1377
-
1378
- .ads-page-components-adscitizen-details--style-6 {
1379
- color: red;
1380
- }
1381
-
1382
- .ads-page-components-adscitizen-details--style-7 {
1383
- color: red;
1384
- margin-top: 4px;
1385
- margin-bottom: 0;
1386
- }
1387
-
1388
- .ads-page-components-adscitizen-details--style-8 {
1389
- color: red;
1390
- margin-top: 4px;
1391
- margin-bottom: 0;
1392
- }
1393
-
1394
- .ads-page-components-adscitizen-details--style-9 {
1395
- color: red;
1396
- }
1397
-
1398
- .ads-page-components-adscitizen-details--style-10 {
1399
- color: red;
1400
- margin-top: 4px;
1401
- margin-bottom: 0;
1402
- }
1403
-
1404
- .ads-page-components-adscitizen-details-new--style-1 {
1405
- color: red;
1406
- margin-top: 4px;
1407
- margin-bottom: 0;
1408
- }
1409
-
1410
- .ads-page-components-adscitizen-details-new--style-2 {
1411
- color: red;
1412
- margin-top: 4px;
1413
- margin-bottom: 0;
1414
- }
1415
-
1416
- .ads-page-components-adscitizen-details-new--style-3 {
1417
- color: red;
1418
- margin-top: 4px;
1419
- margin-bottom: 0;
1420
- }
1421
-
1422
- .ads-page-components-adscitizen-details-new--style-4 {
1423
- color: red;
1424
- margin-top: 4px;
1425
- margin-bottom: 0;
1426
- }
1427
-
1428
- .ads-page-components-adscitizen-details-new--style-5 {
1429
- color: red;
1430
- margin-top: 4px;
1431
- margin-bottom: 0;
1432
- }
1433
-
1434
- .ads-page-components-adscitizen-details-new--style-6 {
1435
- display: flex;
1436
- align-items: center;
1437
- gap: 10px;
1438
- cursor: pointer;
1439
- }
1440
-
1441
- .ads-page-components-adscitizen-details-new--style-7 {
1442
- width: 18px;
1443
- height: 18px;
1444
- cursor: pointer;
1445
- }
1446
-
1447
- .ads-page-components-adscitizen-details-new--style-8 {
1448
- cursor: pointer;
1449
- color: #007bff;
1450
- text-decoration: underline;
1451
- margin: 0;
1452
- }
1453
-
1454
- .ads-page-components-adscitizen-details-new--style-9 {
1455
- color: red;
1456
- }
1457
-
1458
- .ads-page-components-adscitizen-second--style-1 {
1459
- display: flex;
1460
- justify-content: end;
1461
- }
1462
-
1463
- .ads-page-components-adscitizen-second--style-2 {
1464
- margin-right: 6px;
1465
- }
1466
-
1467
- .ads-page-components-adscitizen-second--style-3 {
1468
- display: flex;
1469
- flex-wrap: wrap;
1470
- gap: 12px;
1471
- }
1472
-
1473
- .ads-page-components-adscitizen-second--style-4 {
1474
- text-align: center;
1475
- margin-top: 1rem;
1476
- }
1477
-
1478
- .ads-page-components-adsdocument-details--style-1 {
1479
- position: relative;
1480
- }
1481
-
1482
- .ads-page-components-adsdocument-details--style-2 {
1483
- position: absolute;
1484
- right: 0;
1485
- }
1486
-
1487
- .ads-page-components-adsdocument-details--style-3 {
1488
- margin-bottom: 24px;
1489
- }
1490
-
1491
- .ads-page-components-adsdocument-details--style-4 {
1492
- display: flex;
1493
- align-items: center;
1494
- gap: 8px;
1495
- }
1496
-
1497
- .ads-page-components-adspenalty--style-1 {
1498
- display: flex;
1499
- gap: 20px;
1500
- }
1501
-
1502
- .ads-page-components-adspenalty--style-2 {
1503
- color: red;
1504
- }
1505
-
1506
- .ads-page-components-adspenalty--style-3 {
1507
- color: red;
1508
- }
1509
-
1510
- .ads-page-components-adspenalty--style-4 {
1511
- background: white;
1512
- color: black;
1513
- border: 1px solid;
1514
- margin-right: 10px;
1515
- }
1516
-
1517
- .ads-page-components-adsrequired-doc--style-1 {
1518
- display: flex;
1519
- justify-content: space-between;
1520
- width: 100%;
1521
- }
1522
-
1523
- .ads-page-components-adsselect-proof-identity--style-1 {
1524
- margin-bottom: 24px;
1525
- }
1526
-
1527
- .ads-page-components-adsselect-proof-identity--style-2 {
1528
- width: 100%;
1529
- }
1530
-
1531
- .ads-page-components-adssite-inspection--style-1 {
1532
- margin-bottom: 24px;
1533
- }
1534
-
1535
- .ads-page-components-adssite-inspection--style-2 {
1536
- color: red;
1537
- }
1538
-
1539
- .ads-page-components-adssite-inspection--style-3 {
1540
- width: 100%;
1541
- }
1542
-
1543
- .ads-page-components-adssite-inspection--style-4 {
1544
- color: red;
1545
- }
1546
-
1547
- .ads-page-components-adssite-master--style-1 {
1548
- margin: 12px 0;
1549
- padding: 8px;
1550
- border: 1px dashed #ddd;
1551
- border-radius: 6px;
1552
- }
1553
-
1554
- .ads-page-components-adssite-master--style-2 {
1555
- font-weight: 600;
1556
- margin-bottom: 8px;
1557
- }
1558
-
1559
- .ads-page-components-adssite-master--style-3 {
1560
- flex: 1;
1561
- }
1562
-
1563
- .ads-page-components-adssite-master--style-4 {
1564
- font-size: 13px;
1565
- font-weight: 500;
1566
- }
1567
-
1568
- .ads-page-components-adssite-master--style-5 {
1569
- font-size: 12px;
1570
- color: #666;
1571
- }
1572
-
1573
- .ads-page-components-adssite-master--style-6 {
1574
- display: flex;
1575
- gap: 8px;
1576
- }
1577
-
1578
- .ads-page-components-adssite-master--style-7 {
1579
- background: #fff;
1580
- border: 1px solid #ccc;
1581
- padding: 6px 8px;
1582
- border-radius: 4px;
1583
- cursor: pointer;
1584
- }
1585
-
1586
- .ads-page-components-adssite-master--style-8 {
1587
- background: transparent;
1588
- border: 1px solid #ccc;
1589
- padding: 6px 8px;
1590
- border-radius: 4px;
1591
- cursor: pointer;
1592
- }
1593
-
1594
- .ads-page-components-adssite-master--style-9 {
1595
- color: red;
1596
- }
1597
-
1598
- .ads-page-components-adssite-master--style-10 {
1599
- color: red;
1600
- }
1601
-
1602
- .ads-page-components-adssite-master--style-11 {
1603
- color: red;
1604
- }
1605
-
1606
- .ads-page-components-adssite-master--style-12 {
1607
- color: red;
1608
- }
1609
-
1610
- .ads-page-components-adssite-master--style-13 {
1611
- color: red;
1612
- }
1613
-
1614
- .ads-page-components-adssite-master--style-14 {
1615
- color: red;
1616
- }
1617
-
1618
- .ads-page-components-adssite-master--style-15 {
1619
- color: red;
1620
- }
1621
-
1622
- .ads-page-components-adssite-master--style-16 {
1623
- color: red;
1624
- }
1625
-
1626
- .ads-page-components-adssite-master--style-17 {
1627
- color: red;
1628
- }
1629
-
1630
- .ads-page-components-adssite-master--style-18 {
1631
- color: red;
1632
- }
1633
-
1634
- .ads-page-components-adssite-master--style-19 {
1635
- color: red;
1636
- }
1637
-
1638
- .ads-page-components-adssite-master--style-20 {
1639
- color: red;
1640
- }
1641
-
1642
- .ads-page-components-adssite-master--style-21 {
1643
- color: red;
1644
- }
1645
-
1646
- .ads-page-components-adssite-master--style-22 {
1647
- margin-top: 12px;
1648
- }
1649
-
1650
- .ads-page-components-adssite-master--style-23 {
1651
- color: red;
1652
- }
1653
-
1654
- .ads-page-components-adssite-master--style-24 {
1655
- color: red;
1656
- }
1657
-
1658
- .ads-page-components-adssite-master--style-25 {
1659
- color: red;
1660
- }
1661
-
1662
- .ads-page-components-adssite-master--style-26 {
1663
- color: red;
1664
- }
1665
-
1666
- .ads-page-components-adssite-master--style-27 {
1667
- margin-top: 12px;
1668
- }
1669
-
1670
- .ads-page-components-adssite-master--style-28 {
1671
- color: red;
1672
- }
1673
-
1674
- .ads-page-components-adssite-master--style-29 {
1675
- margin-left: 8px;
1676
- }
1677
-
1678
- .ads-page-components-adssite-master--style-30 {
1679
- color: red;
1680
- }
1681
-
1682
- .ads-page-components-adssite-master--style-31 {
1683
- margin-top: 12px;
1684
- }
1685
-
1686
- .ads-page-components-adssite-master--style-32 {
1687
- color: red;
1688
- }
1689
-
1690
- .ads-page-components-adssite-master--style-33 {
1691
- margin-left: 8px;
1692
- }
1693
-
1694
- .ads-page-components-adssite-master--style-34 {
1695
- color: red;
1696
- }
1697
-
1698
- .ads-page-components-adssite-master--style-35 {
1699
- margin: 12px 0;
1700
- }
1701
-
1702
- .ads-page-components-adssite-master--style-36 {
1703
- background: #f1f1f1;
1704
- border: 1px solid #ccc;
1705
- padding: 8px 12px;
1706
- border-radius: 4px;
1707
- cursor: pointer;
1708
- }
1709
-
1710
- .ads-page-components-adswfcaption--style-1 {
1711
- overflow-x: scroll;
1712
- }
1713
-
1714
- .ads-page-components-adsearch--style-1 {
1715
- padding-left: 50px;
1716
- }
1717
-
1718
- .ads-page-components-adsearch--style-2 {
1719
- padding-left: 50px;
1720
- }
1721
-
1722
- .ads-page-components-adsearch--style-3 {
1723
- display: flex;
1724
- flex-direction: row;
1725
- gap: 15px;
1726
- }
1727
-
1728
- .ads-page-components-adsearch--style-4 {
1729
- width: 1px;
1730
- }
1731
-
1732
- .ads-page-components-adsearch--style-5 {
1733
- width: 1px;
1734
- position: relative;
1735
- }
1736
-
1737
- .ads-page-components-adsearch--style-6 {
1738
- position: absolute;
1739
- right: 83px;
1740
- background-color: #ffffff;
1741
- color: #008000;
1742
- padding: 4px;
1743
- border-radius: 30px;
1744
- margin: 1px 0 1px 0;
1745
- width: 31px;
1746
- height: 30px;
1747
- text-align: center;
1748
- transform: translateX(100%);
1749
- }
1750
-
1751
- .ads-page-components-adsearch--style-7 {
1752
- overflow-x: auto;
1753
- }
1754
-
1755
- .ads-page-components-adsearch--style-8 {
1756
- width: 100%;
1757
- overflow-x: auto;
1758
- }
1759
-
1760
- .ads-page-components-gis--style-1 {
1761
- position: fixed;
1762
- background: #00000050;
1763
- width: 100%;
1764
- height: 100vh;
1765
- top: 0;
1766
- left: 0;
1767
- z-index: 9999;
1768
- }
1769
-
1770
- .ads-page-components-gis--style-2 {
1771
- position: relative;
1772
- margin-top: 60px;
1773
- }
1774
-
1775
- .ads-page-components-gis--style-3 {
1776
- position: relative;
1777
- margin-top: 100px;
1778
- margin-bottom: -100px;
1779
- }
1780
-
1781
- .ads-page-components-response--style-1 {
1782
- padding: 10px;
1783
- }
1784
-
1785
- .ads-page-components-response--style-2 {
1786
- display: flex;
1787
- justify-content: flex-end;
1788
- align-items: baseline;
1789
- }
1790
-
1791
- .ads-pages-citizen-adsapplication-details--style-1 {
1792
- margin-right: auto;
1793
- max-width: 960px;
1794
- }
1795
-
1796
- .ads-pages-citizen-adsapplication-details--style-2 {
1797
- font-size: 24px;
1798
- }
1799
-
1800
- .ads-pages-citizen-adsapplication-details--style-3 {
1801
- font-size: 24px;
1802
- }
1803
-
1804
- .ads-pages-citizen-adsapplication-details--style-4 {
1805
- display: flex;
1806
- flex-wrap: wrap;
1807
- gap: 30px;
1808
- }
1809
-
1810
- .ads-pages-citizen-adsapplication-details--style-5 {
1811
- padding: 0 1.5rem;
1812
- }
1813
-
1814
- .ads-pages-citizen-adsapplication-details--style-6 {
1815
- font-size: 24px;
1816
- }
1817
-
1818
- .ads-pages-citizen-adsapplication-details--style-7 {
1819
- display: flex;
1820
- flex-wrap: wrap;
1821
- gap: 30px;
1822
- }
1823
-
1824
- .ads-pages-citizen-adsapplication-details--style-8 {
1825
- padding: 0 1.5rem;
1826
- }
1827
-
1828
- .ads-pages-citizen-create-adsacknowledgement--style-1 {
1829
- padding: 10px;
1830
- }
1831
-
1832
- .ads-pages-citizen-create-adsacknowledgement--style-2 {
1833
- display: flex;
1834
- justify-content: flex-end;
1835
- align-items: baseline;
1836
- }
1837
-
1838
- .ads-pages-citizen-create-check-page--style-1 {
1839
- cursor: pointer;
1840
- margin-left: 20px;
1841
- }
1842
-
1843
- .ads-pages-citizen-create-check-page--style-2 {
1844
- display: flex;
1845
- justify-content: space-between;
1846
- width: 100%;
1847
- }
1848
-
1849
- .ads-pages-citizen-create-check-page--style-3 {
1850
- font-size: 24px;
1851
- }
1852
-
1853
- .ads-pages-citizen-create-check-page--style-4 {
1854
- font-size: 24px;
1855
- }
1856
-
1857
- .ads-pages-citizen-create-check-page--style-5 {
1858
- font-size: 24px;
1859
- }
1860
-
1861
- .ads-pages-citizen-create-check-page--style-6 {
1862
- font-size: 24px;
1863
- }
1864
-
1865
- .ads-pages-citizen-index--style-1 {
1866
- width: 100%;
1867
- }
1868
-
1869
- .ads-pages-employee-application-details--style-1 {
1870
- margin-bottom: 15px;
1871
- }
1872
-
1873
- .ads-pages-employee-application-details--style-2 {
1874
- display: flex;
1875
- justify-content: space-between;
1876
- align-items: center;
1877
- }
1878
-
1879
- .ads-pages-employee-application-details--style-3 {
1880
- display: flex;
1881
- align-items: center;
1882
- gap: 12px;
1883
- }
1884
-
1885
- .ads-pages-employee-application-details--style-4 {
1886
- position: relative;
1887
- z-index: 10;
1888
- }
1889
-
1890
- .ads-pages-employee-application-details--style-5 {
1891
- display: flex;
1892
- justify-content: flex-end;
1893
- }
1894
-
1895
- .ads-pages-employee-application-details--style-6 {
1896
- display: flex;
1897
- flex-wrap: wrap;
1898
- gap: 30px;
1899
- }
1900
-
1901
- .ads-pages-employee-application-details--style-7 {
1902
- padding: 0 1.5rem;
1903
- }
1904
-
1905
- .ads-pages-employee-application-details--style-8 {
1906
- display: flex;
1907
- flex-wrap: wrap;
1908
- gap: 30px;
1909
- }
1910
-
1911
- .ads-pages-employee-application-details--style-9 {
1912
- padding: 0 1.5rem;
1913
- }
1914
-
1915
- .ads-pages-employee-index--style-1 {
1916
- margin-left: 10px;
1917
- }
1918
- /* ADS has no quick links below the inbox heading, so keep its service banner compact. */
1919
- .employeeCard.filter.inboxLinks.ads-inbox-links {
1920
- height: auto;
1921
- max-height: none;
1922
- min-height: 0;
1923
- overflow: visible;
1924
- padding: 12px 18px !important;
1925
- }
1926
-
1927
- .ads-inbox-links__container {
1928
- display: flex;
1929
- width: 100%;
1930
- min-width: 0;
1931
- align-items: center;
1932
- }
1933
-
1934
- .ads-inbox-links__header {
1935
- display: flex;
1936
- flex: 1 1 auto;
1937
- width: 100%;
1938
- max-width: 100%;
1939
- min-width: 0;
1940
- align-items: center;
1941
- }
1942
-
1943
- .ads-inbox-links__logo {
1944
- display: inline-flex;
1945
- flex: 0 0 56px;
1946
- width: 56px;
1947
- height: 56px;
1948
- align-items: center;
1949
- justify-content: center;
1950
- }
1951
-
1952
- .ads-inbox-links__logo svg {
1953
- width: 32px;
1954
- height: 32px;
1955
- }
1956
-
1957
- .ads-inbox-links__logo svg path {
1958
- fill: #1359c8;
1959
- }
1960
-
1961
- .ads-inbox-links__title {
1962
- display: block;
1963
- flex: 1 1 auto;
1964
- min-width: 0;
1965
- padding-left: 16px;
1966
- overflow-wrap: anywhere;
1967
- font-size: 20px;
1968
- font-weight: 700;
1969
- line-height: 28px;
1970
- white-space: normal;
1971
- }
1972
-
1973
- .ads-inbox-links__body {
1974
- display: flex;
1975
- flex-direction: column;
1976
- }
1977
-
1978
- .ads-inbox-links__body--empty {
1979
- display: none;
1980
- }
1981
-
1982
- .ads-inbox-links__link {
1983
- padding: 8px;
1984
- color: #2947a3;
1985
- }
1986
-
1987
- .ads-new-inbox-filters .ndc-new-inbox-filter-card {
1988
- margin: 0 !important;
1989
- }
1990
-
1991
- .ads-new-inbox-search {
1992
- align-items: flex-end;
1993
- }
1994
-
1995
- .ads-new-inbox-search-fields {
1996
- display: grid;
1997
- grid-template-columns: repeat(2, minmax(180px, 1fr));
1998
- flex: 1;
1999
- gap: 14px;
2000
- }
2001
-
2002
- .ads-new-inbox-search-fields label {
2003
- display: flex;
2004
- flex-direction: column;
2005
- gap: 7px;
2006
- color: var(--mseva-text, #132447);
2007
- font-size: 13px;
2008
- font-weight: 700;
2009
- }
2010
-
2011
- .ads-new-inbox-search-fields input {
2012
- width: 100%;
2013
- min-height: 42px;
2014
- box-sizing: border-box;
2015
- padding: 9px 12px;
2016
- border: 1px solid #d4e1ef;
2017
- border-radius: 8px;
2018
- background: #ffffff;
2019
- color: var(--mseva-text, #132447);
2020
- font: inherit;
2021
- }
2022
-
2023
- .ads-new-inbox-search-fields input:focus {
2024
- border-color: #0b63ce;
2025
- outline: none;
2026
- }
2027
-
2028
- .ads-new-inbox-search-actions {
2029
- display: flex;
2030
- align-items: center;
2031
- gap: 12px;
2032
- }
2033
-
2034
- .ads-new-inbox-search-button,
2035
- .ads-new-inbox-clear-button {
2036
- min-height: 42px;
2037
- padding: 0 18px;
2038
- border-radius: 8px;
2039
- font: inherit;
2040
- font-size: 14px;
2041
- font-weight: 700;
2042
- cursor: pointer;
2043
- }
2044
-
2045
- .ads-new-inbox-search-button {
2046
- border: 1px solid #0756a8;
2047
- background: #0756a8;
2048
- color: #ffffff;
2049
- }
2050
-
2051
- .ads-new-inbox-search-button:hover {
2052
- background: #063a78;
2053
- }
2054
-
2055
- .ads-new-inbox-clear-button {
2056
- border: 0;
2057
- background: transparent;
2058
- color: #0b6530;
2059
- }
2060
-
2061
- .ads-new-inbox-clear-button:hover {
2062
- text-decoration: underline;
2063
- }
2064
-
2065
- @media (min-width: 769px) {
2066
- .ads-new-inbox-table-wrapper .ndc-new-table {
2067
- min-width: 1080px;
2068
- table-layout: auto;
2069
- }
2070
-
2071
- .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
2072
- .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
2073
- width: 260px;
2074
- min-width: 260px;
2075
- white-space: nowrap;
2076
- }
2077
-
2078
- .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
2079
- .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
2080
- width: 210px;
2081
- min-width: 180px;
2082
- }
2083
-
2084
- .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
2085
- .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
2086
- min-width: 220px;
2087
- }
2088
-
2089
- .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(4),
2090
- .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(4),
2091
- .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(5),
2092
- .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(5) {
2093
- white-space: nowrap;
2094
- }
2095
- }
2096
-
2097
- @media (max-width: 768px) {
2098
- .ads-inbox-links__title {
2099
- font-size: 18px;
2100
- line-height: 24px;
2101
- }
2102
-
2103
- .ads-new-inbox-search {
2104
- align-items: stretch;
2105
- }
2106
-
2107
- .ads-new-inbox-search-fields {
2108
- grid-template-columns: 1fr;
2109
- }
2110
-
2111
- .ads-new-inbox-search-actions {
2112
- justify-content: space-between;
2113
- }
2114
-
2115
- .ads-new-inbox-search-button {
2116
- flex: 1;
2117
- }
2118
- }
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
+ .ads-cart-table-wrapper {
276
+ flex: 1;
277
+ overflow-y: auto;
278
+ border: 1px solid #ddd;
279
+ border-radius: 8px;
280
+ }
281
+
282
+ .ads-cart-table-message {
283
+ font-size: 24px;
284
+ color: #555;
285
+ text-align: center;
286
+ }
287
+
288
+ .ads-table-row--even {
289
+ background-color: #fafafa;
290
+ }
291
+
292
+ .ads-table-row--odd {
293
+ background-color: #fff;
294
+ }
295
+
296
+ .ads-modal-footer {
297
+ margin-top: 12px;
298
+ display: flex;
299
+ justify-content: flex-end;
300
+ gap: 10px;
301
+ }
302
+
303
+ .ads-cart-details {
304
+ margin-top: 1rem;
305
+ }
306
+
307
+ .ads-cart-empty {
308
+ padding: 12px;
309
+ color: #666;
310
+ }
311
+
312
+ .ads-cart-item-header--clickable {
313
+ cursor: pointer;
314
+ }
315
+
316
+ .ads-cart-item-toggle {
317
+ font-size: 18px;
318
+ }
319
+ .ads-timer {
320
+ font-weight: 600;
321
+ font-size: 14px;
322
+ margin-left: 8px;
323
+ color: #2947a3;
324
+ }
325
+
326
+ .ads-timer--critical {
327
+ color: red;
328
+ }
329
+
330
+ .ads-timer-countdown {
331
+ font-size: 16px;
332
+ font-weight: 900;
333
+ color: red;
334
+ margin-left: 4px;
335
+ }
336
+
337
+ .ads-timer-expired {
338
+ font-size: 16px;
339
+ color: red;
340
+ font-weight: 800;
341
+ }
342
+ .ads-error-message {
343
+ color: #d4351c;
344
+ font-size: 12px;
345
+ margin-top: 4px;
346
+ margin-bottom: 10px;
347
+ }
348
+ .ads-error-container {
349
+ display: flex;
350
+ align-items: center;
351
+ gap: 8px;
352
+ }
353
+
354
+ .ads-error-dismiss {
355
+ background: transparent;
356
+ border: none;
357
+ font-size: 18px;
358
+ cursor: pointer;
359
+ line-height: 1;
360
+ }
361
+ .ads-summary-section {
362
+ background-color: #ffffff;
363
+ padding: 1rem 0;
364
+ border-radius: 8px;
365
+ margin-bottom: 1.5rem;
366
+ box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04);
367
+ }
368
+
369
+ .ads-summary-header {
370
+ display: flex;
371
+ justify-content: space-between;
372
+ align-items: center;
373
+ margin-bottom: 0.75rem;
374
+ padding: 0 1.5rem;
375
+ }
376
+
377
+ .ads-summary-header--compact {
378
+ display: flex;
379
+ justify-content: space-between;
380
+ align-items: center;
381
+ margin-bottom: 0.75rem;
382
+ }
383
+
384
+ .ads-summary-heading {
385
+ font-size: 1.25rem;
386
+ color: #0d43a7;
387
+ font-weight: 600;
388
+ margin: 0;
389
+ }
390
+
391
+ .ads-summary-edit {
392
+ cursor: pointer;
393
+ color: #2e86de !important;
394
+ font-weight: 600;
395
+ text-align: end !important;
396
+ }
397
+
398
+ .ads-summary-row {
399
+ display: flex;
400
+ justify-content: space-between;
401
+ border-bottom: 1px dashed #e9eef2;
402
+ padding: 0.6rem 1.5rem;
403
+ align-items: center;
404
+ }
405
+
406
+ .ads-summary-row-label {
407
+ display: flex;
408
+ gap: 0.5rem;
409
+ align-items: center;
410
+ }
411
+
412
+ .ads-summary-bold {
413
+ font-weight: 500;
414
+ color: #333;
415
+ }
416
+
417
+ .ads-summary-row-value {
418
+ text-align: right;
419
+ min-width: 120px;
420
+ }
421
+
422
+ .ads-summary-docs {
423
+ display: flex;
424
+ flex-wrap: wrap;
425
+ gap: 1rem;
426
+ margin-top: 0.5rem;
427
+ }
428
+
429
+ .ads-summary-doc-card {
430
+ flex: 1 1 220px;
431
+ min-width: 180px;
432
+ max-width: 260px;
433
+ background-color: #fbfcfe;
434
+ padding: 0.6rem;
435
+ border: 1px solid #eef3f7;
436
+ border-radius: 6px;
437
+ }
438
+
439
+ .ads-summary-no-docs {
440
+ padding: 0 1.5rem;
441
+ }
442
+ .ads-applications-empty {
443
+ margin-left: 16px;
444
+ margin-top: 16px;
445
+ color: #666;
446
+ }
447
+
448
+ .ads-pagination-controls {
449
+ display: flex;
450
+ justify-content: center;
451
+ align-items: center;
452
+ gap: 12px;
453
+ margin: 20px 0;
454
+ }
455
+
456
+ .ads-pagination-btn {
457
+ background-color: #2947a3;
458
+ color: #fff;
459
+ border: none;
460
+ padding: 8px 12px;
461
+ border-radius: 50%;
462
+ font-size: 18px;
463
+ cursor: pointer;
464
+ transition: background-color 0.2s ease;
465
+ }
466
+
467
+ .ads-pagination-btn--disabled {
468
+ background-color: #ccc;
469
+ cursor: not-allowed;
470
+ }
471
+
472
+ .ads-pagination-info {
473
+ font-weight: 500;
474
+ color: #333;
475
+ }
476
+
477
+ .ads-new-booking {
478
+ margin-left: 16px;
479
+ margin-top: 16px;
480
+ }
481
+
482
+ .ads-new-booking-btn {
483
+ padding: 8px 12px;
484
+ font-weight: 700;
485
+ display: block;
486
+ background: #2947a3;
487
+ color: #fff;
488
+ border: none;
489
+ border-radius: 6px;
490
+ cursor: pointer;
491
+ }
492
+
493
+ .ads-my-bookings {
494
+ max-width: 1120px;
495
+ margin: 0 auto;
496
+ padding: 8px 0 48px;
497
+ }
498
+
499
+ .ads-my-bookings__heading {
500
+ display: flex;
501
+ align-items: center;
502
+ justify-content: space-between;
503
+ margin-bottom: 20px;
504
+ }
505
+
506
+ .ads-my-bookings__heading header {
507
+ color: var(--mseva-blue-900) !important;
508
+ font-weight: 800;
509
+ letter-spacing: -0.02em;
510
+ }
511
+
512
+ .ads-my-bookings__list {
513
+ display: grid;
514
+ gap: 16px;
515
+ }
516
+
517
+ .ads-my-bookings__item,
518
+ .ads-booking-card {
519
+ width: 100%;
520
+ }
521
+
522
+ .ads-booking-card .card {
523
+ width: 100%;
524
+ max-width: none;
525
+ margin: 0;
526
+ padding: 24px;
527
+ border: 1px solid #d8e5f4;
528
+ border-radius: 16px;
529
+ background: #fff;
530
+ box-shadow: 0 7px 18px rgba(7, 75, 152, 0.08);
531
+ }
532
+
533
+ .ads-booking-card__details {
534
+ display: grid;
535
+ grid-template-columns: repeat(2, minmax(0, 1fr));
536
+ gap: 16px 28px;
537
+ }
538
+
539
+ .ads-booking-card .key-note-pair {
540
+ margin: 0;
541
+ padding: 0 0 12px;
542
+ border-bottom: 1px solid #e5edf6;
543
+ }
544
+
545
+ .ads-booking-card .key-note-pair h3 {
546
+ margin-bottom: 4px;
547
+ color: #52708f;
548
+ font-size: 0.8125rem;
549
+ font-weight: 700;
550
+ letter-spacing: 0.02em;
551
+ }
552
+
553
+ .ads-booking-card .key-note-pair p {
554
+ color: var(--mseva-text);
555
+ font-size: 1rem;
556
+ font-weight: 700;
557
+ }
558
+
559
+ .ads-booking-card__status .key-note-pair p {
560
+ display: inline-flex;
561
+ padding: 4px 10px;
562
+ border-radius: 999px;
563
+ color: var(--mseva-green-800);
564
+ background: #eaf7ed;
565
+ font-size: 0.875rem;
566
+ }
567
+
568
+ .ads-booking-card .action-button-myapplication {
569
+ gap: 12px;
570
+ margin-top: 22px;
571
+ }
572
+
573
+ .ads-booking-card .action-button-myapplication .submit-bar {
574
+ min-width: 160px;
575
+ margin: 0;
576
+ border-radius: 8px;
577
+ }
578
+
579
+ .ads-my-bookings__empty {
580
+ padding: 38px 24px;
581
+ border: 1px dashed #b8cce2;
582
+ border-radius: 16px;
583
+ background: #fff;
584
+ text-align: center;
585
+ }
586
+
587
+ .ads-applications-empty {
588
+ margin: 0;
589
+ color: #52708f;
590
+ }
591
+
592
+ .ads-pagination-controls {
593
+ margin: 8px 0 0;
594
+ }
595
+
596
+ .ads-pagination-btn {
597
+ display: inline-flex;
598
+ align-items: center;
599
+ justify-content: center;
600
+ width: 40px;
601
+ height: 40px;
602
+ padding: 0;
603
+ background: var(--mseva-blue-700);
604
+ }
605
+
606
+ .ads-pagination-btn:hover:not(:disabled) {
607
+ background: var(--mseva-green-700);
608
+ }
609
+
610
+ .ads-pagination-info {
611
+ color: var(--mseva-text);
612
+ font-weight: 700;
613
+ }
614
+
615
+ .ads-new-booking {
616
+ display: flex;
617
+ align-items: center;
618
+ gap: 12px;
619
+ margin: 24px 0 0;
620
+ padding: 18px 20px;
621
+ border: 1px solid #cfe2d5;
622
+ border-radius: 14px;
623
+ background: #f1f9f2;
624
+ color: var(--mseva-text);
625
+ font-weight: 600;
626
+ }
627
+
628
+ .ads-new-booking-btn {
629
+ display: inline-flex;
630
+ align-items: center;
631
+ min-height: 40px;
632
+ padding: 8px 16px;
633
+ border-radius: 8px;
634
+ background: var(--mseva-green-700);
635
+ }
636
+
637
+ .ads-new-booking-btn:hover {
638
+ background: var(--mseva-green-800);
639
+ }
640
+
641
+ @media (max-width: 640px) {
642
+ .ads-my-bookings {
643
+ padding-bottom: 32px;
644
+ }
645
+
646
+ .ads-my-bookings__heading {
647
+ margin-bottom: 14px;
648
+ }
649
+
650
+ .ads-my-bookings__heading header {
651
+ font-size: 1.65rem !important;
652
+ }
653
+
654
+ .ads-booking-card .card {
655
+ padding: 18px;
656
+ }
657
+
658
+ .ads-booking-card__details {
659
+ grid-template-columns: 1fr;
660
+ gap: 12px;
661
+ }
662
+
663
+ .ads-booking-card .action-button-myapplication {
664
+ display: grid;
665
+ grid-template-columns: 1fr;
666
+ }
667
+
668
+ .ads-booking-card .action-button-myapplication .submit-bar {
669
+ width: 100%;
670
+ }
671
+
672
+ .ads-new-booking {
673
+ align-items: flex-start;
674
+ flex-direction: column;
675
+ }
676
+ }
677
+ .ads-registration-row {
678
+ display: flex;
679
+ align-items: center;
680
+ }
681
+
682
+ .ads-registration-row--new {
683
+ margin-left: 12px;
684
+ }
685
+
686
+ .ads-registration-row--existing {
687
+ margin-left: -4px;
688
+ }
689
+ .ads-cart-table-cell--inbox {
690
+ min-width: 240px;
691
+ padding: 20px 18px;
692
+ font-size: 16px;
693
+ }
694
+ .ads-default-cell {
695
+ padding: 20px 18px;
696
+ font-size: 16px;
697
+ }
698
+ .ads-inbox-cell {
699
+ min-width: 240px;
700
+ padding: 20px 18px;
701
+ font-size: 16px;
702
+ }
703
+ .ads-btn-back {
704
+ background: #fff;
705
+ color: #2947a3;
706
+ border: 1px solid #2947a3;
707
+ }
708
+ .ads-heading-large {
709
+ font-size: 28px;
710
+ font-weight: 500;
711
+ color: #1c1d1f;
712
+ }
713
+ .ads-search-container {
714
+ width: auto;
715
+ }
716
+ .ads-search-container--inbox {
717
+ margin-left: 24px;
718
+ }
719
+ .ads-search-container--revert {
720
+ margin-left: revert;
721
+ }
722
+ .ads-search-error {
723
+ font-weight: 700;
724
+ color: rgba(212, 53, 28);
725
+ padding-left: 8px;
726
+ margin-top: -20px;
727
+ font-size: 12px;
728
+ }
729
+ .ads-search-inbox-clear {
730
+ grid-column: 2 / 3;
731
+ text-align: right;
732
+ padding-top: 10px;
733
+ }
734
+ .ads-search-submit-wrapper {
735
+ max-width: unset;
736
+ margin-left: unset;
737
+ }
738
+
739
+ /* ADS AdCard Refactored Styles */
740
+ .ads-ad-card-image-img {
741
+ width: 100%;
742
+ height: 100%;
743
+ object-fit: cover;
744
+ }
745
+
746
+ .ads-ad-card-info {
747
+ display: flex;
748
+ flex-direction: column;
749
+ gap: 6px;
750
+ font-size: 13px;
751
+ color: #444;
752
+ }
753
+
754
+ .ads-ad-card-info-row {
755
+ display: flex;
756
+ justify-content: space-between;
757
+ }
758
+
759
+ .ads-ad-card-info-row--bold {
760
+ font-weight: 600;
761
+ }
762
+
763
+ .ads-ad-card-amount {
764
+ color: #222;
765
+ }
766
+
767
+ .ads-ad-card-light {
768
+ color: green;
769
+ font-weight: 600;
770
+ }
771
+
772
+ .ads-ad-card-date-row {
773
+ display: flex;
774
+ gap: 4px;
775
+ margin-top: 8px;
776
+ }
777
+
778
+ .ads-ad-card-date-field {
779
+ flex: 1;
780
+ }
781
+
782
+ .ads-ad-card-date-label {
783
+ font-size: 12px;
784
+ color: #666;
785
+ }
786
+
787
+ .ads-ad-card-actions {
788
+ display: flex;
789
+ gap: 8px;
790
+ margin-top: 6px;
791
+ }
792
+
793
+ .ads-ad-card-cart-icon {
794
+ color: black;
795
+ }
796
+
797
+ .ads-availibility-for-title {
798
+ margin: 0;
799
+ font-size: 20px;
800
+ font-weight: 700;
801
+ color: #333;
802
+ }
803
+
804
+ /* ADS Cart Modal Refactored Styles */
805
+ .ads-cart-modal-body {
806
+ flex: 1;
807
+ overflow-y: auto;
808
+ }
809
+
810
+ .ads-cart-empty-text {
811
+ padding: 12px;
812
+ color: #666;
813
+ }
814
+
815
+ .ads-cart-item-header-info {
816
+ cursor: pointer;
817
+ flex: 1;
818
+ }
819
+
820
+ .ads-cart-item-toggle-modal {
821
+ font-size: 18px;
822
+ margin-left: 8px;
823
+ }
824
+
825
+ .ads-reservation-wrapper {
826
+ display: flex;
827
+ justify-content: flex-end;
828
+ }
829
+
830
+ /* ADS inline style extraction */
831
+ .ads-components-adscancel-booking--style-1 {
832
+ width: 80%;
833
+ justify-self: center;
834
+ }
835
+
836
+ .ads-components-adscancel-booking--style-2 {
837
+ color: red;
838
+ }
839
+
840
+ .ads-components-adscancel-booking--style-3 {
841
+ color: red;
842
+ margin-top: 4px;
843
+ margin-bottom: 0;
844
+ }
845
+
846
+ .ads-components-adscart-and-cancellation-policy-details--style-1 {
847
+ padding-left: 50px;
848
+ }
849
+
850
+ .ads-components-adscart-and-cancellation-policy-details--style-2 {
851
+ padding-left: 50px;
852
+ }
853
+
854
+ .ads-components-adscart-and-cancellation-policy-details--style-3 {
855
+ cursor: pointer;
856
+ margin-left: 20px;
857
+ }
858
+
859
+ .ads-components-adscart-and-cancellation-policy-details--style-4 {
860
+ padding-left: 20px;
861
+ }
862
+
863
+ .ads-components-adscart-and-cancellation-policy-details--style-5 {
864
+ margin-bottom: 10px;
865
+ }
866
+
867
+ .ads-components-adscart-and-cancellation-policy-details--style-6 {
868
+ color: #a82227;
869
+ }
870
+
871
+ .ads-components-adscart-and-cancellation-policy-details--style-7 {
872
+ display: flex;
873
+ justify-content: space-between;
874
+ width: 100%;
875
+ }
876
+
877
+ .ads-components-adscart-and-cancellation-policy-details--style-8 {
878
+ cursor: pointer;
879
+ color: #a82227;
880
+ font-size: 20px;
881
+ text-decoration: none;
882
+ margin-bottom: 10px;
883
+ }
884
+
885
+ .ads-components-adscart-and-cancellation-policy-details--style-9 {
886
+ width: 1px;
887
+ }
888
+
889
+ .ads-components-adscart-and-cancellation-policy-details--style-10 {
890
+ width: 20px;
891
+ position: relative;
892
+ }
893
+
894
+ .ads-components-adscart-and-cancellation-policy-details--style-11 {
895
+ position: absolute;
896
+ top: -4px;
897
+ right: -93px;
898
+ color: #008000;
899
+ padding: 5px;
900
+ border-radius: 30px;
901
+ width: 30px;
902
+ height: 30px;
903
+ text-align: center;
904
+ }
905
+
906
+ .ads-components-adscart-and-cancellation-policy-details--style-12 {
907
+ cursor: pointer;
908
+ color: #a82227;
909
+ font-size: 20px;
910
+ text-decoration: none;
911
+ margin-bottom: 10px;
912
+ }
913
+
914
+ .ads-components-adscart-and-cancellation-policy-details--style-13 {
915
+ cursor: pointer;
916
+ font-size: 20px;
917
+ color: #a82227;
918
+ }
919
+
920
+ .ads-components-adscart-and-cancellation-policy-details--style-14 {
921
+ }
922
+
923
+ .ads-components-adscart-and-cancellation-policy-details--style-15 {
924
+ color: #a82227;
925
+ margin: 25px;
926
+ }
927
+
928
+ .ads-components-adscart-and-cancellation-policy-details--style-16 {
929
+ color: #a82227;
930
+ margin: 25px;
931
+ }
932
+
933
+ .ads-components-adscart-and-cancellation-policy-details--style-17 {
934
+ }
935
+
936
+ .ads-components-adscart-and-cancellation-policy-details--style-18 {
937
+ color: #a82227;
938
+ margin: 25px;
939
+ }
940
+
941
+ .ads-components-adscart-and-cancellation-policy-details--style-19 {
942
+ margin-bottom: 15px;
943
+ }
944
+
945
+ .ads-components-adscart-and-cancellation-policy-details--style-20 {
946
+ display: flex;
947
+ justify-content: space-between;
948
+ }
949
+
950
+ .ads-components-adscart-and-cancellation-policy-details--style-21 {
951
+ font-weight: bold;
952
+ margin-top: 10px;
953
+ display: flex;
954
+ justify-content: space-between;
955
+ }
956
+
957
+ .ads-components-adscart-details--style-1 {
958
+ padding-left: 50px;
959
+ }
960
+
961
+ .ads-components-adscart-details--style-2 {
962
+ padding-left: 50px;
963
+ }
964
+
965
+ .ads-components-adscart-details--style-3 {
966
+ cursor: pointer;
967
+ margin-left: 20px;
968
+ }
969
+
970
+ .ads-components-adscart-details--style-4 {
971
+ color: #a82227;
972
+ margin: 25px;
973
+ }
974
+
975
+ .ads-components-adscart-details--style-5 {
976
+ position: sticky;
977
+ bottom: 0;
978
+ background-color: #fff;
979
+ padding: 15px 20px;
980
+ font-size: 18px;
981
+ font-weight: bold;
982
+ box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
983
+ z-index: 10;
984
+ }
985
+
986
+ .ads-components-adsdesktop-inbox--style-1 {
987
+ margin-top: 20px;
988
+ }
989
+
990
+ .ads-components-adsdesktop-inbox--style-2 {
991
+ text-align: center;
992
+ }
993
+
994
+ .ads-components-adsdesktop-inbox--style-3 {
995
+ flex: 1;
996
+ }
997
+
998
+ .ads-components-adsdocuments--style-1 {
999
+ width: 100%;
1000
+ }
1001
+
1002
+ .ads-components-advertisement-module-card--style-1 {
1003
+ border: 1px solid #ccc;
1004
+ background-color: white;
1005
+ border-radius: 8px;
1006
+ overflow: hidden;
1007
+ max-width: 30%;
1008
+ margin: 10px auto;
1009
+ min-width: 24%;
1010
+ }
1011
+
1012
+ .ads-components-advertisement-module-card--style-2 {
1013
+ width: 100%;
1014
+ height: 200px;
1015
+ position: relative;
1016
+ padding: 10px;
1017
+ }
1018
+
1019
+ .ads-components-advertisement-module-card--style-3 {
1020
+ width: 100%;
1021
+ height: 100%;
1022
+ background-size: cover;
1023
+ background-repeat: no-repeat;
1024
+ background-position: center;
1025
+ min-width: 0;
1026
+ }
1027
+
1028
+ .ads-components-advertisement-module-card--style-4 {
1029
+ padding: 10px;
1030
+ }
1031
+
1032
+ .ads-components-advertisement-module-card--style-5 {
1033
+ margin: 0;
1034
+ color: #a82227;
1035
+ }
1036
+
1037
+ .ads-components-advertisement-module-card--style-6 {
1038
+ margin: 5px 0;
1039
+ font-weight: bold;
1040
+ }
1041
+
1042
+ .ads-components-advertisement-module-card--style-7 {
1043
+ margin-left: 5px;
1044
+ color: #a82227;
1045
+ }
1046
+
1047
+ .ads-components-advertisement-module-card--style-8 {
1048
+ display: flex;
1049
+ justify-content: space-between;
1050
+ }
1051
+
1052
+ .ads-components-advertisement-module-card--style-9 {
1053
+ display: flex;
1054
+ justify-content: space-between;
1055
+ }
1056
+
1057
+ .ads-components-advertisement-module-card--style-10 {
1058
+ background-color: green;
1059
+ color: white;
1060
+ border: 1px solid #ccc;
1061
+ padding: 5px 10px;
1062
+ border-radius: 4px;
1063
+ }
1064
+
1065
+ .ads-components-advertisement-module-card--style-11 {
1066
+ background-color: #a82227;
1067
+ color: white;
1068
+ border: 1px solid #ccc;
1069
+ padding: 5px 10px;
1070
+ border-radius: 4px;
1071
+ }
1072
+
1073
+ .ads-components-booking-popup--style-1 {
1074
+ box-shadow: none;
1075
+ }
1076
+
1077
+ .ads-components-booking-popup--style-2 {
1078
+ display: flex;
1079
+ justify-content: center;
1080
+ gap: 20px;
1081
+ flex-direction: column;
1082
+ align-items: center;
1083
+ }
1084
+
1085
+ .ads-components-citizen-consent--style-1 {
1086
+ display: flex;
1087
+ justify-content: flex-end;
1088
+ }
1089
+
1090
+ .ads-components-citizen-consent--style-2 {
1091
+ display: flex;
1092
+ justify-content: flex-end;
1093
+ }
1094
+
1095
+ .ads-components-citizen-consent--style-3 {
1096
+ color: red;
1097
+ }
1098
+
1099
+ .ads-components-citizen-consent--style-4 {
1100
+ color: green;
1101
+ }
1102
+
1103
+ .ads-components-citizen-consent--style-5 {
1104
+ display: flex;
1105
+ justify-content: flex-end;
1106
+ }
1107
+
1108
+ .ads-citizen-consent__modal-overlay {
1109
+ position: fixed;
1110
+ inset: 0;
1111
+ z-index: 10000;
1112
+ display: flex;
1113
+ align-items: center;
1114
+ justify-content: center;
1115
+ padding: 24px;
1116
+ background: rgba(15, 36, 53, 0.58);
1117
+ }
1118
+
1119
+ .ads-citizen-consent__modal-content {
1120
+ width: min(860px, 100%);
1121
+ max-height: calc(100vh - 48px);
1122
+ padding: 28px;
1123
+ overflow-y: auto;
1124
+ background: #fff;
1125
+ border: 0;
1126
+ border-radius: 8px;
1127
+ box-shadow: 0 18px 48px rgba(15, 36, 53, 0.3);
1128
+ outline: none;
1129
+ }
1130
+
1131
+ .ads-consent-declaration {
1132
+ color: #1f2933;
1133
+ font-size: 14px;
1134
+ line-height: 1.6;
1135
+ }
1136
+
1137
+ .ads-consent-declaration__title {
1138
+ margin: 0 0 20px;
1139
+ color: #003c71;
1140
+ font-size: 20px;
1141
+ font-weight: 700;
1142
+ line-height: 1.3;
1143
+ text-align: center;
1144
+ }
1145
+
1146
+ .ads-consent-declaration__intro {
1147
+ margin-bottom: 16px;
1148
+ padding: 12px 14px;
1149
+ background: #f3f8fb;
1150
+ border-left: 4px solid #003c71;
1151
+ }
1152
+
1153
+ .ads-consent-declaration__paragraph {
1154
+ margin: 0;
1155
+ }
1156
+
1157
+ .ads-consent-declaration__item {
1158
+ display: flex;
1159
+ gap: 10px;
1160
+ margin: 10px 0;
1161
+ }
1162
+
1163
+ .ads-consent-declaration__item-number {
1164
+ flex: 0 0 22px;
1165
+ color: #003c71;
1166
+ font-weight: 700;
1167
+ }
1168
+
1169
+ @media (max-width: 780px) {
1170
+ .ads-citizen-consent__modal-overlay {
1171
+ align-items: flex-end;
1172
+ padding: 12px;
1173
+ }
1174
+
1175
+ .ads-citizen-consent__modal-content {
1176
+ max-height: calc(100vh - 24px);
1177
+ padding: 20px 16px;
1178
+ border-radius: 8px 8px 0 0;
1179
+ }
1180
+
1181
+ .ads-consent-declaration__title {
1182
+ font-size: 17px;
1183
+ }
1184
+ }
1185
+
1186
+ .ads-components-existing-booking-details--style-1 {
1187
+ margin-left: 16px;
1188
+ margin-top: 16px;
1189
+ }
1190
+
1191
+ .ads-components-inbox-application-card--style-1 {
1192
+ margin-top: 20px;
1193
+ }
1194
+
1195
+ .ads-components-inbox-application-card--style-2 {
1196
+ text-align: center;
1197
+ }
1198
+
1199
+ .ads-components-inbox-new-inbox-filter--style-1 {
1200
+ align-items: center;
1201
+ }
1202
+
1203
+ .ads-components-inbox-new-inbox-filter--style-2 {
1204
+ display: flex;
1205
+ align-items: center;
1206
+ }
1207
+
1208
+ .ads-components-inbox-new-inbox-filter--style-3 {
1209
+ margin-left: 8px;
1210
+ font-weight: normal;
1211
+ }
1212
+
1213
+ .ads-components-inbox-new-inbox-filter--style-4 {
1214
+ border: 1px solid #e0e0e0;
1215
+ padding: 6px;
1216
+ }
1217
+
1218
+ .ads-components-inbox-status--style-1 {
1219
+ font-weight: normal;
1220
+ }
1221
+
1222
+ .ads-components-inbox-search--style-1 {
1223
+ width: 100%;
1224
+ display: grid;
1225
+ }
1226
+
1227
+ .ads-components-inbox-search--style-2 {
1228
+ width: 100%;
1229
+ }
1230
+
1231
+ .ads-components-inbox-search--style-3 {
1232
+ padding-top: 9px;
1233
+ }
1234
+
1235
+ .ads-components-inbox-search--style-4 {
1236
+ flex: 1;
1237
+ }
1238
+
1239
+ .ads-components-inbox-search--style-5 {
1240
+ flex: 1;
1241
+ }
1242
+
1243
+ .ads-components-loader--style-1 {
1244
+ position: fixed;
1245
+ top: 50%;
1246
+ left: 50%;
1247
+ transform: translate(-50%, -50%);
1248
+ z-index: 9999;
1249
+ }
1250
+
1251
+ .ads-components-location-search--style-1 {
1252
+ background-position: left;
1253
+ color: #222;
1254
+ caret-color: #222;
1255
+ }
1256
+
1257
+ .ads-components-location-search-card--style-1 {
1258
+ position: relative;
1259
+ }
1260
+
1261
+ .ads-components-location-search-card--style-2 {
1262
+ display: flex;
1263
+ }
1264
+
1265
+ .ads-components-location-search-card--style-3 {
1266
+ position: absolute;
1267
+ left: 12px;
1268
+ top: 12px;
1269
+ padding: 8px 10px;
1270
+ background: #fff;
1271
+ color: #0b74de;
1272
+ border: none;
1273
+ border-radius: 6px;
1274
+ cursor: pointer;
1275
+ font-weight: 700;
1276
+ font-size: 13px;
1277
+ line-height: 16px;
1278
+ z-index: 9999;
1279
+ appearance: none;
1280
+ -webkit-appearance: none;
1281
+ background-image: none;
1282
+ text-transform: none;
1283
+ }
1284
+
1285
+ .ads-components-location-search-card--style-4 {
1286
+ color: red;
1287
+ display: inline-block;
1288
+ }
1289
+
1290
+ .ads-components-location-search-card--style-5 {
1291
+ padding: 12px;
1292
+ }
1293
+
1294
+ .ads-components-mobile-inbox--style-1 {
1295
+ padding: 0;
1296
+ }
1297
+
1298
+ .ads-components-search-application--style-1 {
1299
+ margin-top: 10px;
1300
+ }
1301
+
1302
+ .ads-components-search-application--style-2 {
1303
+ margin-top: 20px;
1304
+ }
1305
+
1306
+ .ads-components-search-application--style-3 {
1307
+ text-align: center;
1308
+ }
1309
+
1310
+ .ads-page-components-adsaddress--style-1 {
1311
+ color: red;
1312
+ }
1313
+
1314
+ .ads-page-components-adsaddress--style-2 {
1315
+ color: red;
1316
+ }
1317
+
1318
+ .ads-page-components-adsaddress--style-3 {
1319
+ color: red;
1320
+ }
1321
+
1322
+ .ads-page-components-adsaddress--style-4 {
1323
+ color: red;
1324
+ }
1325
+
1326
+ .ads-page-components-adsaddress--style-5 {
1327
+ color: red;
1328
+ }
1329
+
1330
+ .ads-page-components-adsaddress--style-6 {
1331
+ width: 50%;
1332
+ }
1333
+
1334
+ .ads-page-components-adsaddress--style-7 {
1335
+ color: red;
1336
+ }
1337
+
1338
+ .ads-page-components-adsaddress--style-8 {
1339
+ color: red;
1340
+ }
1341
+
1342
+ .ads-page-components-adsaddress--style-9 {
1343
+ color: red;
1344
+ }
1345
+
1346
+ .ads-page-components-adsaddress--style-10 {
1347
+ color: red;
1348
+ }
1349
+
1350
+ .ads-page-components-adsaddress-field--style-1 {
1351
+ width: 100%;
1352
+ margin-top: 8px;
1353
+ }
1354
+
1355
+ .ads-page-components-adscitizen-details--style-1 {
1356
+ position: relative;
1357
+ }
1358
+
1359
+ .ads-page-components-adscitizen-details--style-2 {
1360
+ position: absolute;
1361
+ right: 0;
1362
+ }
1363
+
1364
+ .ads-page-components-adscitizen-details--style-3 {
1365
+ width: 100%;
1366
+ }
1367
+
1368
+ .ads-page-components-adscitizen-details--style-4 {
1369
+ color: red;
1370
+ }
1371
+
1372
+ .ads-page-components-adscitizen-details--style-5 {
1373
+ color: red;
1374
+ margin-top: 4px;
1375
+ margin-bottom: 0;
1376
+ }
1377
+
1378
+ .ads-page-components-adscitizen-details--style-6 {
1379
+ color: red;
1380
+ }
1381
+
1382
+ .ads-page-components-adscitizen-details--style-7 {
1383
+ color: red;
1384
+ margin-top: 4px;
1385
+ margin-bottom: 0;
1386
+ }
1387
+
1388
+ .ads-page-components-adscitizen-details--style-8 {
1389
+ color: red;
1390
+ margin-top: 4px;
1391
+ margin-bottom: 0;
1392
+ }
1393
+
1394
+ .ads-page-components-adscitizen-details--style-9 {
1395
+ color: red;
1396
+ }
1397
+
1398
+ .ads-page-components-adscitizen-details--style-10 {
1399
+ color: red;
1400
+ margin-top: 4px;
1401
+ margin-bottom: 0;
1402
+ }
1403
+
1404
+ .ads-page-components-adscitizen-details-new--style-1 {
1405
+ color: red;
1406
+ margin-top: 4px;
1407
+ margin-bottom: 0;
1408
+ }
1409
+
1410
+ .ads-page-components-adscitizen-details-new--style-2 {
1411
+ color: red;
1412
+ margin-top: 4px;
1413
+ margin-bottom: 0;
1414
+ }
1415
+
1416
+ .ads-page-components-adscitizen-details-new--style-3 {
1417
+ color: red;
1418
+ margin-top: 4px;
1419
+ margin-bottom: 0;
1420
+ }
1421
+
1422
+ .ads-page-components-adscitizen-details-new--style-4 {
1423
+ color: red;
1424
+ margin-top: 4px;
1425
+ margin-bottom: 0;
1426
+ }
1427
+
1428
+ .ads-page-components-adscitizen-details-new--style-5 {
1429
+ color: red;
1430
+ margin-top: 4px;
1431
+ margin-bottom: 0;
1432
+ }
1433
+
1434
+ .ads-page-components-adscitizen-details-new--style-6 {
1435
+ display: flex;
1436
+ align-items: center;
1437
+ gap: 10px;
1438
+ cursor: pointer;
1439
+ }
1440
+
1441
+ .ads-page-components-adscitizen-details-new--style-7 {
1442
+ width: 18px;
1443
+ height: 18px;
1444
+ cursor: pointer;
1445
+ }
1446
+
1447
+ .ads-page-components-adscitizen-details-new--style-8 {
1448
+ cursor: pointer;
1449
+ color: #007bff;
1450
+ text-decoration: underline;
1451
+ margin: 0;
1452
+ }
1453
+
1454
+ .ads-page-components-adscitizen-details-new--style-9 {
1455
+ color: red;
1456
+ }
1457
+
1458
+ .ads-page-components-adscitizen-second--style-1 {
1459
+ display: flex;
1460
+ justify-content: end;
1461
+ }
1462
+
1463
+ .ads-page-components-adscitizen-second--style-2 {
1464
+ margin-right: 6px;
1465
+ }
1466
+
1467
+ .ads-page-components-adscitizen-second--style-3 {
1468
+ display: flex;
1469
+ flex-wrap: wrap;
1470
+ gap: 12px;
1471
+ }
1472
+
1473
+ .ads-page-components-adscitizen-second--style-4 {
1474
+ text-align: center;
1475
+ margin-top: 1rem;
1476
+ }
1477
+
1478
+ .ads-page-components-adsdocument-details--style-1 {
1479
+ position: relative;
1480
+ }
1481
+
1482
+ .ads-page-components-adsdocument-details--style-2 {
1483
+ position: absolute;
1484
+ right: 0;
1485
+ }
1486
+
1487
+ .ads-page-components-adsdocument-details--style-3 {
1488
+ margin-bottom: 24px;
1489
+ }
1490
+
1491
+ .ads-page-components-adsdocument-details--style-4 {
1492
+ display: flex;
1493
+ align-items: center;
1494
+ gap: 8px;
1495
+ }
1496
+
1497
+ .ads-page-components-adspenalty--style-1 {
1498
+ display: flex;
1499
+ gap: 20px;
1500
+ }
1501
+
1502
+ .ads-page-components-adspenalty--style-2 {
1503
+ color: red;
1504
+ }
1505
+
1506
+ .ads-page-components-adspenalty--style-3 {
1507
+ color: red;
1508
+ }
1509
+
1510
+ .ads-page-components-adspenalty--style-4 {
1511
+ background: white;
1512
+ color: black;
1513
+ border: 1px solid;
1514
+ margin-right: 10px;
1515
+ }
1516
+
1517
+ .ads-page-components-adsrequired-doc--style-1 {
1518
+ display: flex;
1519
+ justify-content: space-between;
1520
+ width: 100%;
1521
+ }
1522
+
1523
+ .ads-page-components-adsselect-proof-identity--style-1 {
1524
+ margin-bottom: 24px;
1525
+ }
1526
+
1527
+ .ads-page-components-adsselect-proof-identity--style-2 {
1528
+ width: 100%;
1529
+ }
1530
+
1531
+ .ads-page-components-adssite-inspection--style-1 {
1532
+ margin-bottom: 24px;
1533
+ }
1534
+
1535
+ .ads-page-components-adssite-inspection--style-2 {
1536
+ color: red;
1537
+ }
1538
+
1539
+ .ads-page-components-adssite-inspection--style-3 {
1540
+ width: 100%;
1541
+ }
1542
+
1543
+ .ads-page-components-adssite-inspection--style-4 {
1544
+ color: red;
1545
+ }
1546
+
1547
+ .ads-page-components-adssite-master--style-1 {
1548
+ margin: 12px 0;
1549
+ padding: 8px;
1550
+ border: 1px dashed #ddd;
1551
+ border-radius: 6px;
1552
+ }
1553
+
1554
+ .ads-page-components-adssite-master--style-2 {
1555
+ font-weight: 600;
1556
+ margin-bottom: 8px;
1557
+ }
1558
+
1559
+ .ads-page-components-adssite-master--style-3 {
1560
+ flex: 1;
1561
+ }
1562
+
1563
+ .ads-page-components-adssite-master--style-4 {
1564
+ font-size: 13px;
1565
+ font-weight: 500;
1566
+ }
1567
+
1568
+ .ads-page-components-adssite-master--style-5 {
1569
+ font-size: 12px;
1570
+ color: #666;
1571
+ }
1572
+
1573
+ .ads-page-components-adssite-master--style-6 {
1574
+ display: flex;
1575
+ gap: 8px;
1576
+ }
1577
+
1578
+ .ads-page-components-adssite-master--style-7 {
1579
+ background: #fff;
1580
+ border: 1px solid #ccc;
1581
+ padding: 6px 8px;
1582
+ border-radius: 4px;
1583
+ cursor: pointer;
1584
+ }
1585
+
1586
+ .ads-page-components-adssite-master--style-8 {
1587
+ background: transparent;
1588
+ border: 1px solid #ccc;
1589
+ padding: 6px 8px;
1590
+ border-radius: 4px;
1591
+ cursor: pointer;
1592
+ }
1593
+
1594
+ .ads-page-components-adssite-master--style-9 {
1595
+ color: red;
1596
+ }
1597
+
1598
+ .ads-page-components-adssite-master--style-10 {
1599
+ color: red;
1600
+ }
1601
+
1602
+ .ads-page-components-adssite-master--style-11 {
1603
+ color: red;
1604
+ }
1605
+
1606
+ .ads-page-components-adssite-master--style-12 {
1607
+ color: red;
1608
+ }
1609
+
1610
+ .ads-page-components-adssite-master--style-13 {
1611
+ color: red;
1612
+ }
1613
+
1614
+ .ads-page-components-adssite-master--style-14 {
1615
+ color: red;
1616
+ }
1617
+
1618
+ .ads-page-components-adssite-master--style-15 {
1619
+ color: red;
1620
+ }
1621
+
1622
+ .ads-page-components-adssite-master--style-16 {
1623
+ color: red;
1624
+ }
1625
+
1626
+ .ads-page-components-adssite-master--style-17 {
1627
+ color: red;
1628
+ }
1629
+
1630
+ .ads-page-components-adssite-master--style-18 {
1631
+ color: red;
1632
+ }
1633
+
1634
+ .ads-page-components-adssite-master--style-19 {
1635
+ color: red;
1636
+ }
1637
+
1638
+ .ads-page-components-adssite-master--style-20 {
1639
+ color: red;
1640
+ }
1641
+
1642
+ .ads-page-components-adssite-master--style-21 {
1643
+ color: red;
1644
+ }
1645
+
1646
+ .ads-page-components-adssite-master--style-22 {
1647
+ margin-top: 12px;
1648
+ }
1649
+
1650
+ .ads-page-components-adssite-master--style-23 {
1651
+ color: red;
1652
+ }
1653
+
1654
+ .ads-page-components-adssite-master--style-24 {
1655
+ color: red;
1656
+ }
1657
+
1658
+ .ads-page-components-adssite-master--style-25 {
1659
+ color: red;
1660
+ }
1661
+
1662
+ .ads-page-components-adssite-master--style-26 {
1663
+ color: red;
1664
+ }
1665
+
1666
+ .ads-page-components-adssite-master--style-27 {
1667
+ margin-top: 12px;
1668
+ }
1669
+
1670
+ .ads-page-components-adssite-master--style-28 {
1671
+ color: red;
1672
+ }
1673
+
1674
+ .ads-page-components-adssite-master--style-29 {
1675
+ margin-left: 8px;
1676
+ }
1677
+
1678
+ .ads-page-components-adssite-master--style-30 {
1679
+ color: red;
1680
+ }
1681
+
1682
+ .ads-page-components-adssite-master--style-31 {
1683
+ margin-top: 12px;
1684
+ }
1685
+
1686
+ .ads-page-components-adssite-master--style-32 {
1687
+ color: red;
1688
+ }
1689
+
1690
+ .ads-page-components-adssite-master--style-33 {
1691
+ margin-left: 8px;
1692
+ }
1693
+
1694
+ .ads-page-components-adssite-master--style-34 {
1695
+ color: red;
1696
+ }
1697
+
1698
+ .ads-page-components-adssite-master--style-35 {
1699
+ margin: 12px 0;
1700
+ }
1701
+
1702
+ .ads-page-components-adssite-master--style-36 {
1703
+ background: #f1f1f1;
1704
+ border: 1px solid #ccc;
1705
+ padding: 8px 12px;
1706
+ border-radius: 4px;
1707
+ cursor: pointer;
1708
+ }
1709
+
1710
+ .ads-page-components-adswfcaption--style-1 {
1711
+ overflow-x: scroll;
1712
+ }
1713
+
1714
+ .ads-page-components-adsearch--style-1 {
1715
+ padding-left: 50px;
1716
+ }
1717
+
1718
+ .ads-page-components-adsearch--style-2 {
1719
+ padding-left: 50px;
1720
+ }
1721
+
1722
+ .ads-page-components-adsearch--style-3 {
1723
+ display: flex;
1724
+ flex-direction: row;
1725
+ gap: 15px;
1726
+ }
1727
+
1728
+ .ads-page-components-adsearch--style-4 {
1729
+ width: 1px;
1730
+ }
1731
+
1732
+ .ads-page-components-adsearch--style-5 {
1733
+ width: 1px;
1734
+ position: relative;
1735
+ }
1736
+
1737
+ .ads-page-components-adsearch--style-6 {
1738
+ position: absolute;
1739
+ right: 83px;
1740
+ background-color: #ffffff;
1741
+ color: #008000;
1742
+ padding: 4px;
1743
+ border-radius: 30px;
1744
+ margin: 1px 0 1px 0;
1745
+ width: 31px;
1746
+ height: 30px;
1747
+ text-align: center;
1748
+ transform: translateX(100%);
1749
+ }
1750
+
1751
+ .ads-page-components-adsearch--style-7 {
1752
+ overflow-x: auto;
1753
+ }
1754
+
1755
+ .ads-page-components-adsearch--style-8 {
1756
+ width: 100%;
1757
+ overflow-x: auto;
1758
+ }
1759
+
1760
+ .ads-page-components-gis--style-1 {
1761
+ position: fixed;
1762
+ background: #00000050;
1763
+ width: 100%;
1764
+ height: 100vh;
1765
+ top: 0;
1766
+ left: 0;
1767
+ z-index: 9999;
1768
+ }
1769
+
1770
+ .ads-page-components-gis--style-2 {
1771
+ position: relative;
1772
+ margin-top: 60px;
1773
+ }
1774
+
1775
+ .ads-page-components-gis--style-3 {
1776
+ position: relative;
1777
+ margin-top: 100px;
1778
+ margin-bottom: -100px;
1779
+ }
1780
+
1781
+ .ads-page-components-response--style-1 {
1782
+ padding: 10px;
1783
+ }
1784
+
1785
+ .ads-page-components-response--style-2 {
1786
+ display: flex;
1787
+ justify-content: flex-end;
1788
+ align-items: baseline;
1789
+ }
1790
+
1791
+ .ads-pages-citizen-adsapplication-details--style-1 {
1792
+ margin-right: auto;
1793
+ max-width: 960px;
1794
+ }
1795
+
1796
+ .ads-pages-citizen-adsapplication-details--style-2 {
1797
+ font-size: 24px;
1798
+ }
1799
+
1800
+ .ads-pages-citizen-adsapplication-details--style-3 {
1801
+ font-size: 24px;
1802
+ }
1803
+
1804
+ .ads-pages-citizen-adsapplication-details--style-4 {
1805
+ display: flex;
1806
+ flex-wrap: wrap;
1807
+ gap: 30px;
1808
+ }
1809
+
1810
+ .ads-pages-citizen-adsapplication-details--style-5 {
1811
+ padding: 0 1.5rem;
1812
+ }
1813
+
1814
+ .ads-pages-citizen-adsapplication-details--style-6 {
1815
+ font-size: 24px;
1816
+ }
1817
+
1818
+ .ads-pages-citizen-adsapplication-details--style-7 {
1819
+ display: flex;
1820
+ flex-wrap: wrap;
1821
+ gap: 30px;
1822
+ }
1823
+
1824
+ .ads-pages-citizen-adsapplication-details--style-8 {
1825
+ padding: 0 1.5rem;
1826
+ }
1827
+
1828
+ .ads-pages-citizen-create-adsacknowledgement--style-1 {
1829
+ padding: 10px;
1830
+ }
1831
+
1832
+ .ads-pages-citizen-create-adsacknowledgement--style-2 {
1833
+ display: flex;
1834
+ justify-content: flex-end;
1835
+ align-items: baseline;
1836
+ }
1837
+
1838
+ .ads-pages-citizen-create-check-page--style-1 {
1839
+ cursor: pointer;
1840
+ margin-left: 20px;
1841
+ }
1842
+
1843
+ .ads-pages-citizen-create-check-page--style-2 {
1844
+ display: flex;
1845
+ justify-content: space-between;
1846
+ width: 100%;
1847
+ }
1848
+
1849
+ .ads-pages-citizen-create-check-page--style-3 {
1850
+ font-size: 24px;
1851
+ }
1852
+
1853
+ .ads-pages-citizen-create-check-page--style-4 {
1854
+ font-size: 24px;
1855
+ }
1856
+
1857
+ .ads-pages-citizen-create-check-page--style-5 {
1858
+ font-size: 24px;
1859
+ }
1860
+
1861
+ .ads-pages-citizen-create-check-page--style-6 {
1862
+ font-size: 24px;
1863
+ }
1864
+
1865
+ .ads-pages-citizen-index--style-1 {
1866
+ width: 100%;
1867
+ }
1868
+
1869
+ .ads-pages-employee-application-details--style-1 {
1870
+ margin-bottom: 15px;
1871
+ }
1872
+
1873
+ .ads-pages-employee-application-details--style-2 {
1874
+ display: flex;
1875
+ justify-content: space-between;
1876
+ align-items: center;
1877
+ }
1878
+
1879
+ .ads-pages-employee-application-details--style-3 {
1880
+ display: flex;
1881
+ align-items: center;
1882
+ gap: 12px;
1883
+ }
1884
+
1885
+ .ads-pages-employee-application-details--style-4 {
1886
+ position: relative;
1887
+ z-index: 10;
1888
+ }
1889
+
1890
+ .ads-pages-employee-application-details--style-5 {
1891
+ display: flex;
1892
+ justify-content: flex-end;
1893
+ }
1894
+
1895
+ .ads-pages-employee-application-details--style-6 {
1896
+ display: flex;
1897
+ flex-wrap: wrap;
1898
+ gap: 30px;
1899
+ }
1900
+
1901
+ .ads-pages-employee-application-details--style-7 {
1902
+ padding: 0 1.5rem;
1903
+ }
1904
+
1905
+ .ads-pages-employee-application-details--style-8 {
1906
+ display: flex;
1907
+ flex-wrap: wrap;
1908
+ gap: 30px;
1909
+ }
1910
+
1911
+ .ads-pages-employee-application-details--style-9 {
1912
+ padding: 0 1.5rem;
1913
+ }
1914
+
1915
+ .ads-pages-employee-index--style-1 {
1916
+ margin-left: 10px;
1917
+ }
1918
+ /* ADS has no quick links below the inbox heading, so keep its service banner compact. */
1919
+ .employeeCard.filter.inboxLinks.ads-inbox-links {
1920
+ height: auto;
1921
+ max-height: none;
1922
+ min-height: 0;
1923
+ overflow: visible;
1924
+ padding: 12px 18px !important;
1925
+ }
1926
+
1927
+ .ads-inbox-links__container {
1928
+ display: flex;
1929
+ width: 100%;
1930
+ min-width: 0;
1931
+ align-items: center;
1932
+ }
1933
+
1934
+ .ads-inbox-links__header {
1935
+ display: flex;
1936
+ flex: 1 1 auto;
1937
+ width: 100%;
1938
+ max-width: 100%;
1939
+ min-width: 0;
1940
+ align-items: center;
1941
+ }
1942
+
1943
+ .ads-inbox-links__logo {
1944
+ display: inline-flex;
1945
+ flex: 0 0 56px;
1946
+ width: 56px;
1947
+ height: 56px;
1948
+ align-items: center;
1949
+ justify-content: center;
1950
+ }
1951
+
1952
+ .ads-inbox-links__logo svg {
1953
+ width: 32px;
1954
+ height: 32px;
1955
+ }
1956
+
1957
+ .ads-inbox-links__logo svg path {
1958
+ fill: #1359c8;
1959
+ }
1960
+
1961
+ .ads-inbox-links__title {
1962
+ display: block;
1963
+ flex: 1 1 auto;
1964
+ min-width: 0;
1965
+ padding-left: 16px;
1966
+ overflow-wrap: anywhere;
1967
+ font-size: 20px;
1968
+ font-weight: 700;
1969
+ line-height: 28px;
1970
+ white-space: normal;
1971
+ }
1972
+
1973
+ .ads-inbox-links__body {
1974
+ display: flex;
1975
+ flex-direction: column;
1976
+ }
1977
+
1978
+ .ads-inbox-links__body--empty {
1979
+ display: none;
1980
+ }
1981
+
1982
+ .ads-inbox-links__link {
1983
+ padding: 8px;
1984
+ color: #2947a3;
1985
+ }
1986
+
1987
+ .ads-new-inbox-filters .ndc-new-inbox-filter-card {
1988
+ margin: 0 !important;
1989
+ }
1990
+
1991
+ .ads-new-inbox-search {
1992
+ align-items: flex-end;
1993
+ }
1994
+
1995
+ .ads-new-inbox-search-fields {
1996
+ display: grid;
1997
+ grid-template-columns: repeat(2, minmax(180px, 1fr));
1998
+ flex: 1;
1999
+ gap: 14px;
2000
+ }
2001
+
2002
+ .ads-new-inbox-search-fields label {
2003
+ display: flex;
2004
+ flex-direction: column;
2005
+ gap: 7px;
2006
+ color: var(--mseva-text, #132447);
2007
+ font-size: 13px;
2008
+ font-weight: 700;
2009
+ }
2010
+
2011
+ .ads-new-inbox-search-fields input {
2012
+ width: 100%;
2013
+ min-height: 42px;
2014
+ box-sizing: border-box;
2015
+ padding: 9px 12px;
2016
+ border: 1px solid #d4e1ef;
2017
+ border-radius: 8px;
2018
+ background: #ffffff;
2019
+ color: var(--mseva-text, #132447);
2020
+ font: inherit;
2021
+ }
2022
+
2023
+ .ads-new-inbox-search-fields input:focus {
2024
+ border-color: #0b63ce;
2025
+ outline: none;
2026
+ }
2027
+
2028
+ .ads-new-inbox-search-actions {
2029
+ display: flex;
2030
+ align-items: center;
2031
+ gap: 12px;
2032
+ }
2033
+
2034
+ .ads-new-inbox-search-button,
2035
+ .ads-new-inbox-clear-button {
2036
+ min-height: 42px;
2037
+ padding: 0 18px;
2038
+ border-radius: 8px;
2039
+ font: inherit;
2040
+ font-size: 14px;
2041
+ font-weight: 700;
2042
+ cursor: pointer;
2043
+ }
2044
+
2045
+ .ads-new-inbox-search-button {
2046
+ border: 1px solid #0756a8;
2047
+ background: #0756a8;
2048
+ color: #ffffff;
2049
+ }
2050
+
2051
+ .ads-new-inbox-search-button:hover {
2052
+ background: #063a78;
2053
+ }
2054
+
2055
+ .ads-new-inbox-clear-button {
2056
+ border: 0;
2057
+ background: transparent;
2058
+ color: #0b6530;
2059
+ }
2060
+
2061
+ .ads-new-inbox-clear-button:hover {
2062
+ text-decoration: underline;
2063
+ }
2064
+
2065
+ @media (min-width: 769px) {
2066
+ .ads-new-inbox-table-wrapper .ndc-new-table {
2067
+ min-width: 1080px;
2068
+ table-layout: auto;
2069
+ }
2070
+
2071
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
2072
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
2073
+ width: 260px;
2074
+ min-width: 260px;
2075
+ white-space: nowrap;
2076
+ }
2077
+
2078
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
2079
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
2080
+ width: 210px;
2081
+ min-width: 180px;
2082
+ }
2083
+
2084
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
2085
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
2086
+ min-width: 220px;
2087
+ }
2088
+
2089
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(4),
2090
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(4),
2091
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(5),
2092
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(5) {
2093
+ white-space: nowrap;
2094
+ }
2095
+ }
2096
+
2097
+ @media (max-width: 768px) {
2098
+ .ads-inbox-links__title {
2099
+ font-size: 18px;
2100
+ line-height: 24px;
2101
+ }
2102
+
2103
+ .ads-new-inbox-search {
2104
+ align-items: stretch;
2105
+ }
2106
+
2107
+ .ads-new-inbox-search-fields {
2108
+ grid-template-columns: 1fr;
2109
+ }
2110
+
2111
+ .ads-new-inbox-search-actions {
2112
+ justify-content: space-between;
2113
+ }
2114
+
2115
+ .ads-new-inbox-search-button {
2116
+ flex: 1;
2117
+ }
2118
+ }