@pmidc/upyog-css 1.1.6 → 1.1.7

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 (126) hide show
  1. package/dist/index.css +216 -0
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +534 -534
  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/TimeLine.scss +96 -96
  18. package/src/components/WhatsNewCard.scss +12 -12
  19. package/src/components/actionLink.scss +3 -3
  20. package/src/components/actionbar.scss +96 -96
  21. package/src/components/bannercomponents.scss +137 -137
  22. package/src/components/body.scss +261 -261
  23. package/src/components/buttons.scss +87 -87
  24. package/src/components/card.scss +581 -581
  25. package/src/components/cardHeaderWithOptions.scss +13 -13
  26. package/src/components/changeLanguage.scss +3 -3
  27. package/src/components/charts.scss +185 -185
  28. package/src/components/checkbox.scss +83 -83
  29. package/src/components/checkpoint.scss +65 -65
  30. package/src/components/citizenInfoLabel.scss +14 -14
  31. package/src/components/custombtn.scss +15 -15
  32. package/src/components/datatable.scss +116 -116
  33. package/src/components/datewrap.scss +21 -21
  34. package/src/components/detailscard.scss +6 -6
  35. package/src/components/detailscontainer.scss +13 -13
  36. package/src/components/filters.scss +97 -97
  37. package/src/components/grey.scss +3 -3
  38. package/src/components/hoc/InboxComposer.scss +115 -115
  39. package/src/components/howItWorks.scss +71 -71
  40. package/src/components/imageviewer.scss +33 -33
  41. package/src/components/info-banner.scss +35 -35
  42. package/src/components/inputotp.scss +15 -15
  43. package/src/components/keynote.scss +29 -29
  44. package/src/components/languageSelector.scss +24 -24
  45. package/src/components/loader.scss +96 -96
  46. package/src/components/map.scss +36 -36
  47. package/src/components/metricsTable.scss +26 -26
  48. package/src/components/multiLink.scss +87 -87
  49. package/src/components/multiSelectDropdown.scss +88 -88
  50. package/src/components/navbar.scss +338 -338
  51. package/src/components/newFooter.scss +75 -75
  52. package/src/components/plusMinus.scss +15 -15
  53. package/src/components/popup.scss +15 -15
  54. package/src/components/radiobtn.scss +44 -44
  55. package/src/components/ratingstar.scss +33 -33
  56. package/src/components/roundedLabel.scss +10 -10
  57. package/src/components/searchAction.scss +27 -27
  58. package/src/components/sectionalDropdown.scss +43 -43
  59. package/src/components/selectdropdown.scss +276 -276
  60. package/src/components/staticDynamicMessages.scss +110 -110
  61. package/src/components/staticSideBar.scss +27 -27
  62. package/src/components/statushighlight.scss +17 -17
  63. package/src/components/submiterrors.scss +11 -11
  64. package/src/components/summary.scss +28 -28
  65. package/src/components/table.scss +362 -362
  66. package/src/components/tag.scss +27 -27
  67. package/src/components/telephone.scss +17 -17
  68. package/src/components/textfields.scss +119 -119
  69. package/src/components/toast.scss +31 -31
  70. package/src/components/toggleSwitch.scss +40 -40
  71. package/src/components/topbar.scss +217 -217
  72. package/src/components/uploadcomponents.scss +113 -113
  73. package/src/index.scss +1029 -1028
  74. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  75. package/src/pages/citizen/CitizenLogin.scss +50 -50
  76. package/src/pages/citizen/DocumentList.scss +448 -448
  77. package/src/pages/citizen/Events.scss +46 -46
  78. package/src/pages/citizen/HomePageWrapper.scss +214 -214
  79. package/src/pages/citizen/InboxCard.scss +327 -327
  80. package/src/pages/citizen/SurveyList.scss +21 -21
  81. package/src/pages/citizen/citizenDocument.scss +25 -25
  82. package/src/pages/citizen/citizenNewLogin.scss +357 -357
  83. package/src/pages/citizen/container.scss +32 -32
  84. package/src/pages/citizen/loaderMessage.scss +295 -295
  85. package/src/pages/citizen/payment/payment-type.scss +2 -2
  86. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  87. package/src/pages/common/form.scss +25 -25
  88. package/src/pages/common/newApplicationTimeline.scss +203 -0
  89. package/src/pages/common/pgrUICssfix.scss +105 -105
  90. package/src/pages/common/requiredField.scss +2 -2
  91. package/src/pages/common/sanctionFeeTable.scss +91 -91
  92. package/src/pages/common/searchIcon.scss +12 -12
  93. package/src/pages/common/stepForm.scss +40 -40
  94. package/src/pages/employee/EmployeeLogin.scss +6 -6
  95. package/src/pages/employee/cardfix.scss +13 -13
  96. package/src/pages/employee/container.scss +73 -73
  97. package/src/pages/employee/dashboard.scss +203 -203
  98. package/src/pages/employee/disconnection.scss +425 -425
  99. package/src/pages/employee/dss.scss +251 -251
  100. package/src/pages/employee/faq.scss +353 -353
  101. package/src/pages/employee/footer.scss +68 -68
  102. package/src/pages/employee/form-fields.scss +13 -13
  103. package/src/pages/employee/header.scss +262 -262
  104. package/src/pages/employee/iframe.scss +65 -65
  105. package/src/pages/employee/inbox.scss +744 -744
  106. package/src/pages/employee/index.scss +677 -677
  107. package/src/pages/employee/landing.scss +324 -324
  108. package/src/pages/employee/login.scss +253 -253
  109. package/src/pages/employee/oldMobileInbox.scss +4 -4
  110. package/src/pages/employee/popupmodule.scss +47 -47
  111. package/src/pages/employee/response.scss +2 -2
  112. package/src/pages/employee/scroll-table.scss +113 -113
  113. package/src/pages/employee/surveys.scss +469 -469
  114. package/src/pages/employee/tooltip.scss +35 -35
  115. package/src/pages/employee/updateNumber.scss +12 -12
  116. package/src/pages/swach/index.scss +172 -172
  117. package/src/pages/ws/index.scss +104 -104
  118. package/svg/camera.svg +4 -4
  119. package/svg/check.svg +3 -3
  120. package/svg/close.svg +4 -4
  121. package/svg/error.svg +3 -3
  122. package/svg/error2.svg +5 -5
  123. package/svg/searchicon.svg +3 -3
  124. package/svg/starempty.svg +3 -3
  125. package/svg/starfilled.svg +4 -4
  126. package/svg/success.svg +3 -3
@@ -1,581 +1,581 @@
1
-
2
-
3
- .card {
4
- background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
5
- margin: 8px;
6
- padding: 20px 24px 28px 24px;
7
- max-width: 95vw;
8
- width: 100%;
9
- border-radius: 14px;
10
- border: 1px solid #e1e8f0;
11
- box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
12
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
13
- position: relative;
14
- overflow: visible;
15
-
16
-
17
- .card-header {
18
- font-size: 20px;
19
- font-weight: 800;
20
- color: #0f172a;
21
- text-align: left;
22
- margin-bottom: 12px;
23
- letter-spacing: 0.3px;
24
- display: flex;
25
- align-items: center;
26
- justify-content: space-between;
27
- }
28
-
29
- .card-sub-header {
30
- font-size: 14px;
31
- font-weight: 700;
32
- color: #1e293b;
33
- text-align: left;
34
- margin-bottom: 8px;
35
- text-transform: uppercase;
36
- letter-spacing: 0.4px;
37
- }
38
-
39
- .card-caption {
40
- font-size: 13px;
41
- color: #64748b;
42
- margin-bottom: 8px;
43
- font-weight: 500;
44
- }
45
-
46
- .card-text {
47
- font-size: 14px;
48
- color: #475569;
49
- text-align: left;
50
- margin-bottom: 16px;
51
- line-height: 1.6;
52
-
53
- span {
54
- color: #0f172a;
55
- font-weight: 600;
56
- }
57
- }
58
-
59
- .card-text-primary {
60
- font-size: 14px;
61
- color: #0f172a;
62
- font-weight: 600;
63
- }
64
-
65
- .card-text-button {
66
- color: #2563eb;
67
- font-size: 13px;
68
- font-weight: 700;
69
- }
70
-
71
- .card-label {
72
- font-size: 12px;
73
- color: #0f172a;
74
- margin-bottom: 8px;
75
- font-weight: 700;
76
- text-transform: uppercase;
77
- letter-spacing: 0.5px;
78
- }
79
-
80
- .card-label-error {
81
- display: block;
82
- font-size: 12px;
83
- color: #dc2626;
84
- margin-bottom: 16px;
85
- font-weight: 600;
86
- }
87
-
88
- .card-label-desc {
89
- font-weight: 700;
90
- color: #475569;
91
- font-size: 13px;
92
- margin-bottom: 16px;
93
- text-transform: uppercase;
94
- letter-spacing: 0.3px;
95
- }
96
-
97
- .card-link {
98
- display: inline-block;
99
- text-align: center;
100
- color: #2563eb;
101
- margin-top: 16px;
102
- cursor: pointer;
103
- font-weight: 700;
104
- font-size: 13px;
105
- padding: 8px 16px;
106
- border-radius: 8px;
107
- background: rgba(37, 99, 235, 0.08);
108
- transition: all 0.2s ease;
109
- text-decoration: none;
110
-
111
- &:hover {
112
- background: rgba(37, 99, 235, 0.16);
113
- transform: translateX(2px);
114
- }
115
- }
116
- }
117
-
118
- .validation-error {
119
- display: block;
120
- font-size: 12px;
121
- color: #dc2626;
122
- font-weight: 600;
123
- }
124
-
125
- .docsDescription {
126
- color: #0b0c0c !important;
127
- }
128
-
129
- .field-container {
130
- display: flex;
131
- align-items: center;
132
- }
133
-
134
- .employeeCard {
135
- background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
136
- padding: 24px;
137
- margin-bottom: 32px;
138
- border-radius: 14px;
139
- border: 1px solid #e1e8f0;
140
- box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
141
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
142
- position: relative;
143
- overflow: visible !important;
144
-
145
- .card-header {
146
- font-size: 22px;
147
- font-weight: 800;
148
- color: #0f172a;
149
- text-align: left;
150
- margin-bottom: 16px;
151
- letter-spacing: 0.3px;
152
- }
153
-
154
- .card-sub-header,
155
- .employee-card-sub-header {
156
- font-size: 14px;
157
- font-weight: 700;
158
- color: #1e293b;
159
- text-align: left;
160
- text-transform: uppercase;
161
- letter-spacing: 0.4px;
162
- }
163
-
164
- .card-section-header {
165
- font-size: 20px;
166
- color: #0d43a7;
167
- font-weight: 700;
168
- line-height: 1.4;
169
- margin-bottom: 12px;
170
- }
171
-
172
- .card-section-sub-text {
173
- font-size: 12px;
174
- color: #0f172a;
175
- font-weight: 500;
176
- }
177
-
178
- .card-caption {
179
- font-size: 13px;
180
- color: #64748b;
181
- margin-bottom: 8px;
182
- }
183
-
184
- .card-text {
185
- font-size: 14px;
186
- color: #475569;
187
- text-align: left;
188
- margin-bottom: 16px;
189
- line-height: 1.6;
190
-
191
- span {
192
- color: #0f172a;
193
- font-weight: 600;
194
- }
195
- }
196
-
197
- .card-text-primary {
198
- font-size: 14px;
199
- color: #0f172a;
200
- font-weight: 600;
201
- }
202
-
203
- .card-text-button {
204
- color: #2563eb;
205
- font-size: 13px;
206
- font-weight: 700;
207
- }
208
-
209
- .card-label {
210
- font-size: 12px;
211
- color: #0f172a;
212
- margin-bottom: 8px;
213
- font-weight: 700;
214
- text-transform: uppercase;
215
- letter-spacing: 0.5px;
216
- }
217
-
218
- .card-label-error {
219
- display: block;
220
- font-size: 12px;
221
- color: #dc2626;
222
- margin-bottom: 16px;
223
- font-weight: 600;
224
- }
225
-
226
- .card-label-desc {
227
- font-weight: 700;
228
- color: #475569;
229
- font-size: 13px;
230
- margin-bottom: 16px;
231
- text-transform: uppercase;
232
- letter-spacing: 0.3px;
233
- }
234
-
235
- .card-link {
236
- display: inline-block;
237
- text-align: left;
238
- color: #2563eb;
239
- margin-top: 12px;
240
- cursor: pointer;
241
- font-weight: 700;
242
- font-size: 13px;
243
- padding: 8px 12px;
244
- border-radius: 8px;
245
- background: rgba(37, 99, 235, 0.08);
246
- transition: all 0.2s ease;
247
- text-decoration: none;
248
-
249
- &:hover {
250
- background: rgba(37, 99, 235, 0.16);
251
- transform: translateX(2px);
252
- }
253
- }
254
-
255
- .card-search-heading {
256
- margin-right: 0px !important;
257
- margin-left: 0px !important;
258
- margin-bottom: 0px !important;
259
- padding-bottom: 0px;
260
- padding-left: 25px;
261
- }
262
- }
263
-
264
- .employeeCard.fsm {
265
- margin-bottom: 64px !important;
266
- margin-left: 0px !important;
267
- margin-right: 16px !important;
268
- }
269
- .header-wrap {
270
- display: flex;
271
- margin-bottom: 16px;
272
-
273
- .header-start {
274
- margin-right: auto;
275
- }
276
-
277
- .header-end {
278
- margin-left: auto;
279
- }
280
- }
281
-
282
- .card-emp {
283
- background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
284
- padding: 0;
285
- margin: 8px;
286
- border-radius: 14px;
287
- border: 1px solid #e1e8f0;
288
- }
289
-
290
- .submit-bar {
291
- height: 40px;
292
- background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
293
- color: white;
294
- text-align: center;
295
- outline: none;
296
- width: 175px;
297
- border-radius: 8px;
298
- border: none;
299
- font-weight: 700;
300
- font-size: 13px;
301
- cursor: pointer;
302
- transition: all 0.2s ease;
303
- box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
304
-
305
- &:hover {
306
- transform: translateY(-2px);
307
- box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
308
- }
309
-
310
- &:focus {
311
- outline: none;
312
- }
313
-
314
- header {
315
- font-weight: 600;
316
- font-size: 12px;
317
- color: white;
318
- line-height: 40px;
319
- }
320
- }
321
-
322
- .submit-bar-disabled {
323
- height: 40px;
324
- background: linear-gradient(135deg, #94a3b8 0%, #78909c 100%);
325
- color: white;
326
- text-align: center;
327
- outline: none;
328
- opacity: 0.6;
329
- width: 175px;
330
- border-radius: 8px;
331
- border: none;
332
- cursor: not-allowed;
333
-
334
- &:focus {
335
- outline: none;
336
- }
337
-
338
- header {
339
- font-weight: 600;
340
- font-size: 12px;
341
- color: white;
342
- line-height: 40px;
343
- }
344
- }
345
-
346
- @media (min-width: 1024px) {
347
- .submit-bar,
348
- .submit-bar-disabled {
349
- width: 175px;
350
- border-radius: 8px;
351
- height: 40px;
352
- }
353
-
354
- .card {
355
- display: flex;
356
- flex-direction: column;
357
-
358
- .card-header {
359
- font-size: 24px;
360
- }
361
-
362
- .card-sub-header {
363
- font-size: 18px;
364
- }
365
-
366
- .card-caption {
367
- font-size: 14px;
368
- }
369
-
370
- .card-text,
371
- .card-text-primary {
372
- font-size: 16px;
373
- }
374
-
375
- .card-link {
376
- text-align: left;
377
- }
378
- }
379
-
380
- .employeeCard {
381
- margin-bottom: 16px !important;
382
- margin-left: 16px !important;
383
- margin-right: 16px !important;
384
-
385
- &.filter {
386
- margin-left: auto;
387
- margin-right: auto;
388
- }
389
-
390
- .card-header {
391
- font-size: 24px;
392
- }
393
-
394
- .card-sub-header {
395
- margin-bottom: 40px;
396
- font-size: 18px;
397
- }
398
-
399
- .employee-card-sub-header {
400
- margin-bottom: 40px;
401
- font-size: 18px;
402
- }
403
-
404
- .card-section-header {
405
- margin-bottom: 10px;
406
- color: #0d43a7;
407
- font-size: 24px;
408
- line-height: 28px;
409
- font-weight: 700;
410
- }
411
-
412
- .card-section-sub-text {
413
- font-size: 12px;
414
- color: #0f172a;
415
- }
416
-
417
- .card-search-heading {
418
- margin-right: 0px !important;
419
- margin-left: 0px !important;
420
- margin-bottom: 0px !important;
421
- padding-bottom: 0px;
422
- padding-left: 25px;
423
- }
424
-
425
- .card-caption {
426
- font-size: 14px;
427
- }
428
-
429
- .card-text,
430
- .card-text-primary {
431
- font-size: 16px;
432
- }
433
-
434
- .card-link {
435
- text-align: left;
436
- }
437
-
438
- .label-field-pair {
439
- display: flex;
440
- align-items: center;
441
-
442
- h2 {
443
- width: 30%;
444
- }
445
-
446
- .field {
447
- width: 50%;
448
- margin-right: 20%;
449
- .field {
450
- margin-right: unset;
451
- }
452
- }
453
- }
454
-
455
- .field-container {
456
- span {
457
-
458
- }
459
- }
460
- }
461
- }
462
-
463
- .card-section-header {
464
- font-size: 18px;
465
- color: #0f172a;
466
- font-weight: 700;
467
- margin-top: 8px;
468
- }
469
-
470
- .card-search-heading {
471
- margin-right: 0px !important;
472
- margin-left: 0px !important;
473
- margin-bottom: 0px !important;
474
- padding-bottom: 0px;
475
- padding-left: 25px;
476
- }
477
-
478
- .button-sub-text {
479
- width: 100%;
480
- }
481
-
482
- .home-page-info-banner-wrap {
483
- margin: 0px 16px 24px 16px;
484
- }
485
-
486
- @media (min-width: 780px) {
487
- .button-sub-text {
488
- width: 240px;
489
- }
490
-
491
- .home-page-info-banner-wrap {
492
- max-width: 45%;
493
- min-width: 100%;
494
- margin-left: 0;
495
- margin-right: 24px;
496
- margin-bottom: 24px;
497
- }
498
-
499
- .oc-aknowledgement-screen {
500
- width: auto;
501
- min-width: 240px;
502
- max-width: 100%;
503
- padding: 0px 10px;
504
- }
505
- }
506
-
507
- .card-label-error {
508
- display: block;
509
- font-size: 12px;
510
- color: #dc2626;
511
- margin-bottom: 16px;
512
- font-weight: 600;
513
- }
514
-
515
- .employeeCard-override {
516
- margin-left: 0px !important;
517
- }
518
-
519
- .BPAemployeeCard {
520
- margin-left: 0px !important;
521
- margin-right: 0px !important;
522
- margin-bottom: 0px !important;
523
- }
524
-
525
- .employee-application-details {
526
- display: flex !important;
527
- justify-content: space-between !important;
528
- max-height: 70px !important;
529
- height: 70px !important;
530
- margin-bottom: 15px !important;
531
- }
532
-
533
- .employee-main-application-details {
534
- padding: 10px !important;
535
- }
536
-
537
- .employee-mulitlink-main-div {
538
- z-index: 10 !important;
539
- max-width: 41% !important;
540
- }
541
-
542
- .employee-download-btn-className {
543
- position: unset !important;
544
- display: flex !important;
545
- justify-content: flex-end !important;
546
- }
547
-
548
- .employee-options-btn-className {
549
- position: unset !important;
550
- margin: 0 !important;
551
- width: 100% !important;
552
- }
553
-
554
- .language-selector .submit-bar,
555
- .submit-bar-disabled {
556
- background: linear-gradient(135deg, rgba(178, 196, 239, 0.8) 0%, rgba(178, 196, 239, 0.8) 100%) !important;
557
- }
558
-
559
- .owner-details {
560
- display: flex;
561
- flex-direction: row;
562
- width: 100%;
563
- flex-wrap: wrap;
564
- justify-content: space-between;
565
- }
566
-
567
- .owner-details-child {
568
- width: 50%;
569
- }
570
-
571
- .location-card .card {
572
- max-width: 85vw;
573
- width: 100%;
574
- margin: 0;
575
- }
576
-
577
- .image-card .card {
578
- max-width: 85vw;
579
- width: 100%;
580
- margin: 0;
581
- }
1
+
2
+
3
+ .card {
4
+ background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
5
+ margin: 8px;
6
+ padding: 20px 24px 28px 24px;
7
+ max-width: 95vw;
8
+ width: 100%;
9
+ border-radius: 14px;
10
+ border: 1px solid #e1e8f0;
11
+ box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
12
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
13
+ position: relative;
14
+ overflow: visible;
15
+
16
+
17
+ .card-header {
18
+ font-size: 20px;
19
+ font-weight: 800;
20
+ color: #0f172a;
21
+ text-align: left;
22
+ margin-bottom: 12px;
23
+ letter-spacing: 0.3px;
24
+ display: flex;
25
+ align-items: center;
26
+ justify-content: space-between;
27
+ }
28
+
29
+ .card-sub-header {
30
+ font-size: 14px;
31
+ font-weight: 700;
32
+ color: #1e293b;
33
+ text-align: left;
34
+ margin-bottom: 8px;
35
+ text-transform: uppercase;
36
+ letter-spacing: 0.4px;
37
+ }
38
+
39
+ .card-caption {
40
+ font-size: 13px;
41
+ color: #64748b;
42
+ margin-bottom: 8px;
43
+ font-weight: 500;
44
+ }
45
+
46
+ .card-text {
47
+ font-size: 14px;
48
+ color: #475569;
49
+ text-align: left;
50
+ margin-bottom: 16px;
51
+ line-height: 1.6;
52
+
53
+ span {
54
+ color: #0f172a;
55
+ font-weight: 600;
56
+ }
57
+ }
58
+
59
+ .card-text-primary {
60
+ font-size: 14px;
61
+ color: #0f172a;
62
+ font-weight: 600;
63
+ }
64
+
65
+ .card-text-button {
66
+ color: #2563eb;
67
+ font-size: 13px;
68
+ font-weight: 700;
69
+ }
70
+
71
+ .card-label {
72
+ font-size: 12px;
73
+ color: #0f172a;
74
+ margin-bottom: 8px;
75
+ font-weight: 700;
76
+ text-transform: uppercase;
77
+ letter-spacing: 0.5px;
78
+ }
79
+
80
+ .card-label-error {
81
+ display: block;
82
+ font-size: 12px;
83
+ color: #dc2626;
84
+ margin-bottom: 16px;
85
+ font-weight: 600;
86
+ }
87
+
88
+ .card-label-desc {
89
+ font-weight: 700;
90
+ color: #475569;
91
+ font-size: 13px;
92
+ margin-bottom: 16px;
93
+ text-transform: uppercase;
94
+ letter-spacing: 0.3px;
95
+ }
96
+
97
+ .card-link {
98
+ display: inline-block;
99
+ text-align: center;
100
+ color: #2563eb;
101
+ margin-top: 16px;
102
+ cursor: pointer;
103
+ font-weight: 700;
104
+ font-size: 13px;
105
+ padding: 8px 16px;
106
+ border-radius: 8px;
107
+ background: rgba(37, 99, 235, 0.08);
108
+ transition: all 0.2s ease;
109
+ text-decoration: none;
110
+
111
+ &:hover {
112
+ background: rgba(37, 99, 235, 0.16);
113
+ transform: translateX(2px);
114
+ }
115
+ }
116
+ }
117
+
118
+ .validation-error {
119
+ display: block;
120
+ font-size: 12px;
121
+ color: #dc2626;
122
+ font-weight: 600;
123
+ }
124
+
125
+ .docsDescription {
126
+ color: #0b0c0c !important;
127
+ }
128
+
129
+ .field-container {
130
+ display: flex;
131
+ align-items: center;
132
+ }
133
+
134
+ .employeeCard {
135
+ background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
136
+ padding: 24px;
137
+ margin-bottom: 32px;
138
+ border-radius: 14px;
139
+ border: 1px solid #e1e8f0;
140
+ box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
141
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
142
+ position: relative;
143
+ overflow: visible !important;
144
+
145
+ .card-header {
146
+ font-size: 22px;
147
+ font-weight: 800;
148
+ color: #0f172a;
149
+ text-align: left;
150
+ margin-bottom: 16px;
151
+ letter-spacing: 0.3px;
152
+ }
153
+
154
+ .card-sub-header,
155
+ .employee-card-sub-header {
156
+ font-size: 14px;
157
+ font-weight: 700;
158
+ color: #1e293b;
159
+ text-align: left;
160
+ text-transform: uppercase;
161
+ letter-spacing: 0.4px;
162
+ }
163
+
164
+ .card-section-header {
165
+ font-size: 20px;
166
+ color: #0d43a7;
167
+ font-weight: 700;
168
+ line-height: 1.4;
169
+ margin-bottom: 12px;
170
+ }
171
+
172
+ .card-section-sub-text {
173
+ font-size: 12px;
174
+ color: #0f172a;
175
+ font-weight: 500;
176
+ }
177
+
178
+ .card-caption {
179
+ font-size: 13px;
180
+ color: #64748b;
181
+ margin-bottom: 8px;
182
+ }
183
+
184
+ .card-text {
185
+ font-size: 14px;
186
+ color: #475569;
187
+ text-align: left;
188
+ margin-bottom: 16px;
189
+ line-height: 1.6;
190
+
191
+ span {
192
+ color: #0f172a;
193
+ font-weight: 600;
194
+ }
195
+ }
196
+
197
+ .card-text-primary {
198
+ font-size: 14px;
199
+ color: #0f172a;
200
+ font-weight: 600;
201
+ }
202
+
203
+ .card-text-button {
204
+ color: #2563eb;
205
+ font-size: 13px;
206
+ font-weight: 700;
207
+ }
208
+
209
+ .card-label {
210
+ font-size: 12px;
211
+ color: #0f172a;
212
+ margin-bottom: 8px;
213
+ font-weight: 700;
214
+ text-transform: uppercase;
215
+ letter-spacing: 0.5px;
216
+ }
217
+
218
+ .card-label-error {
219
+ display: block;
220
+ font-size: 12px;
221
+ color: #dc2626;
222
+ margin-bottom: 16px;
223
+ font-weight: 600;
224
+ }
225
+
226
+ .card-label-desc {
227
+ font-weight: 700;
228
+ color: #475569;
229
+ font-size: 13px;
230
+ margin-bottom: 16px;
231
+ text-transform: uppercase;
232
+ letter-spacing: 0.3px;
233
+ }
234
+
235
+ .card-link {
236
+ display: inline-block;
237
+ text-align: left;
238
+ color: #2563eb;
239
+ margin-top: 12px;
240
+ cursor: pointer;
241
+ font-weight: 700;
242
+ font-size: 13px;
243
+ padding: 8px 12px;
244
+ border-radius: 8px;
245
+ background: rgba(37, 99, 235, 0.08);
246
+ transition: all 0.2s ease;
247
+ text-decoration: none;
248
+
249
+ &:hover {
250
+ background: rgba(37, 99, 235, 0.16);
251
+ transform: translateX(2px);
252
+ }
253
+ }
254
+
255
+ .card-search-heading {
256
+ margin-right: 0px !important;
257
+ margin-left: 0px !important;
258
+ margin-bottom: 0px !important;
259
+ padding-bottom: 0px;
260
+ padding-left: 25px;
261
+ }
262
+ }
263
+
264
+ .employeeCard.fsm {
265
+ margin-bottom: 64px !important;
266
+ margin-left: 0px !important;
267
+ margin-right: 16px !important;
268
+ }
269
+ .header-wrap {
270
+ display: flex;
271
+ margin-bottom: 16px;
272
+
273
+ .header-start {
274
+ margin-right: auto;
275
+ }
276
+
277
+ .header-end {
278
+ margin-left: auto;
279
+ }
280
+ }
281
+
282
+ .card-emp {
283
+ background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
284
+ padding: 0;
285
+ margin: 8px;
286
+ border-radius: 14px;
287
+ border: 1px solid #e1e8f0;
288
+ }
289
+
290
+ .submit-bar {
291
+ height: 40px;
292
+ background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
293
+ color: white;
294
+ text-align: center;
295
+ outline: none;
296
+ width: 175px;
297
+ border-radius: 8px;
298
+ border: none;
299
+ font-weight: 700;
300
+ font-size: 13px;
301
+ cursor: pointer;
302
+ transition: all 0.2s ease;
303
+ box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
304
+
305
+ &:hover {
306
+ transform: translateY(-2px);
307
+ box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
308
+ }
309
+
310
+ &:focus {
311
+ outline: none;
312
+ }
313
+
314
+ header {
315
+ font-weight: 600;
316
+ font-size: 12px;
317
+ color: white;
318
+ line-height: 40px;
319
+ }
320
+ }
321
+
322
+ .submit-bar-disabled {
323
+ height: 40px;
324
+ background: linear-gradient(135deg, #94a3b8 0%, #78909c 100%);
325
+ color: white;
326
+ text-align: center;
327
+ outline: none;
328
+ opacity: 0.6;
329
+ width: 175px;
330
+ border-radius: 8px;
331
+ border: none;
332
+ cursor: not-allowed;
333
+
334
+ &:focus {
335
+ outline: none;
336
+ }
337
+
338
+ header {
339
+ font-weight: 600;
340
+ font-size: 12px;
341
+ color: white;
342
+ line-height: 40px;
343
+ }
344
+ }
345
+
346
+ @media (min-width: 1024px) {
347
+ .submit-bar,
348
+ .submit-bar-disabled {
349
+ width: 175px;
350
+ border-radius: 8px;
351
+ height: 40px;
352
+ }
353
+
354
+ .card {
355
+ display: flex;
356
+ flex-direction: column;
357
+
358
+ .card-header {
359
+ font-size: 24px;
360
+ }
361
+
362
+ .card-sub-header {
363
+ font-size: 18px;
364
+ }
365
+
366
+ .card-caption {
367
+ font-size: 14px;
368
+ }
369
+
370
+ .card-text,
371
+ .card-text-primary {
372
+ font-size: 16px;
373
+ }
374
+
375
+ .card-link {
376
+ text-align: left;
377
+ }
378
+ }
379
+
380
+ .employeeCard {
381
+ margin-bottom: 16px !important;
382
+ margin-left: 16px !important;
383
+ margin-right: 16px !important;
384
+
385
+ &.filter {
386
+ margin-left: auto;
387
+ margin-right: auto;
388
+ }
389
+
390
+ .card-header {
391
+ font-size: 24px;
392
+ }
393
+
394
+ .card-sub-header {
395
+ margin-bottom: 40px;
396
+ font-size: 18px;
397
+ }
398
+
399
+ .employee-card-sub-header {
400
+ margin-bottom: 40px;
401
+ font-size: 18px;
402
+ }
403
+
404
+ .card-section-header {
405
+ margin-bottom: 10px;
406
+ color: #0d43a7;
407
+ font-size: 24px;
408
+ line-height: 28px;
409
+ font-weight: 700;
410
+ }
411
+
412
+ .card-section-sub-text {
413
+ font-size: 12px;
414
+ color: #0f172a;
415
+ }
416
+
417
+ .card-search-heading {
418
+ margin-right: 0px !important;
419
+ margin-left: 0px !important;
420
+ margin-bottom: 0px !important;
421
+ padding-bottom: 0px;
422
+ padding-left: 25px;
423
+ }
424
+
425
+ .card-caption {
426
+ font-size: 14px;
427
+ }
428
+
429
+ .card-text,
430
+ .card-text-primary {
431
+ font-size: 16px;
432
+ }
433
+
434
+ .card-link {
435
+ text-align: left;
436
+ }
437
+
438
+ .label-field-pair {
439
+ display: flex;
440
+ align-items: center;
441
+
442
+ h2 {
443
+ width: 30%;
444
+ }
445
+
446
+ .field {
447
+ width: 50%;
448
+ margin-right: 20%;
449
+ .field {
450
+ margin-right: unset;
451
+ }
452
+ }
453
+ }
454
+
455
+ .field-container {
456
+ span {
457
+
458
+ }
459
+ }
460
+ }
461
+ }
462
+
463
+ .card-section-header {
464
+ font-size: 18px;
465
+ color: #0f172a;
466
+ font-weight: 700;
467
+ margin-top: 8px;
468
+ }
469
+
470
+ .card-search-heading {
471
+ margin-right: 0px !important;
472
+ margin-left: 0px !important;
473
+ margin-bottom: 0px !important;
474
+ padding-bottom: 0px;
475
+ padding-left: 25px;
476
+ }
477
+
478
+ .button-sub-text {
479
+ width: 100%;
480
+ }
481
+
482
+ .home-page-info-banner-wrap {
483
+ margin: 0px 16px 24px 16px;
484
+ }
485
+
486
+ @media (min-width: 780px) {
487
+ .button-sub-text {
488
+ width: 240px;
489
+ }
490
+
491
+ .home-page-info-banner-wrap {
492
+ max-width: 45%;
493
+ min-width: 100%;
494
+ margin-left: 0;
495
+ margin-right: 24px;
496
+ margin-bottom: 24px;
497
+ }
498
+
499
+ .oc-aknowledgement-screen {
500
+ width: auto;
501
+ min-width: 240px;
502
+ max-width: 100%;
503
+ padding: 0px 10px;
504
+ }
505
+ }
506
+
507
+ .card-label-error {
508
+ display: block;
509
+ font-size: 12px;
510
+ color: #dc2626;
511
+ margin-bottom: 16px;
512
+ font-weight: 600;
513
+ }
514
+
515
+ .employeeCard-override {
516
+ margin-left: 0px !important;
517
+ }
518
+
519
+ .BPAemployeeCard {
520
+ margin-left: 0px !important;
521
+ margin-right: 0px !important;
522
+ margin-bottom: 0px !important;
523
+ }
524
+
525
+ .employee-application-details {
526
+ display: flex !important;
527
+ justify-content: space-between !important;
528
+ max-height: 70px !important;
529
+ height: 70px !important;
530
+ margin-bottom: 15px !important;
531
+ }
532
+
533
+ .employee-main-application-details {
534
+ padding: 10px !important;
535
+ }
536
+
537
+ .employee-mulitlink-main-div {
538
+ z-index: 10 !important;
539
+ max-width: 41% !important;
540
+ }
541
+
542
+ .employee-download-btn-className {
543
+ position: unset !important;
544
+ display: flex !important;
545
+ justify-content: flex-end !important;
546
+ }
547
+
548
+ .employee-options-btn-className {
549
+ position: unset !important;
550
+ margin: 0 !important;
551
+ width: 100% !important;
552
+ }
553
+
554
+ .language-selector .submit-bar,
555
+ .submit-bar-disabled {
556
+ background: linear-gradient(135deg, rgba(178, 196, 239, 0.8) 0%, rgba(178, 196, 239, 0.8) 100%) !important;
557
+ }
558
+
559
+ .owner-details {
560
+ display: flex;
561
+ flex-direction: row;
562
+ width: 100%;
563
+ flex-wrap: wrap;
564
+ justify-content: space-between;
565
+ }
566
+
567
+ .owner-details-child {
568
+ width: 50%;
569
+ }
570
+
571
+ .location-card .card {
572
+ max-width: 85vw;
573
+ width: 100%;
574
+ margin: 0;
575
+ }
576
+
577
+ .image-card .card {
578
+ max-width: 85vw;
579
+ width: 100%;
580
+ margin: 0;
581
+ }