@pmidc/upyog-css 1.2.36-UAT.24 → 1.2.36-UAT.26

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 (11) hide show
  1. package/dist/index.css +3505 -579
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/card.scss +2 -2
  5. package/src/components/datatable.scss +0 -6
  6. package/src/components/mseva-icons.css +202 -0
  7. package/src/components/table.scss +0 -38
  8. package/src/gigw3-mseva.scss +2358 -0
  9. package/src/index.scss +2 -1
  10. package/src/modules/BPA/index.scss +5 -0
  11. package/src/modules/adv/index.scss +185 -0
package/dist/index.css CHANGED
@@ -5,7 +5,6 @@
5
5
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
6
6
  html {
7
7
  line-height: 1.15;
8
- -webkit-text-size-adjust: 100%;
9
8
  }
10
9
 
11
10
  main {
@@ -1042,8 +1041,8 @@ body {
1042
1041
  font-size: 24px;
1043
1042
  line-height: 32px;
1044
1043
  --text-opacity:1;
1045
- color: #0d43a7;
1046
- color: rgba(13, 67, 167, var(--text-opacity));
1044
+ color: #074b98;
1045
+ color: rgba(7, 75, 152, var(--text-opacity));
1047
1046
  font-weight: 700;
1048
1047
  margin-bottom: 16px;
1049
1048
  margin-left: 16px;
@@ -1060,14 +1059,14 @@ body {
1060
1059
  width: fit-content;
1061
1060
  display: block;
1062
1061
  --border-opacity:1;
1063
- border-color: #0d43a7;
1062
+ border-color: #074b98;
1064
1063
  border-bottom: 1px;
1065
- border-color: rgba(13, 67, 167, var(--border-opacity));
1064
+ border-color: rgba(7, 75, 152, var(--border-opacity));
1066
1065
  border-style: solid;
1067
1066
  font-family: Roboto Condensed, sans-serif;
1068
1067
  --text-opacity:1;
1069
- color: #0d43a7;
1070
- color: rgba(13, 67, 167, var(--text-opacity));
1068
+ color: #074b98;
1069
+ color: rgba(7, 75, 152, var(--text-opacity));
1071
1070
  font-size: 16px;
1072
1071
  line-height: 24px;
1073
1072
  margin-left: 8px;
@@ -1087,9 +1086,6 @@ body {
1087
1086
  .bread-crumb {
1088
1087
  font-size: 14px;
1089
1088
  color: #505a5f;
1090
- display: -webkit-box;
1091
- display: -ms-flexbox;
1092
- display: flex;
1093
1089
  margin-bottom: 10px;
1094
1090
  -ms-flex-wrap: wrap;
1095
1091
  flex-wrap: wrap;
@@ -1119,14 +1115,14 @@ body {
1119
1115
  display: -ms-flexbox;
1120
1116
  display: flex;
1121
1117
  --border-opacity:1;
1122
- border-color: #0d43a7;
1118
+ border-color: #074b98;
1123
1119
  border-bottom: 1px;
1124
- border-color: rgba(13, 67, 167, var(--border-opacity));
1120
+ border-color: rgba(7, 75, 152, var(--border-opacity));
1125
1121
  border-style: solid;
1126
1122
  font-family: Roboto Condensed, sans-serif;
1127
1123
  --text-opacity:1;
1128
- color: #0d43a7;
1129
- color: rgba(13, 67, 167, var(--text-opacity));
1124
+ color: #074b98;
1125
+ color: rgba(7, 75, 152, var(--text-opacity));
1130
1126
  font-size: 16px;
1131
1127
  line-height: 24px;
1132
1128
  margin-left: 8px;
@@ -1453,8 +1449,8 @@ body {
1453
1449
  }
1454
1450
  .navbar {
1455
1451
  --bg-opacity:1;
1456
- background-color: #22394d;
1457
- background-color: rgba(34, 57, 77, var(--bg-opacity));
1452
+ background-color: #074b98;
1453
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
1458
1454
  width: 100%;
1459
1455
  position: fixed;
1460
1456
  z-index: 9999;
@@ -2451,7 +2447,7 @@ body {
2451
2447
  font-size: 24px;
2452
2448
  }
2453
2449
  .employeeCard .card-sub-header, .employeeCard .employee-card-sub-header {
2454
- margin-bottom: 24px !important;
2450
+ margin-bottom: 40px;
2455
2451
  font-size: 18px;
2456
2452
  }
2457
2453
  .employeeCard .card-section-header {
@@ -2906,15 +2902,15 @@ body {
2906
2902
  font-size: 19px;
2907
2903
  line-height: 23px;
2908
2904
  --text-opacity:1;
2909
- color: #0d43a7;
2910
- color: rgba(13, 67, 167, var(--text-opacity));
2905
+ color: #074b98;
2906
+ color: rgba(7, 75, 152, var(--text-opacity));
2911
2907
  }
2912
2908
 
2913
2909
  .selector-button-primary-disabled {
2914
2910
  height: 2rem;
2915
2911
  --bg-opacity:1;
2916
- background-color: #2947a3;
2917
- background-color: rgba(41, 71, 163, var(--bg-opacity));
2912
+ background-color: #074b98;
2913
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
2918
2914
  text-align: center;
2919
2915
  --border-opacity:1;
2920
2916
  border-color: #464646;
@@ -2981,8 +2977,8 @@ body {
2981
2977
  }
2982
2978
  .radio-wrap .radio-btn-wrap:hover .radio-btn-checkmark {
2983
2979
  --border-opacity:1;
2984
- border-color: #2947a3;
2985
- border-color: rgba(41, 71, 163, var(--border-opacity));
2980
+ border-color: #074b98;
2981
+ border-color: rgba(7, 75, 152, var(--border-opacity));
2986
2982
  }
2987
2983
  .radio-wrap .radio-btn {
2988
2984
  opacity: 0;
@@ -3011,14 +3007,14 @@ body {
3011
3007
  .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark, .radio-wrap .radio-btn-wrap .checkbox-wrap .input-emp:checked ~ .radio-btn-checkmark, .checkbox-wrap .radio-wrap .radio-btn-wrap .input-emp:checked ~ .radio-btn-checkmark {
3012
3008
  border-width: 1px;
3013
3009
  --border-opacity:1;
3014
- border-color: #2947a3;
3015
- border-color: rgba(41, 71, 163, var(--border-opacity));
3010
+ border-color: #074b98;
3011
+ border-color: rgba(7, 75, 152, var(--border-opacity));
3016
3012
  }
3017
3013
  .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after, .radio-wrap .radio-btn-wrap .checkbox-wrap .input-emp:checked ~ .radio-btn-checkmark:after, .checkbox-wrap .radio-wrap .radio-btn-wrap .input-emp:checked ~ .radio-btn-checkmark:after {
3018
3014
  display: block;
3019
3015
  --bg-opacity:1;
3020
- background-color: #2947a3;
3021
- background-color: rgba(41, 71, 163, var(--bg-opacity));
3016
+ background-color: #074b98;
3017
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
3022
3018
  height: 1.25rem;
3023
3019
  width: 1.25rem;
3024
3020
  border-radius: 9999px;
@@ -3084,8 +3080,8 @@ body {
3084
3080
  .employee-select-wrap .select p {
3085
3081
  padding-top: 9px;
3086
3082
  --text-opacity:1;
3087
- color: #0d43a7;
3088
- color: rgba(13, 67, 167, var(--text-opacity));
3083
+ color: #074b98;
3084
+ color: rgba(7, 75, 152, var(--text-opacity));
3089
3085
  float: left;
3090
3086
  margin-left: 8px;
3091
3087
  }
@@ -3106,8 +3102,8 @@ body {
3106
3102
  width: 100%;
3107
3103
  height: 2.5rem;
3108
3104
  --border-opacity:1;
3109
- border: 1px solid #2947a3;
3110
- border-color: rgba(41, 71, 163, var(--border-opacity));
3105
+ border: 1px solid #074b98;
3106
+ border-color: rgba(7, 75, 152, var(--border-opacity));
3111
3107
  height: 3rem;
3112
3108
  border: 1px solid #2563eb;
3113
3109
  border-radius: 8px;
@@ -3133,8 +3129,8 @@ body {
3133
3129
  }
3134
3130
  .employee-select-wrap .select-active p {
3135
3131
  --text-opacity:1;
3136
- color: #0d43a7;
3137
- color: rgba(13, 67, 167, var(--text-opacity));
3132
+ color: #074b98;
3133
+ color: rgba(7, 75, 152, var(--text-opacity));
3138
3134
  float: left;
3139
3135
  margin-left: 8px;
3140
3136
  padding-top: 9px;
@@ -3178,8 +3174,8 @@ body {
3178
3174
  height: 3rem;
3179
3175
  padding-left: 8px;
3180
3176
  --text-opacity:1;
3181
- color: #0d43a7;
3182
- color: rgba(13, 67, 167, var(--text-opacity));
3177
+ color: #074b98;
3178
+ color: rgba(7, 75, 152, var(--text-opacity));
3183
3179
  font-size: 16px;
3184
3180
  line-height: 20px;
3185
3181
  }
@@ -3212,8 +3208,8 @@ body {
3212
3208
  height: 3rem;
3213
3209
  padding-left: 8px;
3214
3210
  --text-opacity:1;
3215
- color: #0d43a7;
3216
- color: rgba(13, 67, 167, var(--text-opacity));
3211
+ color: #074b98;
3212
+ color: rgba(7, 75, 152, var(--text-opacity));
3217
3213
  font-size: 16px;
3218
3214
  line-height: 20px;
3219
3215
  }
@@ -3293,8 +3289,8 @@ body {
3293
3289
  font-size: 16px;
3294
3290
  line-height: 20px;
3295
3291
  --text-opacity:1;
3296
- color: #0d43a7;
3297
- color: rgba(13, 67, 167, var(--text-opacity));
3292
+ color: #074b98;
3293
+ color: rgba(7, 75, 152, var(--text-opacity));
3298
3294
  float: left;
3299
3295
  margin-left: 8px;
3300
3296
  }
@@ -3330,8 +3326,8 @@ body {
3330
3326
  width: 100%;
3331
3327
  height: 2.5rem;
3332
3328
  --border-opacity:1;
3333
- border: 1px solid #2947a3;
3334
- border-color: rgba(41, 71, 163, var(--border-opacity));
3329
+ border: 1px solid #074b98;
3330
+ border-color: rgba(7, 75, 152, var(--border-opacity));
3335
3331
  }
3336
3332
  .select-wrap .select-active input[type=text], .select-wrap .select-active .checkbox-wrap [type=text].input-emp, .checkbox-wrap .select-wrap .select-active [type=text].input-emp {
3337
3333
  width: calc(100% - 32px);
@@ -3350,8 +3346,8 @@ body {
3350
3346
  }
3351
3347
  .select-wrap .select-active p {
3352
3348
  --text-opacity:1;
3353
- color: #0d43a7;
3354
- color: rgba(13, 67, 167, var(--text-opacity));
3349
+ color: #074b98;
3350
+ color: rgba(7, 75, 152, var(--text-opacity));
3355
3351
  float: left;
3356
3352
  margin-left: 8px;
3357
3353
  padding-top: 9px;
@@ -3384,8 +3380,8 @@ body {
3384
3380
  height: 3rem;
3385
3381
  padding-left: 8px;
3386
3382
  --text-opacity:1;
3387
- color: #0d43a7;
3388
- color: rgba(13, 67, 167, var(--text-opacity));
3383
+ color: #074b98;
3384
+ color: rgba(7, 75, 152, var(--text-opacity));
3389
3385
  font-size: 16px;
3390
3386
  line-height: 20px;
3391
3387
  }
@@ -3466,8 +3462,8 @@ body {
3466
3462
  font-size: 16px;
3467
3463
  line-height: 20px;
3468
3464
  --text-opacity:1;
3469
- color: #0d43a7;
3470
- color: rgba(13, 67, 167, var(--text-opacity));
3465
+ color: #074b98;
3466
+ color: rgba(7, 75, 152, var(--text-opacity));
3471
3467
  }
3472
3468
 
3473
3469
  .card-input-error {
@@ -3494,8 +3490,8 @@ body {
3494
3490
  font-size: 16px;
3495
3491
  line-height: 20px;
3496
3492
  --text-opacity:1;
3497
- color: #0d43a7;
3498
- color: rgba(13, 67, 167, var(--text-opacity));
3493
+ color: #074b98;
3494
+ color: rgba(7, 75, 152, var(--text-opacity));
3499
3495
  height: 2rem !important;
3500
3496
  padding: 1.5rem 1rem;
3501
3497
  border-radius: 8px;
@@ -3560,8 +3556,8 @@ body {
3560
3556
  border-color: rgba(212, 53, 28, var(--border-opacity));
3561
3557
  line-height: 2.5rem;
3562
3558
  --text-opacity:1;
3563
- color: #0d43a7;
3564
- color: rgba(13, 67, 167, var(--text-opacity));
3559
+ color: #074b98;
3560
+ color: rgba(7, 75, 152, var(--text-opacity));
3565
3561
  border-radius: 8px;
3566
3562
  }
3567
3563
 
@@ -3645,8 +3641,8 @@ body {
3645
3641
  font-size: 16px;
3646
3642
  line-height: 20px;
3647
3643
  --text-opacity:1;
3648
- color: #0d43a7;
3649
- color: rgba(13, 67, 167, var(--text-opacity));
3644
+ color: #074b98;
3645
+ color: rgba(7, 75, 152, var(--text-opacity));
3650
3646
  height: 2rem !important;
3651
3647
  margin-bottom: 16px !important;
3652
3648
  line-height: 2rem !important;
@@ -3687,8 +3683,8 @@ body {
3687
3683
  .emp-success-wrap, .success-wrap {
3688
3684
  display: block;
3689
3685
  --bg-opacity:1;
3690
- background-color: #05a660;
3691
- background-color: rgba(5, 166, 96, var(--bg-opacity));
3686
+ background-color: #287f1d;
3687
+ background-color: rgba(40, 127, 29, var(--bg-opacity));
3692
3688
  width: 100%;
3693
3689
  text-align: center;
3694
3690
  --text-opacity:1;
@@ -3887,8 +3883,8 @@ body {
3887
3883
  }
3888
3884
  .date-wrap p {
3889
3885
  --text-opacity:1;
3890
- color: #0d43a7;
3891
- color: rgba(13, 67, 167, var(--text-opacity));
3886
+ color: #074b98;
3887
+ color: rgba(7, 75, 152, var(--text-opacity));
3892
3888
  font-size: 16px;
3893
3889
  line-height: 24px;
3894
3890
  padding-left: 8px;
@@ -4032,15 +4028,6 @@ body {
4032
4028
  justify-content: space-between;
4033
4029
  }
4034
4030
 
4035
- .data-table .row.document-row .value, .employee-data-table .row.document-row .value {
4036
- display: -webkit-box;
4037
- display: -ms-flexbox;
4038
- display: flex;
4039
- -webkit-box-align: center;
4040
- -ms-flex-align: center;
4041
- align-items: center;
4042
- }
4043
-
4044
4031
  .checkpoint-connect-wrap {
4045
4032
  padding-bottom: 4px;
4046
4033
  position: relative;
@@ -4056,13 +4043,13 @@ body {
4056
4043
  height: 24px;
4057
4044
  border-radius: 50%;
4058
4045
  --border-opacity:1;
4059
- border-color: #2947a3;
4046
+ border-color: #074b98;
4060
4047
  border-bottom: 1px;
4061
- border-color: rgba(41, 71, 163, var(--border-opacity));
4048
+ border-color: rgba(7, 75, 152, var(--border-opacity));
4062
4049
  border-style: solid;
4063
4050
  --bg-opacity:1;
4064
- background-color: #2947a3;
4065
- background-color: rgba(41, 71, 163, var(--bg-opacity));
4051
+ background-color: #074b98;
4052
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
4066
4053
  }
4067
4054
  .checkpoint-done header {
4068
4055
  margin-left: 16px;
@@ -4070,8 +4057,8 @@ body {
4070
4057
  .checkpoint-done header p {
4071
4058
  margin-top: 4px;
4072
4059
  --text-opacity:1;
4073
- color: #505a5f;
4074
- color: rgba(80, 90, 95, var(--text-opacity));
4060
+ color: #245f9c;
4061
+ color: rgba(36, 95, 156, var(--text-opacity));
4075
4062
  }
4076
4063
 
4077
4064
  .checkpoint {
@@ -4099,8 +4086,8 @@ body {
4099
4086
  .checkpoint header p {
4100
4087
  margin-top: 4px;
4101
4088
  --text-opacity:1;
4102
- color: #505a5f;
4103
- color: rgba(80, 90, 95, var(--text-opacity));
4089
+ color: #245f9c;
4090
+ color: rgba(36, 95, 156, var(--text-opacity));
4104
4091
  }
4105
4092
 
4106
4093
  .checkpoint-connect {
@@ -4128,8 +4115,8 @@ body {
4128
4115
  margin-top: 8px;
4129
4116
  }
4130
4117
  .checkpoint-comments-wrap h4 {
4131
- color: #0d43a7;
4132
- color: rgba(13, 67, 167, var(--text-opacity));
4118
+ color: #074b98;
4119
+ color: rgba(7, 75, 152, var(--text-opacity));
4133
4120
  }
4134
4121
  .checkpoint-comments-wrap h4, .checkpoint-comments-wrap p {
4135
4122
  --text-opacity:1;
@@ -4137,8 +4124,8 @@ body {
4137
4124
  line-height: 24px;
4138
4125
  }
4139
4126
  .checkpoint-comments-wrap p {
4140
- color: #505a5f;
4141
- color: rgba(80, 90, 95, var(--text-opacity));
4127
+ color: #245f9c;
4128
+ color: rgba(36, 95, 156, var(--text-opacity));
4142
4129
  }
4143
4130
 
4144
4131
  .chb-slot-summary {
@@ -4447,8 +4434,8 @@ body {
4447
4434
  .checkbox-wrap input:checked ~ .custom-checkbox, .checkbox-wrap .input-emp:checked ~ .custom-checkbox, .checkbox-wrap input:checked ~ .custom-checkbox-emp, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap input:hover ~ .custom-checkbox, .checkbox-wrap .input-emp:hover ~ .custom-checkbox, .checkbox-wrap input:hover ~ .custom-checkbox-emp, .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp {
4448
4435
  border-width: 1px;
4449
4436
  --border-opacity:1;
4450
- border-color: #2947a3;
4451
- border-color: rgba(41, 71, 163, var(--border-opacity));
4437
+ border-color: #074b98;
4438
+ border-color: rgba(7, 75, 152, var(--border-opacity));
4452
4439
  }
4453
4440
  .checkbox-wrap input:checked ~ .custom-checkbox img, .checkbox-wrap .input-emp:checked ~ .custom-checkbox img, .checkbox-wrap input:checked ~ .custom-checkbox-emp img, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp img, .checkbox-wrap input:checked ~ .custom-checkbox svg, .checkbox-wrap .input-emp:checked ~ .custom-checkbox svg, .checkbox-wrap input:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg {
4454
4441
  opacity: 1;
@@ -4458,8 +4445,8 @@ body {
4458
4445
  font-size: 16px;
4459
4446
  line-height: 20px;
4460
4447
  --text-opacity:1;
4461
- color: #0d43a7;
4462
- color: rgba(13, 67, 167, var(--text-opacity));
4448
+ color: #074b98;
4449
+ color: rgba(7, 75, 152, var(--text-opacity));
4463
4450
  position: relative;
4464
4451
  }
4465
4452
 
@@ -4498,8 +4485,8 @@ body {
4498
4485
  font-size: 16px;
4499
4486
  line-height: 20px;
4500
4487
  --text-opacity:1;
4501
- color: #0d43a7;
4502
- color: rgba(13, 67, 167, var(--text-opacity));
4488
+ color: #074b98;
4489
+ color: rgba(7, 75, 152, var(--text-opacity));
4503
4490
  margin-right: 8px;
4504
4491
  margin-bottom: 8px;
4505
4492
  text-align: center;
@@ -4548,8 +4535,8 @@ body {
4548
4535
  font-size: 16px !important;
4549
4536
  line-height: 20px !important;
4550
4537
  --text-opacity:1!important;
4551
- color: #0d43a7 !important;
4552
- color: rgba(13, 67, 167, var(--text-opacity)) !important;
4538
+ color: #074b98 !important;
4539
+ color: rgba(7, 75, 152, var(--text-opacity)) !important;
4553
4540
  height: 2.5rem !important;
4554
4541
  width: 100% !important;
4555
4542
  }
@@ -4670,8 +4657,8 @@ body {
4670
4657
  font-weight: 700;
4671
4658
  }
4672
4659
  .key-note-pair h3, .key-note-pair p {
4673
- color: #0d43a7;
4674
- color: rgba(13, 67, 167, var(--text-opacity));
4660
+ color: #074b98;
4661
+ color: rgba(7, 75, 152, var(--text-opacity));
4675
4662
  color: #000;
4676
4663
  }
4677
4664
  .key-note-pair .caption, .key-note-pair h3, .key-note-pair p {
@@ -4680,8 +4667,8 @@ body {
4680
4667
  line-height: 24px;
4681
4668
  }
4682
4669
  .key-note-pair .caption {
4683
- color: #505a5f;
4684
- color: rgba(80, 90, 95, var(--text-opacity));
4670
+ color: #245f9c;
4671
+ color: rgba(36, 95, 156, var(--text-opacity));
4685
4672
  }
4686
4673
 
4687
4674
  @media (min-width: 780px) {
@@ -4691,8 +4678,8 @@ body {
4691
4678
  }
4692
4679
  .key-note-pair .caption {
4693
4680
  --text-opacity:1;
4694
- color: #505a5f;
4695
- color: rgba(80, 90, 95, var(--text-opacity));
4681
+ color: #245f9c;
4682
+ color: rgba(36, 95, 156, var(--text-opacity));
4696
4683
  }
4697
4684
  }
4698
4685
  .status-highlight {
@@ -4718,19 +4705,19 @@ body {
4718
4705
  }
4719
4706
  .status-highlight.success {
4720
4707
  --bg-opacity:1;
4721
- background-color: #05a660;
4722
- background-color: rgba(5, 166, 96, var(--bg-opacity));
4708
+ background-color: #287f1d;
4709
+ background-color: rgba(40, 127, 29, var(--bg-opacity));
4723
4710
  }
4724
4711
  .status-highlight.success p {
4725
4712
  --text-opacity:1;
4726
- color: #05a660;
4727
- color: rgba(5, 166, 96, var(--text-opacity));
4713
+ color: #287f1d;
4714
+ color: rgba(40, 127, 29, var(--text-opacity));
4728
4715
  }
4729
4716
 
4730
4717
  .image-viewer-wrap {
4731
4718
  --bg-opacity:1;
4732
- background-color: #0d43a7;
4733
- background-color: rgba(13, 67, 167, var(--bg-opacity));
4719
+ background-color: #074b98;
4720
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
4734
4721
  padding: 16px;
4735
4722
  top: 0;
4736
4723
  left: 0;
@@ -4764,8 +4751,8 @@ body {
4764
4751
  height: 100%;
4765
4752
  z-index: 20;
4766
4753
  --bg-opacity:1;
4767
- background-color: #0d43a7;
4768
- background-color: rgba(13, 67, 167, var(--bg-opacity));
4754
+ background-color: #074b98;
4755
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
4769
4756
  padding: 16px;
4770
4757
  }
4771
4758
  .image-viewer-wrap svg {
@@ -4826,8 +4813,8 @@ body {
4826
4813
  font-size: 16px;
4827
4814
  line-height: 24px;
4828
4815
  --text-opacity:1;
4829
- color: #0d43a7;
4830
- color: rgba(13, 67, 167, var(--text-opacity));
4816
+ color: #074b98;
4817
+ color: rgba(7, 75, 152, var(--text-opacity));
4831
4818
  }
4832
4819
  .action-bar-wrap .menu-wrap div:hover {
4833
4820
  --bg-opacity:1;
@@ -4880,8 +4867,8 @@ body {
4880
4867
  font-size: 16px;
4881
4868
  line-height: 24px;
4882
4869
  --text-opacity:1;
4883
- color: #0d43a7;
4884
- color: rgba(13, 67, 167, var(--text-opacity));
4870
+ color: #074b98;
4871
+ color: rgba(7, 75, 152, var(--text-opacity));
4885
4872
  }
4886
4873
  .action-bar-wrap .menu-wrap div:hover {
4887
4874
  --bg-opacity:1;
@@ -4915,8 +4902,8 @@ body {
4915
4902
  font-size: 16px;
4916
4903
  line-height: 24px;
4917
4904
  --text-opacity:1;
4918
- color: #0d43a7;
4919
- color: rgba(13, 67, 167, var(--text-opacity));
4905
+ color: #074b98;
4906
+ color: rgba(7, 75, 152, var(--text-opacity));
4920
4907
  }
4921
4908
  .action-bar-wrap-registry .menu-wrap div:hover {
4922
4909
  --bg-opacity:1;
@@ -5643,24 +5630,6 @@ body {
5643
5630
  max-width: 400px;
5644
5631
  }
5645
5632
 
5646
- .custom-fee-table td, .inspection-report-table td {
5647
- padding-top: 2px !important;
5648
- padding-bottom: 2px !important;
5649
- }
5650
-
5651
- .checklist-document-table td {
5652
- padding-top: 8px !important;
5653
- padding-bottom: 8px !important;
5654
- }
5655
-
5656
- .checklist-document-table textarea, .custom-fee-table textarea, .inspection-report-table textarea {
5657
- min-height: 40px !important;
5658
- padding: 6px 10px !important;
5659
- overflow: hidden;
5660
- max-height: 1500px;
5661
- resize: vertical;
5662
- }
5663
-
5664
5633
  .customTable tr {
5665
5634
  -webkit-transition: all 0.2s ease;
5666
5635
  transition: all 0.2s ease;
@@ -5686,18 +5655,6 @@ body {
5686
5655
  background-color: unset;
5687
5656
  }
5688
5657
 
5689
- .obps-documents-table td:first-child, .obps-documents-table th:first-child {
5690
- width: 8% !important;
5691
- }
5692
-
5693
- .obps-documents-table td:nth-child(2), .obps-documents-table th:nth-child(2) {
5694
- width: 65% !important;
5695
- }
5696
-
5697
- .obps-documents-table td:nth-child(3), .obps-documents-table th:nth-child(3) {
5698
- width: 27% !important;
5699
- }
5700
-
5701
5658
  @media (max-width: 1024px) {
5702
5659
  .customTable thead th, .dss-table-wrapper table thead th, .table thead th {
5703
5660
  padding: 14px 16px;
@@ -6154,8 +6111,8 @@ body {
6154
6111
  display: -ms-flexbox;
6155
6112
  display: flex;
6156
6113
  --bg-opacity:1;
6157
- background-color: #05a660;
6158
- background-color: rgba(5, 166, 96, var(--bg-opacity));
6114
+ background-color: #287f1d;
6115
+ background-color: rgba(40, 127, 29, var(--bg-opacity));
6159
6116
  line-height: 1.75rem;
6160
6117
  z-index: 20;
6161
6118
  -webkit-box-align: center;
@@ -6215,8 +6172,8 @@ body {
6215
6172
  font-size: 16px;
6216
6173
  line-height: 24px;
6217
6174
  --text-opacity:1;
6218
- color: #0d43a7;
6219
- color: rgba(13, 67, 167, var(--text-opacity));
6175
+ color: #074b98;
6176
+ color: rgba(7, 75, 152, var(--text-opacity));
6220
6177
  margin-bottom: 16px;
6221
6178
  }
6222
6179
  .details-container .detail .name {
@@ -6234,8 +6191,6 @@ body {
6234
6191
  .telephone img, .telephone svg {
6235
6192
  height: 22px;
6236
6193
  width: 20px;
6237
- color: #2947a3;
6238
- color: rgba(41, 71, 163, var(--text-opacity));
6239
6194
  margin-left: 8px;
6240
6195
  -webkit-box-align: center;
6241
6196
  -ms-flex-align: center;
@@ -6243,10 +6198,10 @@ body {
6243
6198
  }
6244
6199
  .telephone img, .telephone p, .telephone svg {
6245
6200
  --text-opacity:1;
6201
+ color: #074b98;
6202
+ color: rgba(7, 75, 152, var(--text-opacity));
6246
6203
  }
6247
6204
  .telephone p {
6248
- color: #0d43a7;
6249
- color: rgba(13, 67, 167, var(--text-opacity));
6250
6205
  font-size: 16px;
6251
6206
  line-height: 24px;
6252
6207
  padding-left: 8px;
@@ -6262,8 +6217,8 @@ body {
6262
6217
 
6263
6218
  .call, .grey {
6264
6219
  --text-opacity:1;
6265
- color: #505a5f;
6266
- color: rgba(80, 90, 95, var(--text-opacity));
6220
+ color: #245f9c;
6221
+ color: rgba(36, 95, 156, var(--text-opacity));
6267
6222
  }
6268
6223
 
6269
6224
  .gc-citizen-details-form {
@@ -7183,8 +7138,8 @@ body {
7183
7138
 
7184
7139
  .action-link {
7185
7140
  --text-opacity:1!important;
7186
- color: #2947a3 !important;
7187
- color: rgba(41, 71, 163, var(--text-opacity)) !important;
7141
+ color: #074b98 !important;
7142
+ color: rgba(7, 75, 152, var(--text-opacity)) !important;
7188
7143
  font-size: 16px !important;
7189
7144
  line-height: 24px !important;
7190
7145
  margin-right: 24px !important;
@@ -7211,8 +7166,8 @@ body {
7211
7166
  }
7212
7167
  .sect-dropdown-wrap .sect-dropdown-input-wrap input[type=text], .sect-dropdown-wrap .sect-dropdown-input-wrap .checkbox-wrap [type=text].input-emp, .checkbox-wrap .sect-dropdown-wrap .sect-dropdown-input-wrap [type=text].input-emp, .sect-dropdown-wrap .sect-dropdown-input-wrap p {
7213
7168
  --text-opacity:1;
7214
- color: #0d43a7;
7215
- color: rgba(13, 67, 167, var(--text-opacity));
7169
+ color: #074b98;
7170
+ color: rgba(7, 75, 152, var(--text-opacity));
7216
7171
  font-size: 16px;
7217
7172
  line-height: 20px;
7218
7173
  }
@@ -7243,8 +7198,8 @@ body {
7243
7198
  .sect-dropdown-wrap .sect-dropdown-card h1 {
7244
7199
  padding-left: 8px;
7245
7200
  padding-top: 16px;
7246
- color: #0d43a7;
7247
- color: rgba(13, 67, 167, var(--text-opacity));
7201
+ color: #074b98;
7202
+ color: rgba(7, 75, 152, var(--text-opacity));
7248
7203
  }
7249
7204
  .sect-dropdown-wrap .sect-dropdown-card h1, .sect-dropdown-wrap .sect-dropdown-card p {
7250
7205
  --text-opacity:1;
@@ -7255,8 +7210,8 @@ body {
7255
7210
  padding-left: 21px;
7256
7211
  width: 100%;
7257
7212
  padding-top: 8px;
7258
- color: #505a5f;
7259
- color: rgba(80, 90, 95, var(--text-opacity));
7213
+ color: #245f9c;
7214
+ color: rgba(36, 95, 156, var(--text-opacity));
7260
7215
  }
7261
7216
  .sect-dropdown-wrap .sect-dropdown-card p:hover {
7262
7217
  --bg-opacity:1;
@@ -7278,8 +7233,8 @@ body {
7278
7233
  font-size: 19px;
7279
7234
  line-height: 23px;
7280
7235
  --text-opacity:1;
7281
- color: #0d43a7;
7282
- color: rgba(13, 67, 167, var(--text-opacity));
7236
+ color: #074b98;
7237
+ color: rgba(7, 75, 152, var(--text-opacity));
7283
7238
  margin-bottom: 16px;
7284
7239
  }
7285
7240
 
@@ -7302,8 +7257,8 @@ body {
7302
7257
  -ms-flex-direction: row;
7303
7258
  flex-direction: row;
7304
7259
  --text-opacity:1;
7305
- color: #1359c8;
7306
- color: rgba(19, 89, 200, var(--text-opacity));
7260
+ color: #0b63be;
7261
+ color: rgba(11, 99, 190, var(--text-opacity));
7307
7262
  }
7308
7263
  .searchBox .searchAction .searchText {
7309
7264
  margin-left: 8px;
@@ -7696,8 +7651,8 @@ video::-webkit-media-controls-panel {
7696
7651
  padding-left: 8px;
7697
7652
  padding-right: 8px;
7698
7653
  --border-opacity:1;
7699
- border: 1px solid #2947a3;
7700
- border-color: rgba(41, 71, 163, var(--border-opacity));
7654
+ border: 1px solid #074b98;
7655
+ border-color: rgba(7, 75, 152, var(--border-opacity));
7701
7656
  margin: 0 4.65% 0 0;
7702
7657
  height: 30px;
7703
7658
  line-height: 30px;
@@ -7707,8 +7662,8 @@ video::-webkit-media-controls-panel {
7707
7662
 
7708
7663
  .customBtn-selected {
7709
7664
  --bg-opacity:1;
7710
- background-color: #2947a3;
7711
- background-color: rgba(41, 71, 163, var(--bg-opacity));
7665
+ background-color: #074b98;
7666
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
7712
7667
  --text-opacity:1;
7713
7668
  color: #fff;
7714
7669
  color: rgba(255, 255, 255, var(--text-opacity));
@@ -7720,8 +7675,8 @@ video::-webkit-media-controls-panel {
7720
7675
  .citizen-info-label {
7721
7676
  padding: 8px;
7722
7677
  --border-opacity:1;
7723
- border: 4px solid #1d70b8;
7724
- border-color: rgba(29, 112, 184, var(--border-opacity));
7678
+ border: 4px solid #0755a8;
7679
+ border-color: rgba(7, 85, 168, var(--border-opacity));
7725
7680
  font-size: 18px;
7726
7681
  line-height: 28px;
7727
7682
  margin: 8px;
@@ -7729,8 +7684,8 @@ video::-webkit-media-controls-panel {
7729
7684
  }
7730
7685
  .citizen-info-label p {
7731
7686
  --text-opacity:1;
7732
- color: #1d70b8;
7733
- color: rgba(29, 112, 184, var(--text-opacity));
7687
+ color: #0755a8;
7688
+ color: rgba(7, 85, 168, var(--text-opacity));
7734
7689
  font-weight: 700;
7735
7690
  margin-top: 4px;
7736
7691
  font-size: 16px;
@@ -7840,8 +7795,8 @@ video::-webkit-media-controls-panel {
7840
7795
  }
7841
7796
  .filters-wrapper .switch-wrapper label:hover {
7842
7797
  --border-opacity:1;
7843
- border: 1px solid #2947a3;
7844
- border-color: rgba(41, 71, 163, var(--border-opacity));
7798
+ border: 1px solid #074b98;
7799
+ border-color: rgba(7, 75, 152, var(--border-opacity));
7845
7800
  }
7846
7801
 
7847
7802
  .pickerShadow {
@@ -8593,16 +8548,16 @@ video::-webkit-media-controls-panel {
8593
8548
  top: unset;
8594
8549
  position: relative !important;
8595
8550
  --text-opacity:1!important;
8596
- color: #0d43a7 !important;
8597
- color: rgba(13, 67, 167, var(--text-opacity)) !important;
8551
+ color: #074b98 !important;
8552
+ color: rgba(7, 75, 152, var(--text-opacity)) !important;
8598
8553
  }
8599
8554
  .multilink-block-wrapper .multilink-labelWrap svg {
8600
8555
  fill: #505a5f;
8601
8556
  }
8602
8557
  .multilink-block-wrapper .multilink-labelWrap span {
8603
8558
  --text-opacity:1!important;
8604
- color: #0d43a7 !important;
8605
- color: rgba(13, 67, 167, var(--text-opacity)) !important;
8559
+ color: #074b98 !important;
8560
+ color: rgba(7, 75, 152, var(--text-opacity)) !important;
8606
8561
  }
8607
8562
  .multilink-block-wrapper .multilink-optionWrap {
8608
8563
  top: 8px;
@@ -8654,8 +8609,8 @@ video::-webkit-media-controls-panel {
8654
8609
 
8655
8610
  .info-banner-wrap {
8656
8611
  --bg-opacity:1;
8657
- background-color: #1d70b8;
8658
- background-color: rgba(29, 112, 184, var(--bg-opacity));
8612
+ background-color: #0755a8;
8613
+ background-color: rgba(7, 85, 168, var(--bg-opacity));
8659
8614
  --bg-opacity:0.25;
8660
8615
  margin: 8px;
8661
8616
  padding: 16px;
@@ -8680,8 +8635,8 @@ video::-webkit-media-controls-panel {
8680
8635
  }
8681
8636
  .info-banner-wrap h2, .info-banner-wrap p {
8682
8637
  --text-opacity:1;
8683
- color: #1d70b8;
8684
- color: rgba(29, 112, 184, var(--text-opacity));
8638
+ color: #0755a8;
8639
+ color: rgba(7, 85, 168, var(--text-opacity));
8685
8640
  }
8686
8641
  .info-banner-wrap p {
8687
8642
  font-size: 16px;
@@ -8704,8 +8659,8 @@ video::-webkit-media-controls-panel {
8704
8659
  font-size: 16px;
8705
8660
  line-height: 20px;
8706
8661
  --text-opacity:1;
8707
- color: #0d43a7;
8708
- color: rgba(13, 67, 167, var(--text-opacity));
8662
+ color: #074b98;
8663
+ color: rgba(7, 75, 152, var(--text-opacity));
8709
8664
  width: 100%;
8710
8665
  }
8711
8666
  .multi-select-dropdown-wrap .master, .multi-select-dropdown-wrap .master-active {
@@ -8816,8 +8771,8 @@ video::-webkit-media-controls-panel {
8816
8771
  font-size: 16px;
8817
8772
  line-height: 20px;
8818
8773
  --text-opacity:1;
8819
- color: #0d43a7;
8820
- color: rgba(13, 67, 167, var(--text-opacity));
8774
+ color: #074b98;
8775
+ color: rgba(7, 75, 152, var(--text-opacity));
8821
8776
  color: #1f2937;
8822
8777
  }
8823
8778
  .multi-select-dropdown-wrap .server div .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div .custom-checkbox-emp {
@@ -8898,8 +8853,8 @@ video::-webkit-media-controls-panel {
8898
8853
  font-size: 24px;
8899
8854
  line-height: 32px;
8900
8855
  --text-opacity:1;
8901
- color: #0d43a7;
8902
- color: rgba(13, 67, 167, var(--text-opacity));
8856
+ color: #074b98;
8857
+ color: rgba(7, 75, 152, var(--text-opacity));
8903
8858
  -webkit-box-pack: justify;
8904
8859
  -ms-flex-pack: justify;
8905
8860
  justify-content: space-between;
@@ -8913,8 +8868,8 @@ video::-webkit-media-controls-panel {
8913
8868
  font-size: 16px;
8914
8869
  line-height: 24px;
8915
8870
  --text-opacity:1;
8916
- color: #2947a3;
8917
- color: rgba(41, 71, 163, var(--text-opacity));
8871
+ color: #074b98;
8872
+ color: rgba(7, 75, 152, var(--text-opacity));
8918
8873
  }
8919
8874
  .CitizenHomeCard .links a {
8920
8875
  display: block;
@@ -9263,8 +9218,8 @@ video::-webkit-media-controls-panel {
9263
9218
  font-size: 16px;
9264
9219
  line-height: 24px;
9265
9220
  --text-opacity:1;
9266
- color: #1359c8;
9267
- color: rgba(19, 89, 200, var(--text-opacity));
9221
+ color: #0b63be;
9222
+ color: rgba(11, 99, 190, var(--text-opacity));
9268
9223
  width: 25%;
9269
9224
  display: inline-block;
9270
9225
  }
@@ -9285,8 +9240,8 @@ video::-webkit-media-controls-panel {
9285
9240
  font-size: 16px;
9286
9241
  line-height: 24px;
9287
9242
  --text-opacity:1;
9288
- color: #1359c8;
9289
- color: rgba(19, 89, 200, var(--text-opacity));
9243
+ color: #0b63be;
9244
+ color: rgba(11, 99, 190, var(--text-opacity));
9290
9245
  width: 100%;
9291
9246
  display: inline-block;
9292
9247
  }
@@ -9541,17 +9496,15 @@ video::-webkit-media-controls-panel {
9541
9496
  }
9542
9497
  .CardBasedOptions .headContent h2 {
9543
9498
  font-weight: 700;
9544
- color: #0d43a7;
9545
- color: rgba(13, 67, 167, var(--text-opacity));
9546
9499
  }
9547
9500
  .CardBasedOptions .headContent h2, .CardBasedOptions .headContent p {
9548
9501
  font-size: 16px;
9549
9502
  line-height: 24px;
9550
9503
  --text-opacity:1;
9504
+ color: #074b98;
9505
+ color: rgba(7, 75, 152, var(--text-opacity));
9551
9506
  }
9552
9507
  .CardBasedOptions .headContent p {
9553
- color: #2947a3;
9554
- color: rgba(41, 71, 163, var(--text-opacity));
9555
9508
  font-weight: 500;
9556
9509
  cursor: pointer;
9557
9510
  }
@@ -10333,24 +10286,24 @@ video::-webkit-media-controls-panel {
10333
10286
  background-color: #fff;
10334
10287
  background-color: rgba(255, 255, 255, var(--bg-opacity));
10335
10288
  --border-opacity:1;
10336
- border-color: #2947a3;
10289
+ border-color: #074b98;
10337
10290
  border-left: 4px;
10338
10291
  border-style: solid;
10339
- border-color: rgba(41, 71, 163, var(--border-opacity));
10292
+ border-color: rgba(7, 75, 152, var(--border-opacity));
10340
10293
  padding: 8px;
10341
10294
  }
10342
10295
  .WhatsNewCard h2 {
10343
10296
  font-size: 16px;
10344
10297
  line-height: 24px;
10345
10298
  --text-opacity:1;
10346
- color: #0d43a7;
10347
- color: rgba(13, 67, 167, var(--text-opacity));
10299
+ color: #074b98;
10300
+ color: rgba(7, 75, 152, var(--text-opacity));
10348
10301
  font-weight: 500;
10349
10302
  margin-bottom: 4px;
10350
10303
  }
10351
10304
  .WhatsNewCard p {
10352
- color: #505a5f;
10353
- color: rgba(80, 90, 95, var(--text-opacity));
10305
+ color: #245f9c;
10306
+ color: rgba(36, 95, 156, var(--text-opacity));
10354
10307
  }
10355
10308
  .WhatsNewCard a, .WhatsNewCard p {
10356
10309
  font-size: 16px;
@@ -10360,8 +10313,8 @@ video::-webkit-media-controls-panel {
10360
10313
  }
10361
10314
  .WhatsNewCard a {
10362
10315
  display: block;
10363
- color: #2947a3;
10364
- color: rgba(41, 71, 163, var(--text-opacity));
10316
+ color: #074b98;
10317
+ color: rgba(7, 75, 152, var(--text-opacity));
10365
10318
  }
10366
10319
 
10367
10320
  .SearchOnRadioButton svg {
@@ -10375,8 +10328,8 @@ video::-webkit-media-controls-panel {
10375
10328
 
10376
10329
  .EventCalendarView .MonthViewInEventCalendar {
10377
10330
  --bg-opacity:1;
10378
- background-color: #2947a3;
10379
- background-color: rgba(41, 71, 163, var(--bg-opacity));
10331
+ background-color: #074b98;
10332
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
10380
10333
  font-size: 19px;
10381
10334
  line-height: 23px;
10382
10335
  --text-opacity:1;
@@ -10395,8 +10348,8 @@ video::-webkit-media-controls-panel {
10395
10348
  line-height: 32px;
10396
10349
  font-weight: 700;
10397
10350
  --text-opacity:1;
10398
- color: #2947a3;
10399
- color: rgba(41, 71, 163, var(--text-opacity));
10351
+ color: #074b98;
10352
+ color: rgba(7, 75, 152, var(--text-opacity));
10400
10353
  text-align: center;
10401
10354
  padding-top: 16px;
10402
10355
  padding-bottom: 16px;
@@ -10430,8 +10383,8 @@ video::-webkit-media-controls-panel {
10430
10383
  font-weight: 700;
10431
10384
  margin-bottom: 16px;
10432
10385
  --text-opacity:1;
10433
- color: #0d43a7;
10434
- color: rgba(13, 67, 167, var(--text-opacity));
10386
+ color: #074b98;
10387
+ color: rgba(7, 75, 152, var(--text-opacity));
10435
10388
  }
10436
10389
  .OnGroundEventCard .EventDetails .EventLocation {
10437
10390
  margin-bottom: 16px;
@@ -10444,8 +10397,8 @@ video::-webkit-media-controls-panel {
10444
10397
  font-size: 14px;
10445
10398
  line-height: 16px;
10446
10399
  --text-opacity:1;
10447
- color: #0d43a7;
10448
- color: rgba(13, 67, 167, var(--text-opacity));
10400
+ color: #074b98;
10401
+ color: rgba(7, 75, 152, var(--text-opacity));
10449
10402
  margin-left: 8px;
10450
10403
  }
10451
10404
  .OnGroundEventCard .EventDetails .EventLocation, .OnGroundEventCard .EventDetails .EventTime {
@@ -10461,16 +10414,16 @@ video::-webkit-media-controls-panel {
10461
10414
  font-size: 14px;
10462
10415
  line-height: 16px;
10463
10416
  --text-opacity:1;
10464
- color: #0d43a7;
10465
- color: rgba(13, 67, 167, var(--text-opacity));
10417
+ color: #074b98;
10418
+ color: rgba(7, 75, 152, var(--text-opacity));
10466
10419
  margin-left: 8px;
10467
10420
  }
10468
10421
  .OnGroundEventCard .EventDetails .EventCategory p {
10469
10422
  font-size: 14px;
10470
10423
  line-height: 16px;
10471
10424
  --text-opacity:1;
10472
- color: #0d43a7;
10473
- color: rgba(13, 67, 167, var(--text-opacity));
10425
+ color: #074b98;
10426
+ color: rgba(7, 75, 152, var(--text-opacity));
10474
10427
  }
10475
10428
 
10476
10429
  @media (min-width: 780px) {
@@ -10517,8 +10470,8 @@ video::-webkit-media-controls-panel {
10517
10470
  .popupModalHeading .popupResetFormButton {
10518
10471
  padding: 8px;
10519
10472
  --border-opacity:1;
10520
- border: 1px solid #0d43a7;
10521
- border-color: rgba(13, 67, 167, var(--border-opacity));
10473
+ border: 1px solid #074b98;
10474
+ border-color: rgba(7, 75, 152, var(--border-opacity));
10522
10475
  --border-opacity:0.25;
10523
10476
  -ms-flex-item-align: center;
10524
10477
  align-self: center;
@@ -10746,8 +10699,8 @@ video::-webkit-media-controls-panel {
10746
10699
  font-size: 16px;
10747
10700
  line-height: 20px;
10748
10701
  --text-opacity:1;
10749
- color: #505a5f;
10750
- color: rgba(80, 90, 95, var(--text-opacity));
10702
+ color: #245f9c;
10703
+ color: rgba(36, 95, 156, var(--text-opacity));
10751
10704
  margin-bottom: 8px;
10752
10705
  }
10753
10706
  .faqs .faq-answer span {
@@ -11922,14 +11875,14 @@ video::-webkit-media-controls-panel {
11922
11875
 
11923
11876
  .link {
11924
11877
  --text-opacity:1;
11925
- color: #2947a3;
11926
- color: rgba(41, 71, 163, var(--text-opacity));
11878
+ color: #074b98;
11879
+ color: rgba(7, 75, 152, var(--text-opacity));
11927
11880
  cursor: pointer;
11928
11881
  }
11929
11882
  .link :hover {
11930
11883
  --text-opacity:1;
11931
- color: #c8602b;
11932
- color: rgba(200, 96, 43, var(--text-opacity));
11884
+ color: #053b79;
11885
+ color: rgba(5, 59, 121, var(--text-opacity));
11933
11886
  }
11934
11887
 
11935
11888
  .RightMostTopBarOptions {
@@ -12318,8 +12271,8 @@ video::-webkit-media-controls-panel {
12318
12271
  display: -ms-flexbox;
12319
12272
  display: flex;
12320
12273
  --bg-opacity:1;
12321
- background-color: #22394d;
12322
- background-color: rgba(34, 57, 77, var(--bg-opacity));
12274
+ background-color: #074b98;
12275
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
12323
12276
  width: 3rem;
12324
12277
  height: 3rem;
12325
12278
  }
@@ -12332,8 +12285,8 @@ video::-webkit-media-controls-panel {
12332
12285
  .heading-m {
12333
12286
  font-weight: 700;
12334
12287
  --text-opacity:1;
12335
- color: #0d43a7;
12336
- color: rgba(13, 67, 167, var(--text-opacity));
12288
+ color: #074b98;
12289
+ color: rgba(7, 75, 152, var(--text-opacity));
12337
12290
  font-size: 18px;
12338
12291
  line-height: 28px;
12339
12292
  margin-left: 16px;
@@ -12481,8 +12434,8 @@ video::-webkit-media-controls-panel {
12481
12434
  width: 56px;
12482
12435
  height: 56px;
12483
12436
  --bg-opacity:1;
12484
- background-color: #1359c8;
12485
- background-color: rgba(19, 89, 200, var(--bg-opacity));
12437
+ background-color: #0b63be;
12438
+ background-color: rgba(11, 99, 190, var(--bg-opacity));
12486
12439
  padding: 12px;
12487
12440
  border-radius: 4px;
12488
12441
  }
@@ -12513,8 +12466,8 @@ video::-webkit-media-controls-panel {
12513
12466
  .complaint-links-container .body .link {
12514
12467
  padding: 8px;
12515
12468
  --text-opacity:1;
12516
- color: #2947a3;
12517
- color: rgba(41, 71, 163, var(--text-opacity));
12469
+ color: #074b98;
12470
+ color: rgba(7, 75, 152, var(--text-opacity));
12518
12471
  -webkit-box-align: center;
12519
12472
  -ms-flex-align: center;
12520
12473
  align-items: center;
@@ -12534,8 +12487,8 @@ video::-webkit-media-controls-panel {
12534
12487
  width: 2rem;
12535
12488
  height: 2rem;
12536
12489
  --bg-opacity:1;
12537
- background-color: #2947a3;
12538
- background-color: rgba(41, 71, 163, var(--bg-opacity));
12490
+ background-color: #074b98;
12491
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
12539
12492
  border-radius: 9999px;
12540
12493
  margin-left: 4px;
12541
12494
  background-color: #1359c8 !important;
@@ -12586,13 +12539,13 @@ video::-webkit-media-controls-panel {
12586
12539
 
12587
12540
  .filter-button {
12588
12541
  --text-opacity:1;
12589
- color: #2947a3;
12590
- color: rgba(41, 71, 163, var(--text-opacity));
12542
+ color: #074b98;
12543
+ color: rgba(7, 75, 152, var(--text-opacity));
12591
12544
  }
12592
12545
  .filter-button:hover {
12593
12546
  --text-opacity:1;
12594
- color: #c8602b;
12595
- color: rgba(200, 96, 43, var(--text-opacity));
12547
+ color: #053b79;
12548
+ color: rgba(5, 59, 121, var(--text-opacity));
12596
12549
  cursor: pointer;
12597
12550
  }
12598
12551
 
@@ -12665,8 +12618,8 @@ video::-webkit-media-controls-panel {
12665
12618
  font-size: 16px;
12666
12619
  line-height: 20px;
12667
12620
  --text-opacity:1;
12668
- color: #0d43a7;
12669
- color: rgba(13, 67, 167, var(--text-opacity));
12621
+ color: #074b98;
12622
+ color: rgba(7, 75, 152, var(--text-opacity));
12670
12623
  display: block;
12671
12624
  margin-bottom: 16px;
12672
12625
  }
@@ -12750,8 +12703,8 @@ video::-webkit-media-controls-panel {
12750
12703
  }
12751
12704
  .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
12752
12705
  --text-opacity:1;
12753
- color: #1359c8;
12754
- color: rgba(19, 89, 200, var(--text-opacity));
12706
+ color: #0b63be;
12707
+ color: rgba(11, 99, 190, var(--text-opacity));
12755
12708
  display: none;
12756
12709
  }
12757
12710
  .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
@@ -12764,8 +12717,8 @@ video::-webkit-media-controls-panel {
12764
12717
 
12765
12718
  .clear-search, .clear-search .link-label {
12766
12719
  --text-opacity:1;
12767
- color: #1359c8;
12768
- color: rgba(19, 89, 200, var(--text-opacity));
12720
+ color: #0b63be;
12721
+ color: rgba(11, 99, 190, var(--text-opacity));
12769
12722
  display: block;
12770
12723
  cursor: pointer;
12771
12724
  }
@@ -12774,8 +12727,8 @@ video::-webkit-media-controls-panel {
12774
12727
  }
12775
12728
 
12776
12729
  .button-clear {
12777
- color: #1359c8;
12778
- color: rgba(19, 89, 200, var(--text-opacity));
12730
+ color: #0b63be;
12731
+ color: rgba(11, 99, 190, var(--text-opacity));
12779
12732
  }
12780
12733
 
12781
12734
  .button-clear, .inbox-count {
@@ -12789,8 +12742,8 @@ video::-webkit-media-controls-panel {
12789
12742
  margin-left: 8px;
12790
12743
  padding: 8px;
12791
12744
  --bg-opacity:1;
12792
- background-color: #2947a3;
12793
- background-color: rgba(41, 71, 163, var(--bg-opacity));
12745
+ background-color: #074b98;
12746
+ background-color: rgba(7, 75, 152, var(--bg-opacity));
12794
12747
  border-radius: 9999px;
12795
12748
  color: #fff;
12796
12749
  color: rgba(255, 255, 255, var(--text-opacity));
@@ -12819,8 +12772,8 @@ video::-webkit-media-controls-panel {
12819
12772
  }
12820
12773
  .complaint-links-container .header .logo {
12821
12774
  --bg-opacity:1;
12822
- background-color: #1359c8;
12823
- background-color: rgba(19, 89, 200, var(--bg-opacity));
12775
+ background-color: #0b63be;
12776
+ background-color: rgba(11, 99, 190, var(--bg-opacity));
12824
12777
  padding: 12px;
12825
12778
  border-radius: 4px;
12826
12779
  }
@@ -12848,8 +12801,8 @@ video::-webkit-media-controls-panel {
12848
12801
  color: #a82227 !important;
12849
12802
  padding: 8px;
12850
12803
  --text-opacity:1;
12851
- color: #2947a3;
12852
- color: rgba(41, 71, 163, var(--text-opacity));
12804
+ color: #074b98;
12805
+ color: rgba(7, 75, 152, var(--text-opacity));
12853
12806
  }
12854
12807
 
12855
12808
  .inboxLinks {
@@ -13010,8 +12963,8 @@ video::-webkit-media-controls-panel {
13010
12963
  }
13011
12964
  .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
13012
12965
  --text-opacity:1;
13013
- color: #1359c8;
13014
- color: rgba(19, 89, 200, var(--text-opacity));
12966
+ color: #0b63be;
12967
+ color: rgba(11, 99, 190, var(--text-opacity));
13015
12968
  display: block;
13016
12969
  }
13017
12970
  .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
@@ -16792,18 +16745,16 @@ body {
16792
16745
  }
16793
16746
  .HomePageWrapper .WhatsNewSection .headSection h2 {
16794
16747
  font-weight: 700;
16795
- color: #0d43a7;
16796
- color: rgba(13, 67, 167, var(--text-opacity));
16797
16748
  padding-left: 8px;
16798
16749
  }
16799
16750
  .HomePageWrapper .WhatsNewSection .headSection h2, .HomePageWrapper .WhatsNewSection .headSection p {
16800
16751
  font-size: 16px;
16801
16752
  line-height: 24px;
16802
16753
  --text-opacity:1;
16754
+ color: #074b98;
16755
+ color: rgba(7, 75, 152, var(--text-opacity));
16803
16756
  }
16804
16757
  .HomePageWrapper .WhatsNewSection .headSection p {
16805
- color: #2947a3;
16806
- color: rgba(41, 71, 163, var(--text-opacity));
16807
16758
  font-weight: 500;
16808
16759
  cursor: pointer;
16809
16760
  }
@@ -16982,8 +16933,8 @@ body {
16982
16933
  }
16983
16934
  .eventAddressAndDirection span div .direction {
16984
16935
  --text-opacity:1;
16985
- color: #2947a3;
16986
- color: rgba(41, 71, 163, var(--text-opacity));
16936
+ color: #074b98;
16937
+ color: rgba(7, 75, 152, var(--text-opacity));
16987
16938
  cursor: pointer;
16988
16939
  }
16989
16940
 
@@ -17006,8 +16957,8 @@ body {
17006
16957
  font-size: 14px;
17007
16958
  line-height: 16px;
17008
16959
  --text-opacity:1;
17009
- color: #505a5f;
17010
- color: rgba(80, 90, 95, var(--text-opacity));
16960
+ color: #245f9c;
16961
+ color: rgba(36, 95, 156, var(--text-opacity));
17011
16962
  margin-bottom: 16px;
17012
16963
  }
17013
16964
 
@@ -17349,8 +17300,8 @@ body {
17349
17300
 
17350
17301
  .new_document_para_color {
17351
17302
  --text-opacity:1;
17352
- color: #f18f5e;
17353
- color: rgba(241, 143, 94, var(--text-opacity));
17303
+ color: #eef8eb;
17304
+ color: rgba(238, 248, 235, var(--text-opacity));
17354
17305
  margin-bottom: 42px;
17355
17306
  }
17356
17307
 
@@ -17705,8 +17656,8 @@ body {
17705
17656
  .surveyListclockDiv span {
17706
17657
  padding-left: 16px;
17707
17658
  --text-opacity:1;
17708
- color: #0d43a7;
17709
- color: rgba(13, 67, 167, var(--text-opacity));
17659
+ color: #074b98;
17660
+ color: rgba(7, 75, 152, var(--text-opacity));
17710
17661
  }
17711
17662
 
17712
17663
  .surveyListstatus {
@@ -17729,8 +17680,8 @@ body {
17729
17680
 
17730
17681
  .surveyLisResponded {
17731
17682
  --text-opacity:1;
17732
- color: #05a660;
17733
- color: rgba(5, 166, 96, var(--text-opacity));
17683
+ color: #287f1d;
17684
+ color: rgba(40, 127, 29, var(--text-opacity));
17734
17685
  }
17735
17686
 
17736
17687
  .surveyListCardMargin {
@@ -24062,6 +24013,231 @@ body {
24062
24013
  cursor: pointer;
24063
24014
  }
24064
24015
 
24016
+ .ads-my-bookings {
24017
+ max-width: 1120px;
24018
+ margin: 0 auto;
24019
+ padding: 8px 0 48px;
24020
+ }
24021
+
24022
+ .ads-my-bookings__heading {
24023
+ display: -webkit-box;
24024
+ display: -ms-flexbox;
24025
+ display: flex;
24026
+ -webkit-box-align: center;
24027
+ -ms-flex-align: center;
24028
+ align-items: center;
24029
+ -webkit-box-pack: justify;
24030
+ -ms-flex-pack: justify;
24031
+ justify-content: space-between;
24032
+ margin-bottom: 20px;
24033
+ }
24034
+
24035
+ .ads-my-bookings__heading header {
24036
+ color: #074b98 !important;
24037
+ color: var(--mseva-blue-900) !important;
24038
+ font-weight: 800;
24039
+ letter-spacing: -0.02em;
24040
+ }
24041
+
24042
+ .ads-my-bookings__list {
24043
+ display: grid;
24044
+ grid-gap: 16px;
24045
+ gap: 16px;
24046
+ }
24047
+
24048
+ .ads-booking-card, .ads-my-bookings__item {
24049
+ width: 100%;
24050
+ }
24051
+
24052
+ .ads-booking-card .card {
24053
+ width: 100%;
24054
+ max-width: none;
24055
+ margin: 0;
24056
+ padding: 24px;
24057
+ border: 1px solid #d8e5f4;
24058
+ border-radius: 16px;
24059
+ background: #fff;
24060
+ -webkit-box-shadow: 0 7px 18px rgba(7, 75, 152, 0.08);
24061
+ box-shadow: 0 7px 18px rgba(7, 75, 152, 0.08);
24062
+ }
24063
+
24064
+ .ads-booking-card__details {
24065
+ display: grid;
24066
+ grid-template-columns: repeat(2, minmax(0, 1fr));
24067
+ grid-gap: 16px 28px;
24068
+ gap: 16px 28px;
24069
+ }
24070
+
24071
+ .ads-booking-card .key-note-pair {
24072
+ margin: 0;
24073
+ padding: 0 0 12px;
24074
+ border-bottom: 1px solid #e5edf6;
24075
+ }
24076
+
24077
+ .ads-booking-card .key-note-pair h3 {
24078
+ margin-bottom: 4px;
24079
+ color: #52708f;
24080
+ font-size: 0.8125rem;
24081
+ font-weight: 700;
24082
+ letter-spacing: 0.02em;
24083
+ }
24084
+
24085
+ .ads-booking-card .key-note-pair p {
24086
+ color: #074b98;
24087
+ color: var(--mseva-text);
24088
+ font-size: 1rem;
24089
+ font-weight: 700;
24090
+ }
24091
+
24092
+ .ads-booking-card__status .key-note-pair p {
24093
+ display: -webkit-inline-box;
24094
+ display: -ms-inline-flexbox;
24095
+ display: inline-flex;
24096
+ padding: 4px 10px;
24097
+ border-radius: 999px;
24098
+ color: #216f17;
24099
+ color: var(--mseva-green-800);
24100
+ background: #eaf7ed;
24101
+ font-size: 0.875rem;
24102
+ }
24103
+
24104
+ .ads-booking-card .action-button-myapplication {
24105
+ grid-gap: 12px;
24106
+ gap: 12px;
24107
+ margin-top: 22px;
24108
+ }
24109
+
24110
+ .ads-booking-card .action-button-myapplication .submit-bar {
24111
+ min-width: 160px;
24112
+ margin: 0;
24113
+ border-radius: 8px;
24114
+ }
24115
+
24116
+ .ads-my-bookings__empty {
24117
+ padding: 38px 24px;
24118
+ border: 1px dashed #b8cce2;
24119
+ border-radius: 16px;
24120
+ background: #fff;
24121
+ text-align: center;
24122
+ }
24123
+
24124
+ .ads-applications-empty {
24125
+ margin: 0;
24126
+ color: #52708f;
24127
+ }
24128
+
24129
+ .ads-pagination-controls {
24130
+ margin: 8px 0 0;
24131
+ }
24132
+
24133
+ .ads-pagination-btn {
24134
+ display: -webkit-inline-box;
24135
+ display: -ms-inline-flexbox;
24136
+ display: inline-flex;
24137
+ -webkit-box-align: center;
24138
+ -ms-flex-align: center;
24139
+ align-items: center;
24140
+ -webkit-box-pack: center;
24141
+ -ms-flex-pack: center;
24142
+ justify-content: center;
24143
+ width: 40px;
24144
+ height: 40px;
24145
+ padding: 0;
24146
+ background: #0b63be;
24147
+ background: var(--mseva-blue-700);
24148
+ }
24149
+
24150
+ .ads-pagination-btn:hover:not(:disabled) {
24151
+ background: #287f1d;
24152
+ background: var(--mseva-green-700);
24153
+ }
24154
+
24155
+ .ads-pagination-info {
24156
+ color: #074b98;
24157
+ color: var(--mseva-text);
24158
+ font-weight: 700;
24159
+ }
24160
+
24161
+ .ads-new-booking {
24162
+ display: -webkit-box;
24163
+ display: -ms-flexbox;
24164
+ display: flex;
24165
+ grid-gap: 12px;
24166
+ gap: 12px;
24167
+ margin: 24px 0 0;
24168
+ padding: 18px 20px;
24169
+ border: 1px solid #cfe2d5;
24170
+ border-radius: 14px;
24171
+ background: #f1f9f2;
24172
+ color: #074b98;
24173
+ color: var(--mseva-text);
24174
+ font-weight: 600;
24175
+ }
24176
+
24177
+ .ads-new-booking, .ads-new-booking-btn {
24178
+ -webkit-box-align: center;
24179
+ -ms-flex-align: center;
24180
+ align-items: center;
24181
+ }
24182
+
24183
+ .ads-new-booking-btn {
24184
+ display: -webkit-inline-box;
24185
+ display: -ms-inline-flexbox;
24186
+ display: inline-flex;
24187
+ min-height: 40px;
24188
+ padding: 8px 16px;
24189
+ border-radius: 8px;
24190
+ background: #287f1d;
24191
+ background: var(--mseva-green-700);
24192
+ }
24193
+
24194
+ .ads-new-booking-btn:hover {
24195
+ background: #216f17;
24196
+ background: var(--mseva-green-800);
24197
+ }
24198
+
24199
+ @media (max-width: 640px) {
24200
+ .ads-my-bookings {
24201
+ padding-bottom: 32px;
24202
+ }
24203
+
24204
+ .ads-my-bookings__heading {
24205
+ margin-bottom: 14px;
24206
+ }
24207
+
24208
+ .ads-my-bookings__heading header {
24209
+ font-size: 1.65rem !important;
24210
+ }
24211
+
24212
+ .ads-booking-card .card {
24213
+ padding: 18px;
24214
+ }
24215
+
24216
+ .ads-booking-card__details {
24217
+ grid-template-columns: 1fr;
24218
+ grid-gap: 12px;
24219
+ gap: 12px;
24220
+ }
24221
+
24222
+ .ads-booking-card .action-button-myapplication {
24223
+ display: grid;
24224
+ grid-template-columns: 1fr;
24225
+ }
24226
+
24227
+ .ads-booking-card .action-button-myapplication .submit-bar {
24228
+ width: 100%;
24229
+ }
24230
+
24231
+ .ads-new-booking {
24232
+ -webkit-box-align: start;
24233
+ -ms-flex-align: start;
24234
+ align-items: flex-start;
24235
+ -webkit-box-orient: vertical;
24236
+ -webkit-box-direction: normal;
24237
+ -ms-flex-direction: column;
24238
+ flex-direction: column;
24239
+ }
24240
+ }
24065
24241
  .ads-registration-row {
24066
24242
  display: -webkit-box;
24067
24243
  display: -ms-flexbox;
@@ -28119,8 +28295,8 @@ body {
28119
28295
  font-size: 16px;
28120
28296
  line-height: 24px;
28121
28297
  --text-opacity:1;
28122
- color: #0d43a7;
28123
- color: rgba(13, 67, 167, var(--text-opacity));
28298
+ color: #074b98;
28299
+ color: rgba(7, 75, 152, var(--text-opacity));
28124
28300
  }
28125
28301
  .action-bar-wrap-menu .menu-wrap-position div:hover {
28126
28302
  --bg-opacity:1;
@@ -34833,458 +35009,3208 @@ body {
34833
35009
  margin-top: -21px;
34834
35010
  }
34835
35011
 
34836
- .display-none {
34837
- display: none;
35012
+ .mseva-icon {
35013
+ --mseva-icon:#1464d2;
35014
+ --mseva-icon-bg:#eaf2ff;
35015
+ --mseva-size:64px;
35016
+ width: var(--mseva-size);
35017
+ height: var(--mseva-size);
35018
+ display: -webkit-inline-box;
35019
+ display: -ms-inline-flexbox;
35020
+ display: inline-flex;
35021
+ -webkit-box-align: center;
35022
+ -ms-flex-align: center;
35023
+ align-items: center;
35024
+ -webkit-box-pack: center;
35025
+ -ms-flex-pack: center;
35026
+ justify-content: center;
35027
+ position: relative;
35028
+ border-radius: 50%;
35029
+ background: var(--mseva-icon-bg);
35030
+ color: var(--mseva-icon);
35031
+ -webkit-box-flex: 0;
35032
+ -ms-flex: 0 0 var(--mseva-size);
35033
+ flex: 0 0 var(--mseva-size);
34838
35034
  }
34839
35035
 
34840
- .primary-label-btn {
34841
- margin: 10px auto 0 !important;
35036
+ .mseva-icon:before {
35037
+ content: "";
35038
+ width: 38%;
35039
+ height: 38%;
35040
+ display: block;
35041
+ background: currentColor;
35042
+ -webkit-mask: var(--mseva-mask) center/contain no-repeat;
35043
+ mask: var(--mseva-mask) center/contain no-repeat;
34842
35044
  }
34843
35045
 
34844
- .p-unset {
34845
- padding: unset !important;
35046
+ .mseva-green {
35047
+ --mseva-icon:#2fae35;
35048
+ --mseva-icon-bg:#eaf7eb;
34846
35049
  }
34847
35050
 
34848
- .flex-one {
34849
- -webkit-box-flex: 1;
34850
- -ms-flex: 1 1 0%;
34851
- flex: 1 1 0%;
35051
+ .mseva-blue {
35052
+ --mseva-icon:#1464d2;
35053
+ --mseva-icon-bg:#eaf2ff;
34852
35054
  }
34853
35055
 
34854
- .display-flex-gap-2 {
34855
- display: -webkit-box;
34856
- display: -ms-flexbox;
34857
- display: flex;
34858
- grid-gap: 0.75rem;
34859
- gap: 0.75rem;
35056
+ .mseva-purple {
35057
+ --mseva-icon:#7b35d6;
35058
+ --mseva-icon-bg:#f2eaff;
34860
35059
  }
34861
35060
 
34862
- .rm-mb {
34863
- margin-bottom: unset !important;
35061
+ .mseva-orange {
35062
+ --mseva-icon:#f28c18;
35063
+ --mseva-icon-bg:#fff2e3;
34864
35064
  }
34865
35065
 
34866
- .w-fullwidth {
34867
- width: 100%;
35066
+ .mseva-pink {
35067
+ --mseva-icon:#d83b8d;
35068
+ --mseva-icon-bg:#fceaf4;
34868
35069
  }
34869
35070
 
34870
- .stepper {
34871
- padding: 10px;
35071
+ .mseva-property-tax {
35072
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5L12 4l8 6.5V19a1 1 0 01-1 1H5a1 1 0 01-1-1z'/%3E%3Cpath d='M9 21v-6h6v6M12 8v3m-1.5-1.5h3M16.5 15.5h4m-2-2v4'/%3E%3C/svg%3E");
35073
+ --mseva-icon:#2fae35;
35074
+ --mseva-icon-bg:#eaf7eb;
34872
35075
  }
34873
35076
 
34874
- .margin-unset {
34875
- margin: unset !important;
35077
+ .mseva-water-bill {
35078
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 6.2 6 10.5a6 6 0 01-12 0C6 9.2 12 3 12 3zM9.5 14.5a3 3 0 003 2.5'/%3E%3C/svg%3E");
35079
+ --mseva-icon:#1464d2;
35080
+ --mseva-icon-bg:#eaf2ff;
34876
35081
  }
34877
35082
 
34878
- .text-align-center {
34879
- text-align: center;
35083
+ .mseva-trade-license {
35084
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16M5 9v10h14V9M4 9l2-5h12l2 5'/%3E%3Cpath d='M8 13h4v6H8zM14 13h2m-2 3h2M7 7h10'/%3E%3C/svg%3E");
35085
+ --mseva-icon:#7b35d6;
35086
+ --mseva-icon-bg:#f2eaff;
34880
35087
  }
34881
35088
 
34882
- .text-align-left {
34883
- text-align: left;
35089
+ .mseva-birth-certificate {
35090
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6z'/%3E%3Cpath d='M15 3v4h3'/%3E%3Ccircle cx='11' cy='12' r='2'/%3E%3Cpath d='M8 18c.8-2 5.2-2 6 0M9 9h.01m5 0h.01'/%3E%3C/svg%3E");
35091
+ --mseva-icon:#1464d2;
35092
+ --mseva-icon-bg:#eaf2ff;
34884
35093
  }
34885
35094
 
34886
- .text-align-right {
34887
- text-align: right;
35095
+ .mseva-death-certificate {
35096
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6z'/%3E%3Cpath d='M15 3v4h3M9 13h6m-3-3v6M9 18h6'/%3E%3C/svg%3E");
35097
+ --mseva-icon:#f28c18;
35098
+ --mseva-icon-bg:#fff2e3;
34888
35099
  }
34889
35100
 
34890
- .desktop-only {
34891
- display: none;
35101
+ .mseva-building-plan-approval {
35102
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l6-6 4 4 6-6M4 20h5M15 4h5v5M20 4l-7 7M7 6h5M7 9h4'/%3E%3C/svg%3E");
35103
+ --mseva-icon:#2fae35;
35104
+ --mseva-icon-bg:#eaf7eb;
34892
35105
  }
34893
35106
 
34894
- @media (min-width: 780px) {
34895
- .desktop-only {
34896
- display: block;
34897
- }
35107
+ .mseva-mutation {
35108
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h10l4 4v12H5z'/%3E%3Cpath d='M15 4v5h4M8 15l2 2 5-5M8 10h4'/%3E%3C/svg%3E");
35109
+ --mseva-icon:#7b35d6;
35110
+ --mseva-icon-bg:#f2eaff;
34898
35111
  }
34899
- .mobile-only {
34900
- display: block;
35112
+
35113
+ .mseva-occupancy-certificate {
35114
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V7l7-4 7 4v13'/%3E%3Cpath d='M8 20v-5h8v5M9 9h1m2 0h1m2 0h1M17 16l1 1 2-2'/%3E%3C/svg%3E");
35115
+ --mseva-icon:#2fae35;
35116
+ --mseva-icon-bg:#eaf7eb;
34901
35117
  }
34902
35118
 
34903
- @media (min-width: 780px) {
34904
- .mobile-only {
34905
- display: none;
34906
- }
35119
+ .mseva-noc {
35120
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6z'/%3E%3Cpath d='M15 3v4h3M9 12h6m-6 3h4M15 16l1.5 1.5L20 14'/%3E%3C/svg%3E");
35121
+ --mseva-icon:#1464d2;
35122
+ --mseva-icon-bg:#eaf2ff;
34907
35123
  }
34908
- .dark {
34909
- --text-opacity:1;
34910
- color: #0d43a7;
34911
- color: rgba(13, 67, 167, var(--text-opacity));
34912
- width: auto !important;
35124
+
35125
+ .mseva-advertisement-license {
35126
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h3l10-4v12L7 14H4zM7 14v5M17 10h3M19 8v4M9 9v5'/%3E%3C/svg%3E");
35127
+ --mseva-icon:#f28c18;
35128
+ --mseva-icon-bg:#fff2e3;
34913
35129
  }
34914
35130
 
34915
- .mrlg {
34916
- margin-right: 24px;
35131
+ .mseva-marriage-registration {
35132
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='4'/%3E%3Ccircle cx='15' cy='12' r='4'/%3E%3Cpath d='M12 8v8M8 19h8'/%3E%3C/svg%3E");
35133
+ --mseva-icon:#d83b8d;
35134
+ --mseva-icon-bg:#fceaf4;
34917
35135
  }
34918
35136
 
34919
- .mrsm {
34920
- margin-right: 8px;
35137
+ .mseva-event-function-permission {
35138
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M8 3v4m8-4v4M4 9h16M9 13h6m-3-3v6M17 16l1 1 2-2'/%3E%3C/svg%3E");
35139
+ --mseva-icon:#1464d2;
35140
+ --mseva-icon-bg:#eaf2ff;
34921
35141
  }
34922
35142
 
34923
- .mbsm {
34924
- margin-bottom: 8px;
35143
+ .mseva-street-light-complaint {
35144
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a5 5 0 013 8.9c-.7.5-1 1.2-1 2.1h-4c0-.9-.3-1.6-1-2.1A5 5 0 0112 3zM10 17h4m-3 3h2M12 1v1M4.9 3.9l1.4 1.4M3 11h2m13 0h2m-3.3-5.7l1.4-1.4'/%3E%3C/svg%3E");
35145
+ --mseva-icon:#f28c18;
35146
+ --mseva-icon-bg:#fff2e3;
34925
35147
  }
34926
35148
 
34927
- .home-link {
34928
- margin-left: 16px;
34929
- margin-bottom: 16px;
35149
+ .mseva-sanitation-complaint {
35150
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7z'/%3E%3Cpath d='M5 7h14M9 7V4h6v3m-5 3v7m4-7v7M18 12h3m-1.5-1.5v3'/%3E%3C/svg%3E");
35151
+ --mseva-icon:#2fae35;
35152
+ --mseva-icon-bg:#eaf7eb;
34930
35153
  }
34931
- .home-link a {
34932
- color: #1d70b8;
35154
+
35155
+ .mseva-water-supply-complaint {
35156
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s5 5.2 5 9a5 5 0 11-10 0c0-3.8 5-9 5-9zM4 18h5m-2.5-2.5v5M16 18h4'/%3E%3C/svg%3E");
35157
+ --mseva-icon:#1464d2;
35158
+ --mseva-icon-bg:#eaf2ff;
34933
35159
  }
34934
35160
 
34935
- .clear-search-label {
34936
- color: #2947a3;
34937
- cursor: pointer;
35161
+ .mseva-drainage-complaint {
35162
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M6 12h12M8 17h8M12 3v4m0 5v5M10 5l2 2 2-2m-2 7l2 2 2-2'/%3E%3C/svg%3E");
35163
+ --mseva-icon:#7b35d6;
35164
+ --mseva-icon-bg:#f2eaff;
34938
35165
  }
34939
35166
 
34940
- .search-submit-bar {
34941
- margin-top: 32;
34942
- margin-left: auto;
35167
+ .mseva-solid-waste-complaint {
35168
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7z'/%3E%3Cpath d='M5 7h14M9 7V4h6v3m-5 3v7m4-7v7M18 3l2 2-2 2m2-2h-4'/%3E%3C/svg%3E");
35169
+ --mseva-icon:#2fae35;
35170
+ --mseva-icon-bg:#eaf7eb;
34943
35171
  }
34944
35172
 
34945
- .ws-citizen-wrapper {
34946
- padding: 15px;
35173
+ .mseva-sewerage-complaint {
35174
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16M8 3v6m8-6v6m-8 6v6m8-6v6M11 12l1 1 2-2'/%3E%3C/svg%3E");
35175
+ --mseva-icon:#1464d2;
35176
+ --mseva-icon-bg:#eaf2ff;
34947
35177
  }
34948
35178
 
34949
- .application-details-link-button {
34950
- display: -webkit-box;
34951
- display: -ms-flexbox;
34952
- display: flex;
34953
- -webkit-box-pack: justify;
34954
- -ms-flex-pack: justify;
34955
- justify-content: space-between;
34956
- -webkit-box-align: center;
34957
- -ms-flex-align: center;
34958
- align-items: center;
35179
+ .mseva-property-conversion {
35180
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V8l8-5 8 5v12'/%3E%3Cpath d='M8 20v-6h8v6M7 9h2m2 0h2m2 0h2M4 4h5M7 2l2 2-2 2'/%3E%3C/svg%3E");
35181
+ --mseva-icon:#7b35d6;
35182
+ --mseva-icon-bg:#f2eaff;
34959
35183
  }
34960
- .application-details-link-button .download-button {
34961
- color: a82227;
34962
- margin-left: 8px;
35184
+
35185
+ .mseva-house-tax-rebate {
35186
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7'/%3E%3Cpath d='M6 10v10h12V10'/%3E%3Cpath d='M9 20v-5h6v5M12 8v5m-2-2h4'/%3E%3C/svg%3E");
35187
+ --mseva-icon:#2fae35;
35188
+ --mseva-icon-bg:#eaf7eb;
34963
35189
  }
34964
35190
 
34965
- .response-download-button {
34966
- display: -webkit-box;
34967
- display: -ms-flexbox;
34968
- display: flex;
34969
- margin-bottom: 8px;
35191
+ .mseva-pay-other-dues {
35192
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M4 9h16M8 14h4M16 13v4m-2-2h4'/%3E%3C/svg%3E");
35193
+ --mseva-icon:#f28c18;
35194
+ --mseva-icon-bg:#fff2e3;
34970
35195
  }
34971
- .response-download-button .download-button {
34972
- color: #a82227;
34973
- margin-left: 8px;
34974
- white-space: nowrap;
35196
+
35197
+ .mseva-community-hall-booking {
35198
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V9l8-5 8 5v11z'/%3E%3Cpath d='M8 20v-6h8v6m-6-10h4M5 6h4m6 0h4'/%3E%3C/svg%3E");
35199
+ --mseva-icon:#1464d2;
35200
+ --mseva-icon-bg:#eaf2ff;
34975
35201
  }
34976
35202
 
34977
- .check-page-link-button {
34978
- color: #a82227 !important;
35203
+ .mseva-public-grievance-pgr {
35204
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v12H7l-3 3zM8 9h8m-8 4h5M18 3v3m-1.5-1.5h3'/%3E%3C/svg%3E");
35205
+ --mseva-icon:#2fae35;
35206
+ --mseva-icon-bg:#eaf7eb;
34979
35207
  }
34980
35208
 
34981
- .pt-application-download-btn {
34982
- display: -webkit-box;
34983
- display: -ms-flexbox;
34984
- display: flex;
34985
- -webkit-box-pack: end;
34986
- -ms-flex-pack: end;
34987
- justify-content: flex-end;
34988
- margin: 0 8px;
35209
+ .mseva-rti-application {
35210
+ --mseva-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6z'/%3E%3Cpath d='M15 3v4h3M9 11h6m-6 3h6m-6 3h4'/%3E%3Ccircle cx='17' cy='17' r='2.5'/%3E%3Cpath d='M19 19l2 2'/%3E%3C/svg%3E");
35211
+ --mseva-icon:#7b35d6;
35212
+ --mseva-icon-bg:#f2eaff;
34989
35213
  }
34990
35214
 
34991
- .application-table-container {
34992
- margin-top: 24px;
34993
- margin-left: 24px;
34994
- -webkit-box-flex: 1;
34995
- -ms-flex: 1 1 0%;
34996
- flex: 1 1 0%;
35215
+ :root {
35216
+ --mseva-blue-900:#074b98;
35217
+ --mseva-blue-800:#0755a8;
35218
+ --mseva-blue-700:#0b63be;
35219
+ --mseva-blue-600:#1675d1;
35220
+ --mseva-blue-100:#e9f2fc;
35221
+ --mseva-green-800:#216f17;
35222
+ --mseva-green-700:#287f1d;
35223
+ --mseva-green-600:#42a928;
35224
+ --mseva-green-100:#eef8eb;
35225
+ --mseva-purple-700:#6530b8;
35226
+ --mseva-purple-100:#f2eaff;
35227
+ --mseva-orange-800:#8a4b00;
35228
+ --mseva-orange-100:#fff2e3;
35229
+ --mseva-pink-800:#a62d69;
35230
+ --mseva-pink-100:#fceaf4;
35231
+ --mseva-text:#074b98;
35232
+ --mseva-text-secondary:#245f9c;
35233
+ --mseva-text-muted:#3d709f;
35234
+ --mseva-border:#cbd5e1;
35235
+ --mseva-border-strong:#94a3b8;
35236
+ --mseva-surface:#fff;
35237
+ --mseva-surface-subtle:#f7f9fc;
35238
+ --mseva-focus:#0b63be;
35239
+ --mseva-error:#b42318;
35240
+ --mseva-success:#176b1d;
35241
+ --mseva-warning:#8a4b00;
35242
+ --mseva-radius-sm:6px;
35243
+ --mseva-radius-md:10px;
35244
+ --mseva-radius-lg:16px;
35245
+ --mseva-control-min:44px;
34997
35246
  }
34998
35247
 
34999
- .primary-label-btn {
35000
- display: -webkit-box;
35001
- display: -ms-flexbox;
35002
- display: flex;
35003
- grid-gap: 10px;
35004
- gap: 10px;
35005
- color: #5a1166;
35006
- cursor: pointer;
35007
- font-weight: 500;
35008
- width: -webkit-fit-content;
35009
- width: -moz-fit-content;
35010
- width: fit-content;
35248
+ html {
35249
+ font-size: 100%;
35250
+ -webkit-text-size-adjust: 100%;
35251
+ -moz-text-size-adjust: 100%;
35252
+ -ms-text-size-adjust: 100%;
35253
+ text-size-adjust: 100%;
35011
35254
  }
35012
- .primary-label-btn svg {
35013
- fill: #a82227;
35255
+
35256
+ body {
35257
+ color: #074b98;
35258
+ color: var(--mseva-text);
35259
+ background: #f7f9fc;
35260
+ background: var(--mseva-surface-subtle);
35261
+ line-height: 1.5;
35262
+ text-rendering: optimizeLegibility;
35014
35263
  }
35015
35264
 
35016
- .primaryColor {
35017
- color: #0b0c0c !important;
35265
+ .navbar .mseva-brand-mark {
35266
+ width: 180px;
35267
+ height: 72px;
35268
+ -webkit-box-flex: 0;
35269
+ -ms-flex: 0 0 180px;
35270
+ flex: 0 0 180px;
35271
+ overflow: hidden;
35018
35272
  }
35019
35273
 
35020
- @media (hover: hover) {
35021
- .primary-label-btn:hover {
35022
- color: #000;
35023
- }
35024
- .primary-label-btn:hover svg {
35025
- fill: #000;
35026
- }
35274
+ .navbar .mseva-brand-mark img {
35275
+ display: block;
35276
+ width: 238px;
35277
+ max-width: none;
35278
+ height: auto;
35279
+ -webkit-transform: translate(-31px, -42px);
35280
+ transform: translate(-31px, -42px);
35027
35281
  }
35028
- .disabled {
35029
- --border-opacity:1!important;
35030
- border-color: #9e9e9e !important;
35031
- border-color: rgba(158, 158, 158, var(--border-opacity)) !important;
35032
- --text-opacity:1!important;
35033
- color: #9e9e9e !important;
35034
- color: rgba(158, 158, 158, var(--text-opacity)) !important;
35035
- pointer-events: none !important;
35282
+
35283
+ h1, h2, h3, h4, h5, h6 {
35284
+ line-height: 1.25;
35036
35285
  }
35037
35286
 
35038
- .card-date-input {
35039
- position: absolute;
35287
+ dd, dt, h1, h2, h3, h4, h5, h6, input, .checkbox-wrap .input-emp, label, legend, li, p, select, td, textarea, th {
35288
+ color: #074b98;
35289
+ color: var(--mseva-text);
35290
+ }
35291
+
35292
+ .mseva-skip-link {
35293
+ position: fixed;
35040
35294
  top: 0;
35295
+ right: auto;
35296
+ bottom: auto;
35041
35297
  left: 0;
35042
- width: 75%;
35043
- --bg-opacity:1;
35044
- background-color: #fff;
35045
- background-color: rgba(255, 255, 255, var(--bg-opacity));
35046
- padding-left: 8px;
35047
- --border-opacity:1;
35048
- border: 1px solid #464646;
35049
- border-color: rgba(70, 70, 70, var(--border-opacity));
35050
- border-right: 0 solid rgba(70, 70, 70, var(--border-opacity));
35051
- outline: 1px solid transparent;
35052
- height: 2.5rem;
35298
+ z-index: 100000;
35299
+ -webkit-transform: translateY(-120%);
35300
+ transform: translateY(-120%);
35301
+ padding: 10px 16px;
35302
+ background: #fff;
35303
+ color: #074b98;
35304
+ color: var(--mseva-blue-900);
35305
+ border: 2px solid #074b98;
35306
+ border: 2px solid var(--mseva-blue-900);
35307
+ border-radius: 0 0 10px 0;
35308
+ border-radius: 0 0 var(--mseva-radius-md) 0;
35309
+ font-weight: 700;
35053
35310
  }
35054
35311
 
35055
- .h4 {
35056
- margin-bottom: 8px;
35312
+ .mseva-skip-link:focus {
35313
+ -webkit-transform: translateY(0);
35314
+ transform: translateY(0);
35057
35315
  }
35058
35316
 
35059
- .react-time-picker {
35060
- width: 194px;
35061
- height: 2.5rem;
35317
+ .mseva-button, [role=button], button, input, .checkbox-wrap .input-emp, select, textarea {
35318
+ font: inherit;
35062
35319
  }
35063
- .react-time-picker__wrapper {
35064
- border: 2px solid #0b0c0c;
35065
- padding-left: 16px;
35320
+
35321
+ .mseva-button, [role=button], button, input, .checkbox-wrap .input-emp, select, textarea {
35322
+ min-height: 44px;
35323
+ min-height: var(--mseva-control-min);
35066
35324
  }
35067
- .react-time-picker__inputGroup__input {
35068
- padding-left: 8px;
35069
- padding-right: 8px;
35070
- line-height: 2.5rem;
35071
- min-width: 16px;
35325
+
35326
+ input, .checkbox-wrap .input-emp, select, textarea {
35327
+ color: #074b98;
35328
+ color: var(--mseva-text);
35329
+ background: #fff;
35330
+ border: 1px solid #94a3b8;
35331
+ border: 1px solid var(--mseva-border-strong);
35332
+ border-radius: 10px;
35333
+ border-radius: var(--mseva-radius-md);
35072
35334
  }
35073
- .react-time-picker__inputGroup__input:focus {
35074
- outline: 2px solid #000;
35335
+
35336
+ input::-webkit-input-placeholder, .checkbox-wrap .input-emp::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
35337
+ color: #667085;
35338
+ opacity: 1;
35075
35339
  }
35076
35340
 
35077
- .border-none {
35078
- border: none;
35079
- -webkit-box-pack: justify;
35080
- -ms-flex-pack: justify;
35081
- justify-content: space-between;
35341
+ input::-moz-placeholder, .checkbox-wrap .input-emp::-moz-placeholder, textarea::-moz-placeholder {
35342
+ color: #667085;
35343
+ opacity: 1;
35082
35344
  }
35083
35345
 
35084
- .hide-number-spinner input[type=number]::-webkit-inner-spin-button, .hide-number-spinner .checkbox-wrap [type=number].input-emp::-webkit-inner-spin-button, .checkbox-wrap .hide-number-spinner [type=number].input-emp::-webkit-inner-spin-button, .hide-number-spinner input[type=number]::-webkit-outer-spin-button, .hide-number-spinner .checkbox-wrap [type=number].input-emp::-webkit-outer-spin-button, .checkbox-wrap .hide-number-spinner [type=number].input-emp::-webkit-outer-spin-button {
35085
- -webkit-appearance: none;
35086
- margin: 0;
35346
+ input:-ms-input-placeholder, .checkbox-wrap .input-emp:-ms-input-placeholder, textarea:-ms-input-placeholder {
35347
+ color: #667085;
35348
+ opacity: 1;
35087
35349
  }
35088
35350
 
35089
- .hide-number-spinner input[type=number], .hide-number-spinner .checkbox-wrap [type=number].input-emp, .checkbox-wrap .hide-number-spinner [type=number].input-emp {
35090
- -moz-appearance: textfield;
35351
+ input::-ms-input-placeholder, .checkbox-wrap .input-emp::-ms-input-placeholder, textarea::-ms-input-placeholder {
35352
+ color: #667085;
35353
+ opacity: 1;
35091
35354
  }
35092
35355
 
35093
- .static {
35094
- display: -webkit-box;
35095
- display: -ms-flexbox;
35096
- display: flex;
35097
- -webkit-box-orient: vertical;
35098
- -webkit-box-direction: normal;
35099
- -ms-flex-direction: column;
35100
- flex-direction: column;
35101
- min-height: 85vh;
35356
+ input::placeholder, .checkbox-wrap .input-emp::placeholder, textarea::placeholder {
35357
+ color: #667085;
35358
+ opacity: 1;
35102
35359
  }
35103
- .static-wrapper {
35104
- -webkit-box-flex: 1;
35105
- -ms-flex: 1;
35106
- flex: 1;
35107
- max-height: 75vh;
35108
- overflow: scroll;
35109
- -ms-overflow-style: none;
35110
- scrollbar-width: none;
35360
+
35361
+ [role=button]:focus, [tabindex]:focus, button:focus, input:focus, .checkbox-wrap .input-emp:focus, select:focus, textarea:focus {
35362
+ outline: 0;
35111
35363
  }
35112
- .static-wrapper::-webkit-scrollbar {
35113
- display: none;
35364
+
35365
+ [role=button].focus-visible, [role=button]:focus-visible, [tabindex].focus-visible, [tabindex]:focus-visible, button.focus-visible, button:focus-visible {
35366
+ -webkit-box-shadow: 0 0 0 3px rgba(11, 99, 206, 0.24);
35367
+ box-shadow: 0 0 0 3px rgba(11, 99, 206, 0.24);
35114
35368
  }
35115
35369
 
35116
- .bill-summary {
35117
- border: 1px solid #e8e7e6;
35118
- --bg-opacity:1;
35119
- background-color: #fafafa;
35120
- background-color: rgba(250, 250, 250, var(--bg-opacity));
35121
- width: 100%;
35370
+ a {
35371
+ color: #074b98;
35372
+ color: var(--mseva-blue-900);
35373
+ text-decoration: underline;
35374
+ text-underline-offset: 0.15em;
35122
35375
  }
35123
- .bill-summary .bill-account-details {
35124
- display: -webkit-box;
35125
- display: -ms-flexbox;
35126
- display: flex;
35127
- margin-bottom: 16px;
35128
- padding: 5px;
35376
+
35377
+ .mseva-service-card {
35378
+ min-height: 44px;
35379
+ min-height: var(--mseva-control-min);
35380
+ color: #074b98;
35381
+ color: var(--mseva-text);
35382
+ background: #fff;
35383
+ border: 1px solid #cbd5e1;
35384
+ border: 1px solid var(--mseva-border);
35385
+ border-radius: 16px;
35386
+ border-radius: var(--mseva-radius-lg);
35129
35387
  }
35130
- .bill-summary .bill-account-details .label {
35131
- width: 50%;
35388
+
35389
+ .mseva-service-card:focus-within, .mseva-service-card:hover, .mseva-service-card[focus-within] {
35390
+ border-color: #1675d1;
35391
+ border-color: var(--mseva-blue-600);
35392
+ -webkit-box-shadow: 0 0 0 3px rgba(11, 99, 206, 0.12);
35393
+ box-shadow: 0 0 0 3px rgba(11, 99, 206, 0.12);
35394
+ }
35395
+
35396
+ .mseva-service-card__title {
35397
+ color: #074b98;
35398
+ color: var(--mseva-text);
35132
35399
  font-weight: 700;
35133
35400
  }
35134
- .bill-summary .bill-account-details .value {
35135
- width: 50%;
35136
- text-align: right;
35401
+
35402
+ .mseva-service-card__meta {
35403
+ color: #245f9c;
35404
+ color: var(--mseva-text-secondary);
35137
35405
  }
35138
- .bill-summary .amount-details {
35139
- display: -webkit-box;
35140
- display: -ms-flexbox;
35141
- display: flex;
35142
- margin-bottom: 16px;
35406
+
35407
+ .mseva-status {
35408
+ display: -webkit-inline-box;
35409
+ display: -ms-inline-flexbox;
35410
+ display: inline-flex;
35143
35411
  -webkit-box-align: center;
35144
35412
  -ms-flex-align: center;
35145
35413
  align-items: center;
35146
- padding: 5px;
35147
- }
35148
- .bill-summary .amount-details .label, .bill-summary .amount-details .value {
35149
- width: 50%;
35414
+ grid-gap: 6px;
35415
+ gap: 6px;
35416
+ min-height: 28px;
35417
+ padding: 4px 9px;
35418
+ border: 1px solid;
35419
+ border-radius: 999px;
35420
+ font-size: 0.8125rem;
35150
35421
  font-weight: 700;
35151
35422
  }
35152
- .bill-summary .amount-details .value {
35153
- text-align: right;
35154
- font-size: 18px;
35423
+
35424
+ .mseva-status--success {
35425
+ color: #176b1d;
35426
+ color: var(--mseva-success);
35427
+ background: #eef8eb;
35428
+ background: var(--mseva-green-100);
35155
35429
  }
35156
35430
 
35157
- .bill-payment-amount {
35158
- position: sticky;
35159
- bottom: 0;
35160
- --bg-opacity:1;
35161
- background-color: #fff;
35162
- background-color: rgba(255, 255, 255, var(--bg-opacity));
35163
- padding-bottom: 32px;
35431
+ .mseva-status--warning {
35432
+ color: #8a4b00;
35433
+ color: var(--mseva-warning);
35434
+ background: #fff2e3;
35435
+ background: var(--mseva-orange-100);
35164
35436
  }
35165
- .bill-payment-amount .payment-amount-front {
35166
- position: absolute;
35167
- z-index: 10;
35168
- width: 2.5rem;
35169
- display: -webkit-box;
35170
- display: -ms-flexbox;
35171
- display: flex;
35172
- -webkit-box-pack: center;
35173
- -ms-flex-pack: center;
35174
- justify-content: center;
35175
- -webkit-box-align: center;
35176
- -ms-flex-align: center;
35177
- align-items: center;
35178
- background-color: #efefef;
35179
- padding: 7px 12px;
35180
- color: #9a9a9a;
35437
+
35438
+ .mseva-status--error {
35439
+ color: #b42318;
35440
+ color: var(--mseva-error);
35441
+ background: #fef3f2;
35181
35442
  }
35182
35443
 
35183
- .text-indent-xl input, .text-indent-xl .checkbox-wrap .input-emp, .checkbox-wrap .text-indent-xl .input-emp {
35184
- text-indent: 40px;
35444
+ .mseva-status--info {
35445
+ color: #074b98;
35446
+ color: var(--mseva-blue-900);
35447
+ background: #e9f2fc;
35448
+ background: var(--mseva-blue-100);
35185
35449
  }
35186
35450
 
35187
- .select-payment-type {
35188
- display: -webkit-box;
35189
- display: -ms-flexbox;
35190
- display: flex;
35191
- -webkit-box-pack: center;
35192
- -ms-flex-pack: center;
35193
- justify-content: center;
35194
- font-weight: 700;
35195
- -webkit-box-align: center;
35196
- -ms-flex-align: center;
35197
- align-items: center;
35198
- padding-top: 10px;
35199
- padding-bottom: 25px;
35451
+ label {
35452
+ color: #074b98;
35453
+ color: var(--mseva-text);
35454
+ font-weight: 600;
35200
35455
  }
35201
- .select-payment-type .value {
35202
- font-size: 20px;
35456
+
35457
+ .mseva-required:after {
35458
+ content: " *";
35459
+ color: #b42318;
35460
+ color: var(--mseva-error);
35203
35461
  }
35204
35462
 
35205
- .cheque-date {
35463
+ .mseva-field-error {
35464
+ border-color: #b42318 !important;
35465
+ border-color: var(--mseva-error) !important;
35466
+ }
35467
+
35468
+ .mseva-error-message {
35469
+ display: block;
35470
+ margin-top: 4px;
35471
+ color: #b42318;
35472
+ color: var(--mseva-error);
35473
+ font-size: 0.875rem;
35474
+ font-weight: 600;
35475
+ }
35476
+
35477
+ .card-header, .card-label, .card-label-desc, .card-label-smaller, .card-label span, .card-section-header, .card-sub-header, .employee-card-sub-header, .field, .field label, .form-field, .form-field .label, .form-field .text-input, .form-field label, .headerStyle, .label-field-pair, .label-field-pair label, .section-header {
35478
+ color: #074b98 !important;
35479
+ color: var(--mseva-text) !important;
35480
+ }
35481
+
35482
+ .card-label-error, .card-label-error *, .mseva-error-message, .mseva-error-message * {
35483
+ color: #b42318 !important;
35484
+ color: var(--mseva-error) !important;
35485
+ }
35486
+
35487
+ .navbar {
35488
+ border-bottom: 1px solid #d8e5f2;
35489
+ -webkit-box-shadow: 0 3px 12px rgba(7, 75, 152, 0.08);
35490
+ box-shadow: 0 3px 12px rgba(7, 75, 152, 0.08);
35491
+ }
35492
+
35493
+ .back-btn2, .bread-crumb, .bread-crumb--item, .bread-crumb--item .last, .navbar {
35494
+ color: #074b98;
35495
+ color: var(--mseva-text);
35496
+ }
35497
+
35498
+ .app-container {
35499
+ margin-top: 96px !important;
35500
+ padding: 20px 40px 48px !important;
35501
+ }
35502
+
35503
+ .app-container > .citizen-breadcrumb-wrapper, .app-container > [class*=breadcrumb], .app-container > [class*=breadcrumbs] {
35504
+ margin-top: 0 !important;
35505
+ margin-left: 0 !important;
35506
+ }
35507
+
35508
+ .bread-crumb {
35206
35509
  display: -webkit-box;
35207
35510
  display: -ms-flexbox;
35208
35511
  display: flex;
35209
35512
  -webkit-box-align: center;
35210
35513
  -ms-flex-align: center;
35211
35514
  align-items: center;
35212
- margin-bottom: 24px;
35213
- border: 2px solid #0b0c0c;
35214
- border-radius: 2px;
35515
+ grid-gap: 6px;
35516
+ gap: 6px;
35517
+ margin: 0 0 22px;
35518
+ padding: 0;
35519
+ color: #074b98;
35520
+ color: var(--mseva-text);
35521
+ font-size: 0.9375rem;
35522
+ font-weight: 600;
35523
+ list-style: none;
35215
35524
  }
35216
- .cheque-date input, .cheque-date .checkbox-wrap .input-emp, .checkbox-wrap .cheque-date .input-emp {
35525
+
35526
+ .bread-crumb--item {
35527
+ margin-left: 0;
35528
+ }
35529
+
35530
+ .bread-crumb--item:not(:last-child):after {
35531
+ margin-left: 6px;
35532
+ color: #7890a9;
35533
+ }
35534
+
35535
+ .bread-crumb--item a, .bread-crumb--item span {
35536
+ color: #074b98;
35537
+ color: var(--mseva-text);
35538
+ text-decoration: none;
35539
+ }
35540
+
35541
+ .bread-crumb--item a:hover {
35542
+ color: #216f17;
35543
+ color: var(--mseva-green-800);
35544
+ text-decoration: underline;
35545
+ }
35546
+
35547
+ .app-container > header {
35548
+ margin: 0 0 22px;
35549
+ color: #074b98 !important;
35550
+ color: var(--mseva-blue-900) !important;
35551
+ font-weight: 800;
35552
+ letter-spacing: -0.02em;
35553
+ }
35554
+
35555
+ .applications-list-container {
35217
35556
  width: 100%;
35218
- text-indent: 5px;
35219
- padding: 6px 0;
35557
+ max-width: 1120px;
35558
+ margin: 0 auto;
35220
35559
  }
35221
- .cheque-date button, .cheque-date input, .cheque-date .checkbox-wrap .input-emp, .checkbox-wrap .cheque-date .input-emp {
35222
- outline: 2px solid transparent;
35223
- outline-offset: 2px;
35224
- border: 0;
35225
- background: transparent;
35560
+
35561
+ .applications-list-container > header {
35562
+ margin-bottom: 20px;
35226
35563
  }
35227
- .cheque-date button {
35228
- text-indent: 2px;
35564
+
35565
+ .applications-list-container > .card {
35566
+ margin: 0;
35567
+ padding: 28px;
35568
+ border: 1px dashed #b8cce2;
35569
+ border-radius: 16px;
35570
+ background: #fff;
35571
+ color: #52708f;
35572
+ text-align: center;
35229
35573
  }
35230
35574
 
35231
- .w-half {
35232
- width: 50%;
35575
+ .applications-list-container .card {
35576
+ border-color: #d8e5f4;
35233
35577
  }
35234
35578
 
35235
- .ifsc-field {
35236
- display: -webkit-box;
35237
- display: -ms-flexbox;
35238
- display: flex;
35579
+ .action-button-myapplication .submit-bar, .applications-list-container .submit-bar {
35580
+ min-width: 160px;
35581
+ margin: 0;
35582
+ border-radius: 8px;
35583
+ }
35584
+
35585
+ .action-button-myapplication {
35586
+ grid-gap: 12px;
35587
+ gap: 12px;
35588
+ margin-top: 22px;
35589
+ }
35590
+
35591
+ .ads-pagination-controls, .ptr-pagination-controls {
35592
+ grid-gap: 12px;
35593
+ gap: 12px;
35594
+ margin: 24px 0 0;
35595
+ }
35596
+
35597
+ .ads-pagination-btn, .ptr-pagination-button {
35598
+ display: -webkit-inline-box;
35599
+ display: -ms-inline-flexbox;
35600
+ display: inline-flex;
35239
35601
  -webkit-box-align: center;
35240
35602
  -ms-flex-align: center;
35241
35603
  align-items: center;
35242
- margin-bottom: 24px;
35243
- border: 2px solid #0b0c0c;
35244
- border-radius: 2px;
35245
- }
35246
- .ifsc-field input, .ifsc-field .checkbox-wrap .input-emp, .checkbox-wrap .ifsc-field .input-emp {
35247
- width: 100%;
35248
- text-indent: 5px;
35249
- padding: 6px 0;
35604
+ -webkit-box-pack: center;
35605
+ -ms-flex-pack: center;
35606
+ justify-content: center;
35607
+ width: 40px;
35608
+ height: 40px;
35609
+ padding: 0;
35610
+ border-radius: 50%;
35611
+ background: #0b63be;
35612
+ background: var(--mseva-blue-700);
35250
35613
  }
35251
- .ifsc-field button, .ifsc-field input, .ifsc-field .checkbox-wrap .input-emp, .checkbox-wrap .ifsc-field .input-emp {
35252
- outline: 2px solid transparent;
35253
- outline-offset: 2px;
35254
- border: 0;
35255
- background: transparent;
35614
+
35615
+ .ads-pagination-btn:hover:not(:disabled), .ptr-pagination-button:hover:not(:disabled) {
35616
+ background: #287f1d;
35617
+ background: var(--mseva-green-700);
35256
35618
  }
35257
- .ifsc-field button {
35258
- text-indent: 2px;
35619
+
35620
+ .ads-pagination-info, .ptr-pagination-info {
35621
+ color: #074b98;
35622
+ color: var(--mseva-text);
35623
+ font-weight: 700;
35259
35624
  }
35260
35625
 
35261
- .text-input {
35626
+ .ads-my-bookings, .citizen-my-applications {
35627
+ -webkit-box-sizing: border-box;
35628
+ box-sizing: border-box;
35262
35629
  width: 100%;
35630
+ max-width: none;
35631
+ padding: 0 0 48px;
35263
35632
  }
35264
- .text-input input:hover, .text-input .checkbox-wrap .input-emp:hover, .checkbox-wrap .text-input .input-emp:hover {
35265
- --border-opacity:1;
35266
- border: 1px solid #2947a3;
35267
- border-color: rgba(41, 71, 163, var(--border-opacity));
35633
+
35634
+ .citizen-my-applications header {
35635
+ margin: 0 0 22px;
35636
+ color: #074b98 !important;
35637
+ color: var(--mseva-blue-900) !important;
35638
+ font-weight: 800;
35639
+ letter-spacing: -0.02em;
35268
35640
  }
35269
35641
 
35270
- .text-input-width {
35271
- max-width: 540px;
35642
+ .citizen-my-applications > .card, .citizen-my-applications > div .card {
35643
+ max-width: none;
35644
+ margin: 0 0 16px;
35645
+ padding: 24px;
35646
+ border: 1px solid #d8e5f4;
35647
+ border-radius: 16px;
35648
+ background: #fff;
35649
+ -webkit-box-shadow: 0 7px 18px rgba(7, 75, 152, 0.08);
35650
+ box-shadow: 0 7px 18px rgba(7, 75, 152, 0.08);
35272
35651
  }
35273
35652
 
35274
- .text-mobile-input-width {
35275
- max-width: 540px;
35276
- width: 100%;
35653
+ .citizen-my-applications--chb .card, .citizen-my-applications--garbage-collection .card, .citizen-my-applications--ndc .card, .citizen-my-applications--pt .card, .citizen-my-applications--ptr .card, .citizen-my-applications--rent-and-lease .card, .citizen-my-applications--tl .card {
35654
+ display: grid;
35655
+ grid-template-columns: repeat(2, minmax(0, 1fr));
35656
+ grid-gap: 16px 28px;
35657
+ gap: 16px 28px;
35658
+ -webkit-box-align: start;
35659
+ -ms-flex-align: start;
35660
+ align-items: start;
35277
35661
  }
35278
35662
 
35279
- .custom-time-picker {
35280
- width: 100%;
35281
- max-width: 200px;
35663
+ .citizen-my-applications .card > .key-note-pair {
35664
+ width: auto;
35665
+ margin: 0;
35666
+ padding: 0 0 12px;
35667
+ border-bottom: 1px solid #e5edf6;
35282
35668
  }
35283
35669
 
35284
- .sla-cell {
35285
- --text-opacity:1;
35286
- color: #505a5f;
35287
- color: rgba(80, 90, 95, var(--text-opacity));
35670
+ .citizen-my-applications .card > .key-note-pair h3 {
35671
+ margin-bottom: 4px;
35672
+ color: #52708f;
35673
+ font-size: 0.8125rem;
35674
+ font-weight: 700;
35675
+ letter-spacing: 0.02em;
35676
+ }
35677
+
35678
+ .citizen-my-applications .card > .key-note-pair p {
35679
+ color: #074b98;
35680
+ color: var(--mseva-text);
35681
+ font-size: 1rem;
35682
+ font-weight: 700;
35683
+ }
35684
+
35685
+ .citizen-my-applications .action-button-myapplication, .citizen-my-applications .firenoc-my-applications__actions, .citizen-my-applications .gc-style-0b9a47eb61, .citizen-my-applications .ral-my-properties-actions {
35686
+ display: -webkit-box;
35687
+ display: -ms-flexbox;
35688
+ display: flex;
35689
+ -ms-flex-wrap: wrap;
35690
+ flex-wrap: wrap;
35691
+ grid-gap: 12px;
35692
+ gap: 12px;
35693
+ width: 100%;
35694
+ margin-top: 8px;
35695
+ }
35696
+
35697
+ .citizen-my-applications--chb .action-button-myapplication, .citizen-my-applications--firenoc .firenoc-my-applications__actions, .citizen-my-applications--garbage-collection .gc-style-0b9a47eb61, .citizen-my-applications--ndc .action-button-myapplication, .citizen-my-applications--pt .card > a, .citizen-my-applications--ptr .action-button-myapplication, .citizen-my-applications--rent-and-lease .ral-my-properties-actions, .citizen-my-applications--tl .action-button-myapplication {
35698
+ grid-column: 1/-1;
35699
+ }
35700
+
35701
+ .citizen-my-applications .action-button-myapplication .submit-bar, .citizen-my-applications .gc-style-0b9a47eb61 .submit-bar, .citizen-my-applications .ral-my-properties-actions .submit-bar {
35702
+ min-width: 160px;
35703
+ margin: 0;
35704
+ border-radius: 8px;
35705
+ }
35706
+
35707
+ .citizen-my-applications .gc-style-eda36bf913, .citizen-my-applications .ndc-application-list, .citizen-my-applications .ral-my-properties-no-result, .citizen-my-applications > div > p {
35708
+ margin: 20px 0;
35709
+ padding: 18px 20px;
35710
+ border: 1px dashed #b8cce2;
35711
+ border-radius: 14px;
35712
+ background: #fff;
35713
+ color: #52708f;
35714
+ }
35715
+
35716
+ .citizen-my-applications .ndc-application-overview-custom {
35717
+ display: -webkit-box;
35718
+ display: -ms-flexbox;
35719
+ display: flex;
35720
+ -webkit-box-align: center;
35721
+ -ms-flex-align: center;
35722
+ align-items: center;
35723
+ -webkit-box-pack: center;
35724
+ -ms-flex-pack: center;
35725
+ justify-content: center;
35726
+ grid-gap: 12px;
35727
+ gap: 12px;
35728
+ margin-top: 24px;
35729
+ color: #074b98;
35730
+ color: var(--mseva-text);
35731
+ font-weight: 700;
35732
+ }
35733
+
35734
+ .citizen-my-applications .ndc-pagination__button {
35735
+ min-width: 96px;
35736
+ border-radius: 8px;
35737
+ background: #0b63be;
35738
+ background: var(--mseva-blue-700);
35739
+ }
35740
+
35741
+ .citizen-my-applications .ndc-pagination__button:hover:not(:disabled) {
35742
+ background: #287f1d;
35743
+ background: var(--mseva-green-700);
35744
+ }
35745
+
35746
+ .citizen-my-applications--firenoc .card {
35747
+ display: grid;
35748
+ grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1.3fr);
35749
+ grid-gap: 10px 28px;
35750
+ gap: 10px 28px;
35751
+ }
35752
+
35753
+ .citizen-my-applications--firenoc .card > div:not(.firenoc-my-applications__actions) {
35754
+ margin: 0 !important;
35755
+ -ms-flex-item-align: center;
35756
+ align-self: center;
35757
+ }
35758
+
35759
+ .citizen-my-applications--firenoc .card > div:nth-child(odd):not(.firenoc-my-applications__actions) {
35760
+ color: #52708f;
35761
+ font-size: 0.8125rem !important;
35762
+ font-weight: 700 !important;
35763
+ }
35764
+
35765
+ .citizen-my-applications--firenoc .card > div:nth-child(2n):not(.firenoc-my-applications__actions) {
35766
+ color: #074b98;
35767
+ color: var(--mseva-text);
35768
+ font-size: 1rem !important;
35769
+ font-weight: 700 !important;
35770
+ }
35771
+
35772
+ .drawer-desktop .sidebar-list.active, .drawer-list .sidebar-list.active {
35773
+ border-left-color: #42a928;
35774
+ border-left-color: var(--mseva-green-600);
35775
+ }
35776
+
35777
+ .drawer-desktop .sidebar-list.active .icon, .drawer-desktop .sidebar-list.active .menu-label, .drawer-list .sidebar-list.active .icon, .drawer-list .sidebar-list.active .menu-label {
35778
+ color: #216f17;
35779
+ color: var(--mseva-green-800);
35780
+ fill: #216f17;
35781
+ fill: var(--mseva-green-800);
35782
+ }
35783
+
35784
+ .card, .card-emp, .employeeCard, .popup-module .card {
35785
+ border: 1px solid #d9e6f2;
35786
+ background: linear-gradient(145deg, #fff, #f8fbff);
35787
+ -webkit-box-shadow: 0 7px 20px rgba(7, 75, 152, 0.07);
35788
+ box-shadow: 0 7px 20px rgba(7, 75, 152, 0.07);
35789
+ }
35790
+
35791
+ .card-emp:hover, .card:hover, .employeeCard:hover {
35792
+ -webkit-box-shadow: 0 10px 24px rgba(7, 75, 152, 0.11);
35793
+ box-shadow: 0 10px 24px rgba(7, 75, 152, 0.11);
35794
+ }
35795
+
35796
+ .primary-label-btn .submit-bar, .selector-button-border, .selector-button-primary, .submit-bar {
35797
+ background-color: #074b98 !important;
35798
+ background-color: var(--mseva-blue-900) !important;
35799
+ border-color: #074b98 !important;
35800
+ border-color: var(--mseva-blue-900) !important;
35801
+ }
35802
+
35803
+ .selector-button-border:hover, .selector-button-primary:hover, .submit-bar:hover {
35804
+ background-color: #216f17 !important;
35805
+ background-color: var(--mseva-green-800) !important;
35806
+ border-color: #216f17 !important;
35807
+ border-color: var(--mseva-green-800) !important;
35808
+ }
35809
+
35810
+ .selector-button-secondary {
35811
+ border: 1px solid #074b98 !important;
35812
+ border: 1px solid var(--mseva-blue-900) !important;
35813
+ }
35814
+
35815
+ .selector-button-secondary, .selector-button-secondary h2 {
35816
+ color: #074b98 !important;
35817
+ color: var(--mseva-blue-900) !important;
35818
+ }
35819
+
35820
+ .data-table, .employee-data-table, .ndc-new-table, .ndc-new-table-card, .table {
35821
+ border-color: #d9e6f2;
35822
+ -webkit-box-shadow: 0 5px 16px rgba(7, 75, 152, 0.06);
35823
+ box-shadow: 0 5px 16px rgba(7, 75, 152, 0.06);
35824
+ }
35825
+
35826
+ .data-table .header, .employee-data-table .header, .ndc-new-table thead, .table thead {
35827
+ background: #edf5fc;
35828
+ border-bottom-color: #d4e3f1;
35829
+ }
35830
+
35831
+ .data-table .header .row, .employee-data-table .header .row, .ndc-new-table-header, .ndc-new-table thead th, .table thead th {
35832
+ color: #074b98;
35833
+ color: var(--mseva-blue-900);
35834
+ border-bottom-color: #d4e3f1;
35835
+ }
35836
+
35837
+ .data-table .row:hover, .employee-data-table .row:hover, .ndc-new-table tbody tr:hover, .table tbody tr:hover {
35838
+ background: #f1f8f2;
35839
+ }
35840
+
35841
+ .data-table .row .value, .employee-data-table .row .value, .ndc-new-table tbody td, .table tbody td {
35842
+ color: #074b98;
35843
+ color: var(--mseva-text);
35844
+ }
35845
+
35846
+ .mseva-responsive-grid {
35847
+ display: grid;
35848
+ grid-template-columns: repeat(4, minmax(0, 1fr));
35849
+ grid-gap: 16px;
35850
+ gap: 16px;
35851
+ }
35852
+
35853
+ @media (max-width: 1024px) {
35854
+ .mseva-responsive-grid {
35855
+ grid-template-columns: repeat(3, minmax(0, 1fr));
35856
+ }
35857
+ }
35858
+ @media (max-width: 768px) {
35859
+ .mseva-responsive-grid {
35860
+ grid-template-columns: repeat(2, minmax(0, 1fr));
35861
+ }
35862
+ }
35863
+ @media (max-width: 480px) {
35864
+ .mseva-responsive-grid {
35865
+ grid-template-columns: 1fr;
35866
+ }
35867
+ }
35868
+ @media (max-width: 320px) {
35869
+ .mseva-responsive-grid {
35870
+ grid-template-columns: 1fr;
35871
+ }
35872
+ }
35873
+ canvas, img, svg, video {
35874
+ max-width: 100%;
35875
+ height: auto;
35876
+ }
35877
+
35878
+ @media (prefers-reduced-motion: reduce) {
35879
+ html {
35880
+ scroll-behavior: auto;
35881
+ }
35882
+
35883
+ *, :after, :before {
35884
+ -webkit-animation-duration: 0.01ms !important;
35885
+ animation-duration: 0.01ms !important;
35886
+ -webkit-animation-iteration-count: 1 !important;
35887
+ animation-iteration-count: 1 !important;
35888
+ -webkit-transition-duration: 0.01ms !important;
35889
+ transition-duration: 0.01ms !important;
35890
+ scroll-behavior: auto !important;
35891
+ }
35892
+ }
35893
+ @media (forced-colors: active) {
35894
+ *, :after, :before {
35895
+ -webkit-box-shadow: none !important;
35896
+ box-shadow: none !important;
35897
+ }
35898
+ }
35899
+ @media print {
35900
+ body {
35901
+ background: #fff !important;
35902
+ color: #000 !important;
35903
+ }
35904
+
35905
+ .mseva-no-print, button, nav {
35906
+ display: none !important;
35907
+ }
35908
+
35909
+ a {
35910
+ color: #000 !important;
35911
+ text-decoration: underline !important;
35912
+ }
35913
+ }
35914
+ .mseva-citizen-dashboard {
35915
+ width: 100%;
35916
+ margin: 24px 0 0;
35917
+ padding: 32px 24px 56px;
35918
+ background: #f6f8fb;
35919
+ }
35920
+
35921
+ .mseva-citizen-dashboard .HomePageWrapper {
35922
+ width: 100%;
35923
+ max-width: 1440px;
35924
+ margin: 0 auto;
35925
+ }
35926
+
35927
+ .mseva-citizen-dashboard .hero-banner-styles {
35928
+ position: relative;
35929
+ min-height: 278px;
35930
+ display: -webkit-box;
35931
+ display: -ms-flexbox;
35932
+ display: flex;
35933
+ -webkit-box-align: center;
35934
+ -ms-flex-align: center;
35935
+ align-items: center;
35936
+ margin: 0;
35937
+ padding: 38px 48px;
35938
+ overflow: hidden;
35939
+ isolation: isolate;
35940
+ text-align: left;
35941
+ color: #074b98;
35942
+ color: var(--mseva-text);
35943
+ border: 1px solid #d7e3f5;
35944
+ border-radius: 16px;
35945
+ border-radius: var(--mseva-radius-lg);
35946
+ background: linear-gradient(90deg, hsla(0deg, 0%, 100%, 0.98), hsla(0deg, 0%, 100%, 0.91) 42%, rgba(230, 240, 255, 0.42) 62%, rgba(212, 231, 255, 0.3)), linear-gradient(135deg, #eaf5ff, #fff6eb 55%, #d9ebff);
35947
+ -webkit-box-shadow: 0 12px 30px rgba(20, 50, 95, 0.08);
35948
+ box-shadow: 0 12px 30px rgba(20, 50, 95, 0.08);
35949
+ }
35950
+
35951
+ .mseva-citizen-dashboard .hero-banner-styles:after {
35952
+ position: absolute;
35953
+ z-index: -1;
35954
+ right: -72px;
35955
+ bottom: -96px;
35956
+ width: 58%;
35957
+ height: 146%;
35958
+ content: "";
35959
+ opacity: 0.7;
35960
+ background: radial-gradient(ellipse at 48%, at 39%, #dda033 0, #dda033 7%, transparent 7.4%), radial-gradient(ellipse at 68%, at 38%, #d6952d 0, #d6952d 6%, transparent 6.4%), linear-gradient(140deg, transparent, transparent 34%, rgba(190, 123, 32, 0.42) 34.3%, rgba(190, 123, 32, 0.42) 36%, transparent 36.3%, transparent), repeating-linear-gradient(90deg, rgba(170, 107, 35, 0.25), rgba(170, 107, 35, 0.25) 12px, transparent 0, transparent 32px);
35961
+ background: radial-gradient(ellipse at 48% 39%, #dda033 0 7%, transparent 7.4%), radial-gradient(ellipse at 68% 38%, #d6952d 0 6%, transparent 6.4%), linear-gradient(140deg, transparent 34%, rgba(190, 123, 32, 0.42) 34.3% 36%, transparent 36.3% 100%), repeating-linear-gradient(90deg, rgba(170, 107, 35, 0.25) 12px, transparent 12px 32px);
35962
+ clip-path: polygon(0 42%, 19% 19%, 39% 43%, 57% 10%, 76% 39%, 100% 21%, 100% 100%, 0 100%);
35963
+ }
35964
+
35965
+ .mseva-dashboard__hero-content {
35966
+ width: min(100%, 620px);
35967
+ }
35968
+
35969
+ .mseva-dashboard__eyebrow {
35970
+ margin: 0 0 6px;
35971
+ color: #074b98;
35972
+ color: var(--mseva-blue-900);
35973
+ font-size: 0.875rem;
35974
+ font-weight: 700;
35975
+ letter-spacing: 0.04em;
35976
+ text-transform: uppercase;
35977
+ }
35978
+
35979
+ .mseva-citizen-dashboard .hero-title-styles {
35980
+ margin: 0;
35981
+ color: #074b98;
35982
+ color: var(--mseva-blue-900);
35983
+ font-size: clamp(1.75rem, 3vw, 2.5rem);
35984
+ font-weight: 700;
35985
+ letter-spacing: -0.02em;
35986
+ }
35987
+
35988
+ .mseva-citizen-dashboard .hero-title-styles span {
35989
+ color: #287f1d;
35990
+ color: var(--mseva-green-700);
35991
+ }
35992
+
35993
+ .mseva-citizen-dashboard .heroSubtitleStyles {
35994
+ max-width: 430px;
35995
+ margin: 10px 0 22px;
35996
+ color: #245f9c;
35997
+ color: var(--mseva-text-secondary);
35998
+ font-size: 1rem;
35999
+ opacity: 1;
36000
+ }
36001
+
36002
+ .mseva-dashboard__search-label {
36003
+ position: absolute;
36004
+ width: 1px;
36005
+ height: 1px;
36006
+ margin: -1px;
36007
+ overflow: hidden;
36008
+ clip: rect(0, 0, 0, 0);
36009
+ white-space: nowrap;
36010
+ }
36011
+
36012
+ .mseva-citizen-dashboard .searchBarStyles {
36013
+ width: min(100%, 540px);
36014
+ min-height: 52px;
36015
+ margin: 0;
36016
+ padding: 3px 14px;
36017
+ grid-gap: 10px;
36018
+ gap: 10px;
36019
+ border: 1px solid #94a3b8;
36020
+ border: 1px solid var(--mseva-border-strong);
36021
+ border-radius: 10px;
36022
+ border-radius: var(--mseva-radius-md);
36023
+ -webkit-box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
36024
+ box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
36025
+ }
36026
+
36027
+ .mseva-citizen-dashboard .searchBarStyles:focus-within, .mseva-citizen-dashboard .searchBarStyles[focus-within] {
36028
+ border-color: #0b63be;
36029
+ border-color: var(--mseva-focus);
36030
+ -webkit-box-shadow: 0 0 0 3px rgba(11, 99, 206, 0.18);
36031
+ box-shadow: 0 0 0 3px rgba(11, 99, 206, 0.18);
36032
+ }
36033
+
36034
+ .mseva-citizen-dashboard .searchIconStyles {
36035
+ display: -webkit-box;
36036
+ display: -ms-flexbox;
36037
+ display: flex;
36038
+ -webkit-box-flex: 0;
36039
+ -ms-flex: 0 0 auto;
36040
+ flex: 0 0 auto;
36041
+ color: #074b98;
36042
+ color: var(--mseva-blue-900);
36043
+ }
36044
+
36045
+ .mseva-citizen-dashboard .searchInputStyles {
36046
+ min-height: 44px;
36047
+ margin: 0;
36048
+ padding: 8px 0;
36049
+ border: 0;
36050
+ border-radius: 0;
36051
+ -webkit-box-shadow: none;
36052
+ box-shadow: none;
36053
+ }
36054
+
36055
+ .mseva-citizen-dashboard .searchInputStyles.focus-visible, .mseva-citizen-dashboard .searchInputStyles:focus-visible {
36056
+ outline: 0;
36057
+ }
36058
+
36059
+ .mseva-dashboard__empty-search, .mseva-dashboard__search-results {
36060
+ position: absolute;
36061
+ z-index: 2;
36062
+ top: calc(100% - 18px);
36063
+ left: 48px;
36064
+ width: min(620px, 100% - 96px);
36065
+ max-height: 460px;
36066
+ padding: 18px;
36067
+ overflow: auto;
36068
+ color: #074b98;
36069
+ color: var(--mseva-text);
36070
+ background: #fff;
36071
+ background: var(--mseva-surface);
36072
+ border: 1px solid #cbd5e1;
36073
+ border: 1px solid var(--mseva-border);
36074
+ border-radius: 10px;
36075
+ border-radius: var(--mseva-radius-md);
36076
+ -webkit-box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
36077
+ box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
36078
+ }
36079
+
36080
+ .mseva-dashboard__search-results h2 {
36081
+ margin: 0 0 12px;
36082
+ font-size: 1rem;
36083
+ }
36084
+
36085
+ .mseva-dashboard__empty-search {
36086
+ padding: 14px 18px;
36087
+ }
36088
+
36089
+ .mseva-dashboard__empty-search p {
36090
+ margin: 0;
36091
+ color: #245f9c;
36092
+ color: var(--mseva-text-secondary);
36093
+ }
36094
+
36095
+ .mseva-dashboard__quick-actions, .mseva-dashboard__services {
36096
+ margin-top: 28px;
36097
+ }
36098
+
36099
+ .mseva-dashboard__section-heading {
36100
+ display: -webkit-box;
36101
+ display: -ms-flexbox;
36102
+ display: flex;
36103
+ -webkit-box-align: center;
36104
+ -ms-flex-align: center;
36105
+ align-items: center;
36106
+ -webkit-box-pack: justify;
36107
+ -ms-flex-pack: justify;
36108
+ justify-content: space-between;
36109
+ margin-bottom: 12px;
36110
+ }
36111
+
36112
+ .mseva-citizen-dashboard .new-card-header-title, .mseva-dashboard__section-heading h2 {
36113
+ margin: 0;
36114
+ color: #074b98;
36115
+ color: var(--mseva-blue-900);
36116
+ font-size: clamp(1.125rem, 2vw, 1.375rem);
36117
+ font-weight: 700;
36118
+ }
36119
+
36120
+ .mseva-citizen-dashboard .ServicesSection {
36121
+ display: block;
36122
+ padding: 0;
36123
+ }
36124
+
36125
+ .mseva-citizen-dashboard .new-card-header-section {
36126
+ display: -webkit-box;
36127
+ display: -ms-flexbox;
36128
+ display: flex;
36129
+ margin-bottom: 16px;
36130
+ padding: 0;
36131
+ border: 0;
36132
+ }
36133
+
36134
+ .mseva-citizen-dashboard .new-card-cards-grid {
36135
+ display: grid;
36136
+ width: 100%;
36137
+ margin: 0;
36138
+ grid-gap: 14px;
36139
+ gap: 14px;
36140
+ }
36141
+
36142
+ .mseva-citizen-dashboard .new-card-root--quick-actions .new-card-cards-grid {
36143
+ grid-template-columns: repeat(4, minmax(0, 1fr));
36144
+ }
36145
+
36146
+ .mseva-citizen-dashboard .new-card-root--services .new-card-cards-grid {
36147
+ grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
36148
+ }
36149
+
36150
+ .mseva-citizen-dashboard .new-card-root--services {
36151
+ padding: 0;
36152
+ background: transparent;
36153
+ -webkit-box-shadow: none;
36154
+ box-shadow: none;
36155
+ }
36156
+
36157
+ .mseva-citizen-dashboard .new-card-root--search-results .new-card-cards-grid {
36158
+ grid-template-columns: repeat(2, minmax(0, 1fr));
36159
+ }
36160
+
36161
+ .mseva-citizen-dashboard .new-card-option {
36162
+ display: -webkit-box;
36163
+ display: -ms-flexbox;
36164
+ display: flex;
36165
+ width: 100%;
36166
+ min-width: 0;
36167
+ min-height: 136px;
36168
+ margin: 0;
36169
+ padding: 18px 14px;
36170
+ -webkit-box-align: center;
36171
+ -ms-flex-align: center;
36172
+ align-items: center;
36173
+ -webkit-box-pack: start;
36174
+ -ms-flex-pack: start;
36175
+ justify-content: flex-start;
36176
+ grid-gap: 10px;
36177
+ gap: 10px;
36178
+ color: #074b98;
36179
+ color: var(--mseva-text);
36180
+ text-align: center;
36181
+ cursor: pointer;
36182
+ -webkit-box-flex: 0;
36183
+ -ms-flex: none;
36184
+ flex: none;
36185
+ -webkit-box-orient: vertical;
36186
+ -webkit-box-direction: normal;
36187
+ -ms-flex-direction: column;
36188
+ flex-direction: column;
36189
+ border: 1px solid #dfe6ef;
36190
+ border-radius: 10px;
36191
+ border-radius: var(--mseva-radius-md);
36192
+ background: #fff;
36193
+ background: var(--mseva-surface);
36194
+ -webkit-box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
36195
+ box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
36196
+ -webkit-transform: none;
36197
+ transform: none;
36198
+ }
36199
+
36200
+ .mseva-citizen-dashboard .new-card-option:hover {
36201
+ border-color: #1675d1;
36202
+ border-color: var(--mseva-blue-600);
36203
+ background: #f8fbff;
36204
+ -webkit-box-shadow: 0 8px 20px rgba(15, 55, 110, 0.12);
36205
+ box-shadow: 0 8px 20px rgba(15, 55, 110, 0.12);
36206
+ -webkit-transform: translateY(-2px);
36207
+ transform: translateY(-2px);
36208
+ }
36209
+
36210
+ .mseva-citizen-dashboard .new-card-root--services .new-card-option {
36211
+ width: 100% !important;
36212
+ max-width: none !important;
36213
+ min-width: 0 !important;
36214
+ min-height: 150px;
36215
+ -ms-flex-item-align: stretch;
36216
+ align-self: stretch;
36217
+ -webkit-box-pack: center;
36218
+ -ms-flex-pack: center;
36219
+ justify-content: center;
36220
+ overflow: hidden;
36221
+ border-color: #cfe2d5;
36222
+ background: linear-gradient(145deg, #f1f8ff, #edf8ef);
36223
+ -webkit-box-shadow: 0 5px 14px rgba(7, 75, 152, 0.08);
36224
+ box-shadow: 0 5px 14px rgba(7, 75, 152, 0.08);
36225
+ }
36226
+
36227
+ .mseva-citizen-dashboard .new-card-root--services .new-card-option:nth-child(2n) {
36228
+ border-color: #d6e2f0;
36229
+ background: linear-gradient(145deg, #f3f8ff, #eaf4ff);
36230
+ }
36231
+
36232
+ .mseva-citizen-dashboard .new-card-root--services .new-card-option:hover {
36233
+ border-color: #287f1d;
36234
+ border-color: var(--mseva-green-700);
36235
+ background: linear-gradient(145deg, #e5f3ff, #e3f5df);
36236
+ -webkit-box-shadow: 0 10px 22px rgba(7, 75, 152, 0.14);
36237
+ box-shadow: 0 10px 22px rgba(7, 75, 152, 0.14);
36238
+ }
36239
+
36240
+ .mseva-citizen-dashboard .new-card-root--services .new-card-icon {
36241
+ -webkit-box-flex: 0;
36242
+ -ms-flex: 0 0 48px;
36243
+ flex: 0 0 48px;
36244
+ width: 48px !important;
36245
+ height: 48px !important;
36246
+ min-height: 48px !important;
36247
+ }
36248
+
36249
+ .mseva-citizen-dashboard .new-card-root--services .new-card-icon svg {
36250
+ width: 26px !important;
36251
+ height: 26px !important;
36252
+ }
36253
+
36254
+ .mseva-citizen-dashboard .mseva-icon {
36255
+ --mseva-size:52px;
36256
+ }
36257
+
36258
+ .mseva-citizen-dashboard .new-card-icon {
36259
+ display: -webkit-inline-box;
36260
+ display: -ms-inline-flexbox;
36261
+ display: inline-flex;
36262
+ width: 48px;
36263
+ height: 48px;
36264
+ min-height: 48px;
36265
+ margin: 0;
36266
+ -webkit-box-align: center;
36267
+ -ms-flex-align: center;
36268
+ align-items: center;
36269
+ -webkit-box-pack: center;
36270
+ -ms-flex-pack: center;
36271
+ justify-content: center;
36272
+ border-radius: 50%;
36273
+ }
36274
+
36275
+ .mseva-citizen-dashboard .new-card-icon svg {
36276
+ width: 26px;
36277
+ height: 26px;
36278
+ fill: #fff;
36279
+ }
36280
+
36281
+ .mseva-citizen-dashboard .new-card-icon--0 {
36282
+ background: #1464d2;
36283
+ }
36284
+
36285
+ .mseva-citizen-dashboard .new-card-icon--1 {
36286
+ background: #18864c;
36287
+ }
36288
+
36289
+ .mseva-citizen-dashboard .new-card-icon--2 {
36290
+ background: #7e3bb5;
36291
+ }
36292
+
36293
+ .mseva-citizen-dashboard .new-card-icon--3 {
36294
+ background: #1477be;
36295
+ }
36296
+
36297
+ .mseva-citizen-dashboard .new-card-icon--4 {
36298
+ background: #b13c72;
36299
+ }
36300
+
36301
+ .mseva-citizen-dashboard .new-card-icon--5 {
36302
+ background: #0d7a67;
36303
+ }
36304
+
36305
+ .mseva-citizen-dashboard .new-card-icon--6 {
36306
+ background: #a85a00;
36307
+ }
36308
+
36309
+ .mseva-citizen-dashboard .new-card-icon--7 {
36310
+ background: #126aa7;
36311
+ }
36312
+
36313
+ .mseva-citizen-dashboard .new-card-icon--8 {
36314
+ background: #7339b7;
36315
+ }
36316
+
36317
+ .mseva-citizen-dashboard .new-card-icon--9 {
36318
+ background: #bc3b36;
36319
+ }
36320
+
36321
+ .mseva-citizen-dashboard .new-card-icon--10 {
36322
+ background: #b85a13;
36323
+ }
36324
+
36325
+ .mseva-citizen-dashboard .new-card-icon--11 {
36326
+ background: #8a6500;
36327
+ }
36328
+
36329
+ .mseva-citizen-dashboard .new-card-icon--12 {
36330
+ background: #247a35;
36331
+ }
36332
+
36333
+ .mseva-citizen-dashboard .new-card-icon--13 {
36334
+ background: #1c58bf;
36335
+ }
36336
+
36337
+ .mseva-citizen-dashboard .new-card-icon--14 {
36338
+ background: #8242aa;
36339
+ }
36340
+
36341
+ .mseva-citizen-dashboard .new-card-service-name {
36342
+ display: block;
36343
+ margin: 0;
36344
+ color: #074b98;
36345
+ color: var(--mseva-text);
36346
+ font-size: 0.9375rem;
36347
+ font-weight: 700;
36348
+ line-height: 1.3;
36349
+ }
36350
+
36351
+ .mseva-citizen-dashboard .new-card-access {
36352
+ display: none;
36353
+ }
36354
+
36355
+ .mseva-citizen-dashboard .new-card-root--quick-actions .new-card-option {
36356
+ min-height: 126px;
36357
+ -webkit-box-orient: horizontal;
36358
+ -webkit-box-direction: normal;
36359
+ -ms-flex-direction: row;
36360
+ flex-direction: row;
36361
+ padding: 16px;
36362
+ text-align: left;
36363
+ }
36364
+
36365
+ .mseva-citizen-dashboard .new-card-root--quick-actions .new-card-service-name {
36366
+ font-size: 0.875rem;
36367
+ }
36368
+
36369
+ .mseva-dashboard__show-more {
36370
+ display: -webkit-box;
36371
+ display: -ms-flexbox;
36372
+ display: flex;
36373
+ -webkit-box-pack: center;
36374
+ -ms-flex-pack: center;
36375
+ justify-content: center;
36376
+ margin-top: 22px;
36377
+ }
36378
+
36379
+ .mseva-dashboard__show-more-button {
36380
+ min-width: 164px;
36381
+ padding: 10px 22px;
36382
+ color: #fff;
36383
+ font-weight: 700;
36384
+ cursor: pointer;
36385
+ border: 1px solid #287f1d;
36386
+ border: 1px solid var(--mseva-green-700);
36387
+ border-radius: 10px;
36388
+ border-radius: var(--mseva-radius-md);
36389
+ background: #287f1d;
36390
+ background: var(--mseva-green-700);
36391
+ -webkit-box-shadow: 0 4px 10px rgba(23, 107, 29, 0.18);
36392
+ box-shadow: 0 4px 10px rgba(23, 107, 29, 0.18);
36393
+ }
36394
+
36395
+ .mseva-dashboard__show-more-button:hover {
36396
+ background: #216f17;
36397
+ background: var(--mseva-green-800);
36398
+ }
36399
+
36400
+ @media (max-width: 900px) {
36401
+ .mseva-citizen-dashboard .new-card-root--quick-actions .new-card-cards-grid {
36402
+ grid-template-columns: repeat(2, minmax(0, 1fr));
36403
+ }
36404
+ }
36405
+ @media (max-width: 640px) {
36406
+ .navbar .mseva-brand-mark {
36407
+ width: 114px;
36408
+ height: 46px;
36409
+ -ms-flex-preferred-size: 114px;
36410
+ flex-basis: 114px;
36411
+ }
36412
+
36413
+ .navbar .mseva-brand-mark img {
36414
+ width: 151px;
36415
+ -webkit-transform: translate(-20px, -25px);
36416
+ transform: translate(-20px, -25px);
36417
+ }
36418
+
36419
+ .mseva-citizen-dashboard {
36420
+ margin-top: 12px;
36421
+ padding: 18px 14px 92px;
36422
+ }
36423
+
36424
+ .mseva-citizen-dashboard .hero-banner-styles {
36425
+ min-height: 246px;
36426
+ padding: 26px 20px;
36427
+ -webkit-box-align: start;
36428
+ -ms-flex-align: start;
36429
+ align-items: flex-start;
36430
+ background: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.94), hsla(0deg, 0%, 100%, 0.82) 48%, hsla(0deg, 0%, 100%, 0.28)), linear-gradient(135deg, #dceeff, #ffe8c7);
36431
+ }
36432
+
36433
+ .mseva-citizen-dashboard .hero-banner-styles:after {
36434
+ right: -44px;
36435
+ bottom: -140px;
36436
+ width: 112%;
36437
+ height: 100%;
36438
+ opacity: 0.52;
36439
+ }
36440
+
36441
+ .mseva-citizen-dashboard .heroSubtitleStyles {
36442
+ max-width: 260px;
36443
+ font-size: 0.9375rem;
36444
+ }
36445
+
36446
+ .mseva-dashboard__empty-search, .mseva-dashboard__search-results {
36447
+ top: calc(100% - 8px);
36448
+ left: 14px;
36449
+ width: calc(100% - 28px);
36450
+ }
36451
+
36452
+ .mseva-dashboard__quick-actions, .mseva-dashboard__services {
36453
+ margin-top: 22px;
36454
+ }
36455
+
36456
+ .mseva-citizen-dashboard .new-card-root--quick-actions .new-card-cards-grid, .mseva-citizen-dashboard .new-card-root--search-results .new-card-cards-grid {
36457
+ grid-template-columns: repeat(2, minmax(0, 1fr));
36458
+ }
36459
+
36460
+ .mseva-citizen-dashboard .new-card-root--services .new-card-cards-grid {
36461
+ grid-template-columns: repeat(4, minmax(0, 1fr));
36462
+ grid-gap: 8px;
36463
+ gap: 8px;
36464
+ }
36465
+
36466
+ .mseva-citizen-dashboard .new-card-option {
36467
+ min-height: 116px;
36468
+ padding: 12px 8px;
36469
+ }
36470
+
36471
+ .mseva-citizen-dashboard .new-card-root--services .new-card-option {
36472
+ min-height: 128px;
36473
+ padding: 12px 6px;
36474
+ }
36475
+
36476
+ .mseva-citizen-dashboard .new-card-root--services .new-card-icon {
36477
+ -ms-flex-preferred-size: 42px;
36478
+ flex-basis: 42px;
36479
+ width: 42px !important;
36480
+ height: 42px !important;
36481
+ min-height: 42px !important;
36482
+ }
36483
+
36484
+ .mseva-citizen-dashboard .mseva-icon {
36485
+ --mseva-size:44px;
36486
+ }
36487
+
36488
+ .mseva-citizen-dashboard .new-card-root--quick-actions .new-card-option {
36489
+ min-height: 118px;
36490
+ padding: 12px;
36491
+ -webkit-box-orient: vertical;
36492
+ -webkit-box-direction: normal;
36493
+ -ms-flex-direction: column;
36494
+ flex-direction: column;
36495
+ text-align: center;
36496
+ }
36497
+
36498
+ .mseva-citizen-dashboard .new-card-icon {
36499
+ width: 42px;
36500
+ height: 42px;
36501
+ min-height: 42px;
36502
+ }
36503
+
36504
+ .mseva-citizen-dashboard .new-card-icon svg {
36505
+ width: 22px;
36506
+ height: 22px;
36507
+ }
36508
+
36509
+ .mseva-citizen-dashboard .new-card-root--quick-actions .new-card-service-name, .mseva-citizen-dashboard .new-card-service-name {
36510
+ word-wrap: anywhere;
36511
+ font-size: 0.75rem;
36512
+ line-height: 1.25;
36513
+ }
36514
+ }
36515
+ @media (max-width: 360px) {
36516
+ .mseva-citizen-dashboard .new-card-root--services .new-card-cards-grid {
36517
+ grid-template-columns: repeat(2, minmax(0, 1fr));
36518
+ }
36519
+ }
36520
+ .moduleLinkHomePage {
36521
+ min-height: auto !important;
36522
+ margin-top: 96px !important;
36523
+ padding-bottom: 56px !important;
36524
+ background: #f5f9ff !important;
36525
+ }
36526
+
36527
+ .moduleLinkHomePage .moduleLinkHomePageContent {
36528
+ max-width: 1200px;
36529
+ }
36530
+
36531
+ .moduleLinkHomePage .moduleLinkHomePageBreadcrumb {
36532
+ margin: 0 0 14px !important;
36533
+ color: #074b98 !important;
36534
+ color: var(--mseva-blue-900) !important;
36535
+ font-weight: 600 !important;
36536
+ }
36537
+
36538
+ .moduleLinkHomePage .moduleLinkHomePageBanner {
36539
+ position: relative;
36540
+ overflow: hidden;
36541
+ padding: 42px 44px !important;
36542
+ border: 1px solid hsla(0deg, 0%, 100%, 0.25);
36543
+ border-radius: 20px !important;
36544
+ background: linear-gradient(118deg, #063f84, #0b63ce 62%, #248c45) !important;
36545
+ -webkit-box-shadow: 0 16px 34px rgba(7, 75, 152, 0.18);
36546
+ box-shadow: 0 16px 34px rgba(7, 75, 152, 0.18);
36547
+ text-align: left !important;
36548
+ }
36549
+
36550
+ .moduleLinkHomePage .moduleLinkHomePageBanner:after {
36551
+ position: absolute;
36552
+ right: -60px;
36553
+ bottom: -105px;
36554
+ width: 290px;
36555
+ height: 290px;
36556
+ content: "";
36557
+ border: 34px solid hsla(0deg, 0%, 100%, 0.12);
36558
+ border-radius: 50%;
36559
+ }
36560
+
36561
+ .moduleLinkHomePage .moduleLinkHomePageTitle {
36562
+ position: relative;
36563
+ z-index: 1;
36564
+ padding-left: 0 !important;
36565
+ margin: 0 !important;
36566
+ color: #fff !important;
36567
+ font-size: clamp(2rem, 3vw, 2.75rem) !important;
36568
+ letter-spacing: -0.02em;
36569
+ text-align: left !important;
36570
+ }
36571
+
36572
+ .moduleLinkHomePage .moduleLinkHomePageServicesTitle {
36573
+ margin: 30px 0 16px !important;
36574
+ color: #074b98 !important;
36575
+ color: var(--mseva-blue-900) !important;
36576
+ font-size: 1.25rem !important;
36577
+ font-weight: 800 !important;
36578
+ }
36579
+
36580
+ .module-home-cards .chc-card-container, .module-home-cards .chcwe-card-container {
36581
+ grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
36582
+ grid-gap: 18px !important;
36583
+ gap: 18px !important;
36584
+ margin: 0 !important;
36585
+ }
36586
+
36587
+ .module-home-cards .chc-card, .module-home-cards .chcwe-card {
36588
+ min-height: 128px;
36589
+ padding: 24px !important;
36590
+ border: 1px solid #d8e5f4 !important;
36591
+ border-radius: 16px !important;
36592
+ background: #fff !important;
36593
+ background-image: none !important;
36594
+ -webkit-box-shadow: 0 6px 18px rgba(7, 75, 152, 0.08) !important;
36595
+ box-shadow: 0 6px 18px rgba(7, 75, 152, 0.08) !important;
36596
+ -webkit-transform: translateY(0) scale(1) !important;
36597
+ transform: translateY(0) scale(1) !important;
36598
+ }
36599
+
36600
+ .module-home-cards .chc-card:focus, .module-home-cards .chc-card:hover, .module-home-cards .chcwe-card:focus, .module-home-cards .chcwe-card:hover {
36601
+ border-color: #73b485 !important;
36602
+ background: linear-gradient(135deg, #fff, #f0f9f1) !important;
36603
+ -webkit-box-shadow: 0 12px 24px rgba(7, 75, 152, 0.14) !important;
36604
+ box-shadow: 0 12px 24px rgba(7, 75, 152, 0.14) !important;
36605
+ -webkit-transform: translateY(-3px) scale(1) !important;
36606
+ transform: translateY(-3px) scale(1) !important;
36607
+ }
36608
+
36609
+ .module-home-cards .chc-card > div:first-child, .module-home-cards .chcwe-icon {
36610
+ width: 56px !important;
36611
+ height: 56px !important;
36612
+ border-radius: 14px !important;
36613
+ background: #e9f3ff !important;
36614
+ color: #0b63be !important;
36615
+ color: var(--mseva-blue-700) !important;
36616
+ -webkit-box-shadow: none !important;
36617
+ box-shadow: none !important;
36618
+ }
36619
+
36620
+ .module-home-cards .chc-card--1 > div:first-child, .module-home-cards .chcwe-card:nth-child(2n) .chcwe-icon {
36621
+ background: #eaf7ed !important;
36622
+ color: #287f1d !important;
36623
+ color: var(--mseva-green-700) !important;
36624
+ }
36625
+
36626
+ .module-home-cards .chc-card > div:nth-child(2) > div:first-child, .module-home-cards .chcwe-title {
36627
+ color: #074b98 !important;
36628
+ color: var(--mseva-text) !important;
36629
+ font-size: 1rem !important;
36630
+ font-weight: 800 !important;
36631
+ }
36632
+
36633
+ .module-home-cards .chc-card > div:last-child, .module-home-cards .chcwe-arrow-container {
36634
+ width: 34px !important;
36635
+ height: 34px !important;
36636
+ border: 1px solid #d8e5f4;
36637
+ border-radius: 50% !important;
36638
+ background: #fff !important;
36639
+ }
36640
+
36641
+ .pet-citizen .app-container {
36642
+ margin-top: 96px !important;
36643
+ padding: 20px 40px 48px !important;
36644
+ }
36645
+
36646
+ .login-page-cover--select-language {
36647
+ min-height: calc(100vh - 96px);
36648
+ margin-top: 96px;
36649
+ padding: 24px 28px 36px;
36650
+ background: radial-gradient(circle at 8%, at 8%, rgba(22, 128, 58, 0.16), transparent 30%), linear-gradient(135deg, #eef5fc, #f7fbf8);
36651
+ background: radial-gradient(circle at 8% 8%, rgba(22, 128, 58, 0.16), transparent 30%), linear-gradient(135deg, #eef5fc, #f7fbf8);
36652
+ }
36653
+
36654
+ .login-page-cover--select-language .login-container {
36655
+ width: min(100%, 1260px);
36656
+ min-height: min(680px, 100vh - 156px);
36657
+ border: 1px solid #d8e5f2;
36658
+ border-radius: 18px;
36659
+ background: #fff;
36660
+ -webkit-box-shadow: 0 20px 48px rgba(7, 75, 152, 0.14);
36661
+ box-shadow: 0 20px 48px rgba(7, 75, 152, 0.14);
36662
+ }
36663
+
36664
+ .login-page-cover--select-language .login-hero-panel {
36665
+ position: relative;
36666
+ overflow: hidden;
36667
+ background: radial-gradient(circle at 10%, at 12%, rgba(67, 184, 81, 0.38), transparent 28%), linear-gradient(140deg, #063b74, #0755a8 58%, #16803a 138%);
36668
+ background: radial-gradient(circle at 10% 12%, rgba(67, 184, 81, 0.38), transparent 28%), linear-gradient(140deg, #063b74, #0755a8 58%, #16803a 138%);
36669
+ }
36670
+
36671
+ .login-page-cover--select-language .login-hero-panel:after {
36672
+ position: absolute;
36673
+ right: -110px;
36674
+ bottom: -120px;
36675
+ width: 330px;
36676
+ height: 330px;
36677
+ border: 1px solid hsla(0deg, 0%, 100%, 0.25);
36678
+ border-radius: 50%;
36679
+ content: "";
36680
+ }
36681
+
36682
+ .login-page-cover--select-language .hero-content {
36683
+ position: relative;
36684
+ z-index: 1;
36685
+ }
36686
+
36687
+ .login-page-cover--select-language .feature-text, .login-page-cover--select-language .hero-description, .login-page-cover--select-language .hero-title {
36688
+ color: #fff !important;
36689
+ }
36690
+
36691
+ .login-page-cover--select-language .feature-icon, .login-page-cover--select-language .hero-icon-circle {
36692
+ border-color: hsla(0deg, 0%, 100%, 0.34);
36693
+ background: hsla(0deg, 0%, 100%, 0.14);
36694
+ }
36695
+
36696
+ .login-page-cover--select-language .login-form-panel {
36697
+ background: -webkit-gradient(linear, left top, left bottom, from(#fbfdff), to(#f4f9fd));
36698
+ background: linear-gradient(180deg, #fbfdff, #f4f9fd);
36699
+ }
36700
+
36701
+ .login-page-cover--select-language .login-wrapper {
36702
+ max-width: 470px;
36703
+ padding: 36px;
36704
+ border: 1px solid #dbe7f4;
36705
+ border-radius: 16px;
36706
+ -webkit-box-shadow: 0 12px 28px rgba(7, 75, 152, 0.1);
36707
+ box-shadow: 0 12px 28px rgba(7, 75, 152, 0.1);
36708
+ }
36709
+
36710
+ .login-page-cover--select-language .login-title {
36711
+ color: #074b98;
36712
+ }
36713
+
36714
+ .login-page-cover--select-language .account-link, .login-page-cover--select-language .label, .login-page-cover--select-language .login-subtitle {
36715
+ color: #315a83;
36716
+ }
36717
+
36718
+ .login-page-cover--select-language .link, .login-page-cover--select-language .resend, .login-page-cover--select-language .resendIn span {
36719
+ color: #16803a;
36720
+ }
36721
+
36722
+ .login-page-cover--select-language .submit-bar {
36723
+ border-radius: 9px;
36724
+ background: linear-gradient(135deg, #087339, #169a48);
36725
+ -webkit-box-shadow: 0 8px 18px rgba(16, 128, 57, 0.22);
36726
+ box-shadow: 0 8px 18px rgba(16, 128, 57, 0.22);
36727
+ }
36728
+
36729
+ @media (max-width: 640px) {
36730
+ .app-container {
36731
+ margin-top: 76px !important;
36732
+ padding: 16px 14px 32px !important;
36733
+ }
36734
+
36735
+ .bread-crumb {
36736
+ margin-bottom: 16px;
36737
+ font-size: 0.8125rem;
36738
+ }
36739
+
36740
+ .app-container > header {
36741
+ margin-bottom: 16px;
36742
+ font-size: 1.65rem !important;
36743
+ }
36744
+
36745
+ .applications-list-container > .card {
36746
+ padding: 22px 16px;
36747
+ }
36748
+
36749
+ .action-button-myapplication .submit-bar, .applications-list-container .submit-bar {
36750
+ width: 100%;
36751
+ }
36752
+
36753
+ .action-button-myapplication {
36754
+ display: grid;
36755
+ grid-template-columns: 1fr;
36756
+ }
36757
+
36758
+ .ads-my-bookings, .citizen-my-applications {
36759
+ padding: 0 0 32px;
36760
+ }
36761
+
36762
+ .citizen-my-applications header {
36763
+ margin-bottom: 16px;
36764
+ font-size: 1.65rem !important;
36765
+ }
36766
+
36767
+ .citizen-my-applications > .card, .citizen-my-applications > div .card {
36768
+ padding: 18px;
36769
+ }
36770
+
36771
+ .citizen-my-applications--chb .card, .citizen-my-applications--firenoc .card, .citizen-my-applications--garbage-collection .card, .citizen-my-applications--ndc .card, .citizen-my-applications--pt .card, .citizen-my-applications--ptr .card, .citizen-my-applications--rent-and-lease .card, .citizen-my-applications--tl .card {
36772
+ grid-template-columns: 1fr;
36773
+ grid-gap: 12px;
36774
+ gap: 12px;
36775
+ }
36776
+
36777
+ .citizen-my-applications .card > .key-note-pair {
36778
+ width: auto;
36779
+ }
36780
+
36781
+ .citizen-my-applications .action-button-myapplication, .citizen-my-applications .firenoc-my-applications__actions, .citizen-my-applications .gc-style-0b9a47eb61, .citizen-my-applications .ral-my-properties-actions {
36782
+ display: grid;
36783
+ grid-template-columns: 1fr;
36784
+ }
36785
+
36786
+ .citizen-my-applications .action-button-myapplication .submit-bar, .citizen-my-applications .gc-style-0b9a47eb61 .submit-bar, .citizen-my-applications .ral-my-properties-actions .submit-bar {
36787
+ width: 100%;
36788
+ }
36789
+
36790
+ .citizen-my-applications .ndc-application-overview-custom {
36791
+ -webkit-box-align: stretch;
36792
+ -ms-flex-align: stretch;
36793
+ align-items: stretch;
36794
+ -webkit-box-orient: vertical;
36795
+ -webkit-box-direction: normal;
36796
+ -ms-flex-direction: column;
36797
+ flex-direction: column;
36798
+ text-align: center;
36799
+ }
36800
+
36801
+ .moduleLinkHomePage {
36802
+ margin-top: 76px !important;
36803
+ padding-bottom: 34px !important;
36804
+ }
36805
+
36806
+ .moduleLinkHomePage .moduleLinkHomePageContent {
36807
+ padding: 0 16px !important;
36808
+ }
36809
+
36810
+ .moduleLinkHomePage .moduleLinkHomePageBanner {
36811
+ padding: 30px 24px !important;
36812
+ border-radius: 16px !important;
36813
+ }
36814
+
36815
+ .moduleLinkHomePage .moduleLinkHomePageTitle {
36816
+ font-size: 2rem !important;
36817
+ }
36818
+
36819
+ .module-home-cards .chc-card-container, .module-home-cards .chcwe-card-container {
36820
+ grid-template-columns: 1fr !important;
36821
+ grid-gap: 12px !important;
36822
+ gap: 12px !important;
36823
+ }
36824
+
36825
+ .module-home-cards .chc-card, .module-home-cards .chcwe-card {
36826
+ min-height: 112px;
36827
+ padding: 18px !important;
36828
+ }
36829
+
36830
+ .pet-citizen .app-container {
36831
+ margin-top: 76px !important;
36832
+ padding: 16px 14px 32px !important;
36833
+ }
36834
+
36835
+ .login-page-cover--select-language {
36836
+ min-height: calc(100vh - 76px);
36837
+ margin-top: 76px;
36838
+ padding: 16px 14px 28px;
36839
+ }
36840
+
36841
+ .login-page-cover--select-language .login-container {
36842
+ min-height: calc(100vh - 120px);
36843
+ border-radius: 16px;
36844
+ }
36845
+
36846
+ .login-page-cover--select-language .login-wrapper {
36847
+ padding: 28px 22px;
36848
+ }
36849
+ }
36850
+ .employee .loginContainer {
36851
+ background: radial-gradient(circle at 10%, at 15%, rgba(66, 169, 40, 0.14), transparent 29rem), linear-gradient(145deg, #f7fbff, #eef7f0);
36852
+ background: radial-gradient(circle at 10% 15%, rgba(66, 169, 40, 0.14), transparent 29rem), linear-gradient(145deg, #f7fbff, #eef7f0);
36853
+ }
36854
+
36855
+ .employee .employee-login-page {
36856
+ min-height: calc(100vh - 88px);
36857
+ padding: 48px 20px;
36858
+ background: transparent;
36859
+ }
36860
+
36861
+ .employee .employee-login-container {
36862
+ min-height: auto;
36863
+ max-width: 520px;
36864
+ padding: 24px 0;
36865
+ }
36866
+
36867
+ .employee .employee-login-icon-circle {
36868
+ width: 76px;
36869
+ height: 76px;
36870
+ margin-bottom: 18px;
36871
+ background: linear-gradient(135deg, #0755a8, #287f1d);
36872
+ background: linear-gradient(135deg, var(--mseva-blue-800), var(--mseva-green-700));
36873
+ -webkit-box-shadow: 0 10px 24px rgba(7, 75, 152, 0.22);
36874
+ box-shadow: 0 10px 24px rgba(7, 75, 152, 0.22);
36875
+ }
36876
+
36877
+ .employee .employee-login-branding {
36878
+ margin-bottom: 24px;
36879
+ }
36880
+
36881
+ .employee .employee-upyog-title {
36882
+ color: #074b98;
36883
+ color: var(--mseva-blue-900);
36884
+ letter-spacing: 0.02em;
36885
+ }
36886
+
36887
+ .employee .employee-login-footer, .employee .employee-login-footer span, .employee .employee-upyog-subtitle {
36888
+ color: #245f9c;
36889
+ color: var(--mseva-text-secondary);
36890
+ }
36891
+
36892
+ .employee .employee-login-card {
36893
+ max-width: 520px;
36894
+ padding: 32px;
36895
+ border: 1px solid #d9e6f2;
36896
+ border-radius: 16px;
36897
+ border-radius: var(--mseva-radius-lg);
36898
+ background: hsla(0deg, 0%, 100%, 0.96);
36899
+ -webkit-box-shadow: 0 18px 38px rgba(7, 75, 152, 0.12);
36900
+ box-shadow: 0 18px 38px rgba(7, 75, 152, 0.12);
36901
+ }
36902
+
36903
+ .employee .employee-login-form .card-header {
36904
+ border-bottom: 1px solid #e4edf6;
36905
+ margin-bottom: 20px;
36906
+ }
36907
+
36908
+ .employee .employee-login-form .card-header h2, .employee .employee-login-form .card-label {
36909
+ color: #074b98 !important;
36910
+ color: var(--mseva-blue-900) !important;
36911
+ }
36912
+
36913
+ .employee .employee-login-form .employee-city-dropdown, .employee .employee-login-form input, .employee .employee-login-form .checkbox-wrap .input-emp, .checkbox-wrap .employee .employee-login-form .input-emp, .employee .employee-login-form select {
36914
+ min-height: 44px;
36915
+ min-height: var(--mseva-control-min);
36916
+ border: 1px solid #cbd5e1 !important;
36917
+ border: 1px solid var(--mseva-border) !important;
36918
+ border-radius: 6px !important;
36919
+ border-radius: var(--mseva-radius-sm) !important;
36920
+ -webkit-box-shadow: none !important;
36921
+ box-shadow: none !important;
36922
+ }
36923
+
36924
+ .employee .employee-login-form .employee-city-dropdown:focus, .employee .employee-login-form input:focus, .employee .employee-login-form .checkbox-wrap .input-emp:focus, .checkbox-wrap .employee .employee-login-form .input-emp:focus, .employee .employee-login-form select:focus {
36925
+ border-color: #287f1d !important;
36926
+ border-color: var(--mseva-green-700) !important;
36927
+ -webkit-box-shadow: 0 0 0 3px rgba(40, 127, 29, 0.15) !important;
36928
+ box-shadow: 0 0 0 3px rgba(40, 127, 29, 0.15) !important;
36929
+ }
36930
+
36931
+ .employee .employee-login-form .submit-bar, .employee .employee-login-form button[type=submit] {
36932
+ width: 100%;
36933
+ min-height: 46px;
36934
+ margin-top: 22px !important;
36935
+ border: 0 !important;
36936
+ border-radius: 6px !important;
36937
+ border-radius: var(--mseva-radius-sm) !important;
36938
+ background: linear-gradient(135deg, #216f17, #42a928) !important;
36939
+ background: linear-gradient(135deg, var(--mseva-green-800), var(--mseva-green-600)) !important;
36940
+ -webkit-box-shadow: 0 8px 18px rgba(33, 111, 23, 0.22) !important;
36941
+ box-shadow: 0 8px 18px rgba(33, 111, 23, 0.22) !important;
36942
+ }
36943
+
36944
+ .employee .employee-login-form .submit-bar:hover, .employee .employee-login-form button[type=submit]:hover {
36945
+ background: linear-gradient(135deg, #216f17, #287f1d) !important;
36946
+ background: linear-gradient(135deg, var(--mseva-green-800), var(--mseva-green-700)) !important;
36947
+ -webkit-box-shadow: 0 11px 22px rgba(33, 111, 23, 0.28) !important;
36948
+ box-shadow: 0 11px 22px rgba(33, 111, 23, 0.28) !important;
36949
+ }
36950
+
36951
+ .employee .employee-login-footer a, .employee .employee-login-form .secondary-label {
36952
+ color: #216f17 !important;
36953
+ color: var(--mseva-green-800) !important;
36954
+ }
36955
+
36956
+ .employee .topbar .employee-mseva-brand-mark {
36957
+ width: 151px;
36958
+ height: 46px;
36959
+ -webkit-box-flex: 0;
36960
+ -ms-flex: 0 0 151px;
36961
+ flex: 0 0 151px;
36962
+ margin-right: 12px;
36963
+ overflow: hidden;
36964
+ }
36965
+
36966
+ .employee .topbar .employee-mseva-brand-mark img {
36967
+ display: block;
36968
+ width: 151px;
36969
+ max-width: none;
36970
+ height: auto;
36971
+ -webkit-transform: translate(-20px, -25px);
36972
+ transform: translate(-20px, -25px);
36973
+ }
36974
+
36975
+ .employee .sidebar {
36976
+ top: 76px;
36977
+ height: calc(100vh - 76px);
36978
+ margin-top: 0 !important;
36979
+ padding: 12px 0 20px;
36980
+ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7fbff)) !important;
36981
+ background: linear-gradient(180deg, #fff, #f7fbff) !important;
36982
+ border-right: 1px solid #d8e5f2 !important;
36983
+ border-radius: 0;
36984
+ -webkit-box-shadow: 4px 0 16px rgba(7, 75, 152, 0.08);
36985
+ box-shadow: 4px 0 16px rgba(7, 75, 152, 0.08);
36986
+ }
36987
+
36988
+ .employee .employee-mobile-sidebar .submenu-container, .employee .sidebar .submenu-container {
36989
+ margin: 0 !important;
36990
+ padding: 0 !important;
36991
+ }
36992
+
36993
+ .employee .employee-mobile-sidebar .sidebar-link, .employee .sidebar .sidebar-link {
36994
+ display: -webkit-box !important;
36995
+ display: -ms-flexbox !important;
36996
+ display: flex !important;
36997
+ min-height: 48px;
36998
+ -webkit-box-align: center !important;
36999
+ -ms-flex-align: center !important;
37000
+ align-items: center !important;
37001
+ -webkit-box-pack: justify !important;
37002
+ -ms-flex-pack: justify !important;
37003
+ justify-content: space-between !important;
37004
+ margin: 3px 8px;
37005
+ padding: 10px 12px !important;
37006
+ border: 1px solid transparent;
37007
+ border-radius: 8px;
37008
+ background: transparent !important;
37009
+ cursor: pointer !important;
37010
+ -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
37011
+ transition: background-color 0.2s ease, border-color 0.2s ease;
37012
+ }
37013
+
37014
+ .employee .employee-mobile-sidebar .sidebar-link:hover, .employee .sidebar .sidebar-link:hover {
37015
+ border-color: #d7e8dc;
37016
+ background: #eef8eb !important;
37017
+ background: var(--mseva-green-100) !important;
37018
+ }
37019
+
37020
+ .employee .employee-mobile-sidebar .sidebar-link.active, .employee .sidebar .sidebar-link.active {
37021
+ border-color: #b9dbb4;
37022
+ background: #eef8eb !important;
37023
+ background: var(--mseva-green-100) !important;
37024
+ }
37025
+
37026
+ .employee .employee-mobile-sidebar .actions, .employee .sidebar .actions {
37027
+ display: -webkit-box !important;
37028
+ display: -ms-flexbox !important;
37029
+ display: flex !important;
37030
+ min-width: 0;
37031
+ -webkit-box-flex: 1;
37032
+ -ms-flex: 1;
37033
+ flex: 1;
37034
+ -webkit-box-align: center !important;
37035
+ -ms-flex-align: center !important;
37036
+ align-items: center !important;
37037
+ grid-gap: 12px !important;
37038
+ gap: 12px !important;
37039
+ padding: 0 !important;
37040
+ }
37041
+
37042
+ .employee .employee-mobile-sidebar .actions svg, .employee .sidebar .actions svg {
37043
+ width: 20px !important;
37044
+ height: 20px !important;
37045
+ -ms-flex-negative: 0;
37046
+ flex-shrink: 0;
37047
+ margin: 0 !important;
37048
+ color: #0b63be !important;
37049
+ color: var(--mseva-blue-700) !important;
37050
+ fill: #0b63be !important;
37051
+ fill: var(--mseva-blue-700) !important;
37052
+ }
37053
+
37054
+ .employee .employee-mobile-sidebar .sidebar-link.active .actions svg, .employee .employee-mobile-sidebar .sidebar-link:hover .actions svg, .employee .sidebar .sidebar-link.active .actions svg, .employee .sidebar .sidebar-link:hover .actions svg {
37055
+ color: #216f17 !important;
37056
+ color: var(--mseva-green-800) !important;
37057
+ fill: #216f17 !important;
37058
+ fill: var(--mseva-green-800) !important;
37059
+ }
37060
+
37061
+ .employee .employee-mobile-sidebar .actions a, .employee .employee-mobile-sidebar .actions span, .employee .employee-mobile-sidebar .custom-link, .employee .sidebar .actions a, .employee .sidebar .actions span, .employee .sidebar .custom-link {
37062
+ overflow: hidden;
37063
+ color: #074b98 !important;
37064
+ color: var(--mseva-text) !important;
37065
+ font-size: 0.875rem !important;
37066
+ font-weight: 600 !important;
37067
+ text-decoration: none !important;
37068
+ text-overflow: ellipsis;
37069
+ white-space: nowrap;
37070
+ }
37071
+
37072
+ .employee .employee-mobile-sidebar .dropdown-link, .employee .sidebar .dropdown-link {
37073
+ display: -webkit-box !important;
37074
+ display: -ms-flexbox !important;
37075
+ display: flex !important;
37076
+ min-height: 40px;
37077
+ -webkit-box-align: center;
37078
+ -ms-flex-align: center;
37079
+ align-items: center;
37080
+ margin: 2px 8px 2px 30px;
37081
+ padding: 8px 12px !important;
37082
+ border-radius: 6px;
37083
+ color: #245f9c !important;
37084
+ color: var(--mseva-text-secondary) !important;
37085
+ font-size: 0.8125rem !important;
37086
+ text-decoration: none !important;
37087
+ }
37088
+
37089
+ .employee .employee-mobile-sidebar .dropdown-link.active, .employee .employee-mobile-sidebar .dropdown-link:hover, .employee .sidebar .dropdown-link.active, .employee .sidebar .dropdown-link:hover {
37090
+ background: #e9f2fc !important;
37091
+ background: var(--mseva-blue-100) !important;
37092
+ color: #074b98 !important;
37093
+ color: var(--mseva-blue-900) !important;
37094
+ }
37095
+
37096
+ .employee .employee-mobile-sidebar .search-icon-wrapper, .employee .sidebar .search-icon-wrapper {
37097
+ display: -webkit-box !important;
37098
+ display: -ms-flexbox !important;
37099
+ display: flex !important;
37100
+ -webkit-box-align: center !important;
37101
+ -ms-flex-align: center !important;
37102
+ align-items: center !important;
37103
+ grid-gap: 8px !important;
37104
+ gap: 8px !important;
37105
+ margin: 0 8px 12px !important;
37106
+ padding: 9px 10px !important;
37107
+ border: 1px solid #cbd5e1;
37108
+ border-radius: 8px;
37109
+ background: #fff !important;
37110
+ }
37111
+
37112
+ .employee .employee-mobile-sidebar .search-icon-wrapper svg, .employee .sidebar .search-icon-wrapper svg {
37113
+ width: 18px !important;
37114
+ height: 18px !important;
37115
+ margin: 0 !important;
37116
+ color: #3d709f !important;
37117
+ color: var(--mseva-text-muted) !important;
37118
+ fill: #3d709f !important;
37119
+ fill: var(--mseva-text-muted) !important;
37120
+ }
37121
+
37122
+ .employee .employee-mobile-sidebar .employee-search-input, .employee .sidebar .employee-search-input {
37123
+ width: 100% !important;
37124
+ min-width: 0;
37125
+ border: 0 !important;
37126
+ outline: 0 !important;
37127
+ background: transparent !important;
37128
+ -webkit-box-shadow: none !important;
37129
+ box-shadow: none !important;
37130
+ color: #074b98 !important;
37131
+ color: var(--mseva-text) !important;
37132
+ font-size: 0.8125rem !important;
37133
+ }
37134
+
37135
+ .employee .employee-mobile-sidebar .employee-search-input::-webkit-input-placeholder, .employee .sidebar .employee-search-input::-webkit-input-placeholder {
37136
+ color: #3d709f !important;
37137
+ color: var(--mseva-text-muted) !important;
37138
+ }
37139
+
37140
+ .employee .employee-mobile-sidebar .employee-search-input::-moz-placeholder, .employee .sidebar .employee-search-input::-moz-placeholder {
37141
+ color: #3d709f !important;
37142
+ color: var(--mseva-text-muted) !important;
37143
+ }
37144
+
37145
+ .employee .employee-mobile-sidebar .employee-search-input:-ms-input-placeholder, .employee .sidebar .employee-search-input:-ms-input-placeholder {
37146
+ color: #3d709f !important;
37147
+ color: var(--mseva-text-muted) !important;
37148
+ }
37149
+
37150
+ .employee .employee-mobile-sidebar .employee-search-input::-ms-input-placeholder, .employee .sidebar .employee-search-input::-ms-input-placeholder {
37151
+ color: #3d709f !important;
37152
+ color: var(--mseva-text-muted) !important;
37153
+ }
37154
+
37155
+ .employee .sidebar .employee-search-input::-webkit-input-placeholder, .employee .employee-mobile-sidebar .employee-search-input::-webkit-input-placeholder {
37156
+ color: #3d709f !important;
37157
+ color: var(--mseva-text-muted) !important;
37158
+ }
37159
+
37160
+ .employee .sidebar .employee-search-input::-moz-placeholder, .employee .employee-mobile-sidebar .employee-search-input::-moz-placeholder {
37161
+ color: #3d709f !important;
37162
+ color: var(--mseva-text-muted) !important;
37163
+ }
37164
+
37165
+ .employee .sidebar .employee-search-input:-ms-input-placeholder, .employee .employee-mobile-sidebar .employee-search-input:-ms-input-placeholder {
37166
+ color: #3d709f !important;
37167
+ color: var(--mseva-text-muted) !important;
37168
+ }
37169
+
37170
+ .employee .sidebar .employee-search-input::-ms-input-placeholder, .employee .employee-mobile-sidebar .employee-search-input::-ms-input-placeholder {
37171
+ color: #3d709f !important;
37172
+ color: var(--mseva-text-muted) !important;
37173
+ }
37174
+
37175
+ .employee .employee-mobile-sidebar .employee-search-input::placeholder, .employee .sidebar .employee-search-input::placeholder {
37176
+ color: #3d709f !important;
37177
+ color: var(--mseva-text-muted) !important;
37178
+ }
37179
+
37180
+ .employee .sidebar.sidebar--collapsed {
37181
+ width: 64px !important;
37182
+ }
37183
+
37184
+ .employee .sidebar.sidebar--collapsed .sidebar-link {
37185
+ -webkit-box-pack: center !important;
37186
+ -ms-flex-pack: center !important;
37187
+ justify-content: center !important;
37188
+ margin: 5px 7px;
37189
+ padding: 11px !important;
37190
+ }
37191
+
37192
+ .employee .sidebar.sidebar--collapsed .sidebar-link > div:last-child:not(:only-child) {
37193
+ display: none !important;
37194
+ }
37195
+
37196
+ .employee .sidebar.sidebar--collapsed .actions {
37197
+ -webkit-box-flex: 0;
37198
+ -ms-flex: 0 0 100%;
37199
+ flex: 0 0 100%;
37200
+ -webkit-box-pack: center;
37201
+ -ms-flex-pack: center;
37202
+ justify-content: center;
37203
+ }
37204
+
37205
+ .employee .sidebar.sidebar--collapsed .actions .custom-link, .employee .sidebar.sidebar--collapsed .actions span, .employee .sidebar.sidebar--collapsed .employee-search-input {
37206
+ display: none !important;
37207
+ }
37208
+
37209
+ .employee .sidebar.sidebar--collapsed .search-icon-wrapper {
37210
+ -webkit-box-pack: center;
37211
+ -ms-flex-pack: center;
37212
+ justify-content: center;
37213
+ margin: 0 7px 12px !important;
37214
+ padding: 11px !important;
37215
+ border-color: transparent;
37216
+ background: transparent !important;
37217
+ }
37218
+
37219
+ .employee .employee-mobile-sidebar {
37220
+ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7fbff)) !important;
37221
+ background: linear-gradient(180deg, #fff, #f7fbff) !important;
37222
+ -webkit-box-shadow: 8px 0 24px rgba(7, 75, 152, 0.18) !important;
37223
+ box-shadow: 8px 0 24px rgba(7, 75, 152, 0.18) !important;
37224
+ }
37225
+
37226
+ .employee .employee-mobile-sidebar > div:first-child {
37227
+ border-bottom-color: #d8e5f2 !important;
37228
+ background: #fff;
37229
+ }
37230
+
37231
+ .employee .InboxComposerWrapper, .employee .new-inbox-wrapper {
37232
+ color: #074b98;
37233
+ color: var(--mseva-text);
37234
+ }
37235
+
37236
+ .employee .InboxComposerWrapper .complaint-links-container, .employee .InboxComposerWrapper .filter-card, .employee .InboxComposerWrapper .search-complaint-container, .employee .InboxComposerWrapper .search-container, .employee .new-inbox-table-card, .employee .new-inbox-top-filters, .employee .new-inbox-topbar {
37237
+ border: 1px solid #d8e5f2;
37238
+ border-radius: 10px;
37239
+ border-radius: var(--mseva-radius-md);
37240
+ background: #fff;
37241
+ -webkit-box-shadow: 0 7px 18px rgba(7, 75, 152, 0.07);
37242
+ box-shadow: 0 7px 18px rgba(7, 75, 152, 0.07);
37243
+ }
37244
+
37245
+ .employee .InboxComposerWrapper .complaint-links-container {
37246
+ overflow: hidden;
37247
+ }
37248
+
37249
+ .employee .InboxComposerWrapper > .inboxLinks {
37250
+ -ms-flex-item-align: start;
37251
+ align-self: flex-start;
37252
+ min-height: 0;
37253
+ }
37254
+
37255
+ .employee .InboxComposerWrapper > .inboxLinks .complaint-links-container .body:empty {
37256
+ display: none;
37257
+ }
37258
+
37259
+ .employee .InboxComposerWrapper .complaint-links-container .header, .employee .InboxComposerWrapper .filter-card .heading {
37260
+ border-bottom-color: #e1ebf5;
37261
+ }
37262
+
37263
+ .employee .InboxComposerWrapper .complaint-links-container .header .logo {
37264
+ border-radius: 10px;
37265
+ background: #e9f2fc;
37266
+ background: var(--mseva-blue-100);
37267
+ }
37268
+
37269
+ .employee .InboxComposerWrapper .complaint-links-container .header .logo svg, .employee .InboxComposerWrapper .complaint-links-container .header .logo svg path {
37270
+ fill: #0b63be;
37271
+ fill: var(--mseva-blue-700);
37272
+ }
37273
+
37274
+ .employee .InboxComposerWrapper .complaint-links-container .header .text, .employee .InboxComposerWrapper .filter-card .filter-label, .employee .InboxComposerWrapper .filter-card .filter-label svg {
37275
+ color: #074b98 !important;
37276
+ color: var(--mseva-blue-900) !important;
37277
+ fill: #074b98 !important;
37278
+ fill: var(--mseva-blue-900) !important;
37279
+ }
37280
+
37281
+ .employee .InboxComposerWrapper .clear-search, .employee .InboxComposerWrapper .clear-search .link-label, .employee .InboxComposerWrapper .complaint-links-container .body .link {
37282
+ color: #216f17 !important;
37283
+ color: var(--mseva-green-800) !important;
37284
+ }
37285
+
37286
+ .employee .inbox-count, .employee .InboxComposerWrapper .complaint-links-container .body .inbox-total {
37287
+ background: #074b98 !important;
37288
+ background: var(--mseva-blue-900) !important;
37289
+ }
37290
+
37291
+ .employee .InboxComposerWrapper .filter-card {
37292
+ padding: 18px !important;
37293
+ }
37294
+
37295
+ .employee .InboxComposerWrapper .filter-card .sub-filter-label, .employee .InboxComposerWrapper .filter-form-field p {
37296
+ color: #245f9c !important;
37297
+ color: var(--mseva-text-secondary) !important;
37298
+ }
37299
+
37300
+ .employee .InboxComposerWrapper .search-complaint-container, .employee .InboxComposerWrapper .search-container {
37301
+ padding: 18px !important;
37302
+ }
37303
+
37304
+ .employee .InboxComposerWrapper .search-complaint-container input, .employee .InboxComposerWrapper .search-complaint-container .checkbox-wrap .input-emp, .checkbox-wrap .employee .InboxComposerWrapper .search-complaint-container .input-emp, .employee .InboxComposerWrapper .search-container input, .employee .InboxComposerWrapper .search-container .checkbox-wrap .input-emp, .checkbox-wrap .employee .InboxComposerWrapper .search-container .input-emp {
37305
+ border-color: #cbd5e1 !important;
37306
+ border-color: var(--mseva-border) !important;
37307
+ -webkit-box-shadow: none !important;
37308
+ box-shadow: none !important;
37309
+ }
37310
+
37311
+ .employee .InboxComposerWrapper .search-complaint-container input:focus, .employee .InboxComposerWrapper .search-complaint-container .checkbox-wrap .input-emp:focus, .checkbox-wrap .employee .InboxComposerWrapper .search-complaint-container .input-emp:focus, .employee .InboxComposerWrapper .search-container input:focus, .employee .InboxComposerWrapper .search-container .checkbox-wrap .input-emp:focus, .checkbox-wrap .employee .InboxComposerWrapper .search-container .input-emp:focus {
37312
+ border-color: #287f1d !important;
37313
+ border-color: var(--mseva-green-700) !important;
37314
+ -webkit-box-shadow: 0 0 0 3px rgba(40, 127, 29, 0.14) !important;
37315
+ box-shadow: 0 0 0 3px rgba(40, 127, 29, 0.14) !important;
37316
+ }
37317
+
37318
+ @media (min-width: 780px) {
37319
+ .employee .InboxComposerWrapper .search-container {
37320
+ width: auto !important;
37321
+ margin-left: 0 !important;
37322
+ -ms-flex-item-align: start;
37323
+ align-self: flex-start;
37324
+ }
37325
+
37326
+ .employee .InboxComposerWrapper .search-container .search-complaint-container {
37327
+ margin: 0;
37328
+ }
37329
+
37330
+ .employee .InboxComposerWrapper .search-container .complaint-input-container {
37331
+ display: grid !important;
37332
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(148px, 0.72fr) !important;
37333
+ grid-gap: 16px;
37334
+ gap: 16px;
37335
+ -webkit-box-align: end;
37336
+ -ms-flex-align: end;
37337
+ align-items: end;
37338
+ }
37339
+
37340
+ .employee .InboxComposerWrapper .search-container .complaint-input-container > .form-field {
37341
+ width: auto !important;
37342
+ margin: 0 !important;
37343
+ padding-right: 0 !important;
37344
+ }
37345
+
37346
+ .employee .InboxComposerWrapper .search-container .search-action-wrapper {
37347
+ display: -webkit-box !important;
37348
+ display: -ms-flexbox !important;
37349
+ display: flex !important;
37350
+ width: auto !important;
37351
+ max-width: none !important;
37352
+ min-height: 44px;
37353
+ min-height: var(--mseva-control-min);
37354
+ margin: 0 !important;
37355
+ -webkit-box-align: center;
37356
+ -ms-flex-align: center;
37357
+ align-items: center;
37358
+ -webkit-box-pack: start;
37359
+ -ms-flex-pack: start;
37360
+ justify-content: flex-start;
37361
+ text-align: left;
37362
+ }
37363
+
37364
+ .employee .InboxComposerWrapper .search-container .search-action-wrapper > div {
37365
+ display: -webkit-box;
37366
+ display: -ms-flexbox;
37367
+ display: flex;
37368
+ width: 100%;
37369
+ -webkit-box-align: center;
37370
+ -ms-flex-align: center;
37371
+ align-items: center;
37372
+ grid-gap: 12px;
37373
+ gap: 12px;
37374
+ }
37375
+
37376
+ .employee .InboxComposerWrapper .search-container .search-action-wrapper .submit-bar {
37377
+ width: 100%;
37378
+ min-width: 132px;
37379
+ margin: 0;
37380
+ }
37381
+
37382
+ .employee .InboxComposerWrapper .search-container .search-action-wrapper .clear-search {
37383
+ padding-top: 0 !important;
37384
+ white-space: nowrap;
37385
+ }
37386
+ }
37387
+ .employee .InboxComposerWrapper .employee-data-table, .employee .InboxComposerWrapper .result .card, .employee .InboxComposerWrapper .table {
37388
+ border: 1px solid #d8e5f2;
37389
+ border-radius: 10px;
37390
+ border-radius: var(--mseva-radius-md);
37391
+ -webkit-box-shadow: 0 7px 18px rgba(7, 75, 152, 0.07);
37392
+ box-shadow: 0 7px 18px rgba(7, 75, 152, 0.07);
37393
+ }
37394
+
37395
+ .employee .new-inbox-wrapper {
37396
+ margin-top: 24px;
37397
+ padding: 24px;
37398
+ border-radius: 16px;
37399
+ border-radius: var(--mseva-radius-lg);
37400
+ background: linear-gradient(145deg, #f8fbff, #f3faf3);
37401
+ }
37402
+
37403
+ .employee .new-inbox-header {
37404
+ color: #074b98;
37405
+ color: var(--mseva-blue-900);
37406
+ font-size: clamp(1.55rem, 2vw, 2rem);
37407
+ }
37408
+
37409
+ .employee .new-inbox-count-pill {
37410
+ min-width: 32px;
37411
+ height: 32px;
37412
+ background: #074b98;
37413
+ background: var(--mseva-blue-900);
37414
+ -webkit-box-shadow: 0 4px 10px rgba(7, 75, 152, 0.18);
37415
+ box-shadow: 0 4px 10px rgba(7, 75, 152, 0.18);
37416
+ }
37417
+
37418
+ .employee .new-inbox-top-filters {
37419
+ padding: 18px;
37420
+ }
37421
+
37422
+ .employee .new-inbox-topbar {
37423
+ border-color: #d8e5f2;
37424
+ -webkit-box-shadow: 0 7px 18px rgba(7, 75, 152, 0.07);
37425
+ box-shadow: 0 7px 18px rgba(7, 75, 152, 0.07);
37426
+ }
37427
+
37428
+ .employee .new-inbox-tab {
37429
+ border-color: #cbdbe9;
37430
+ background: #f7fbff;
37431
+ color: #074b98;
37432
+ color: var(--mseva-blue-900);
37433
+ }
37434
+
37435
+ .employee .new-inbox-tab:hover {
37436
+ border-color: #a9d0ad;
37437
+ background: #eef8eb;
37438
+ background: var(--mseva-green-100);
37439
+ }
37440
+
37441
+ .employee .new-inbox-tab-active {
37442
+ border-color: #216f17;
37443
+ border-color: var(--mseva-green-800);
37444
+ background: #216f17;
37445
+ background: var(--mseva-green-800);
37446
+ -webkit-box-shadow: 0 5px 12px rgba(33, 111, 23, 0.2);
37447
+ box-shadow: 0 5px 12px rgba(33, 111, 23, 0.2);
37448
+ }
37449
+
37450
+ .employee .new-inbox-tab-count {
37451
+ background: #e2edf8;
37452
+ color: #074b98;
37453
+ color: var(--mseva-blue-900);
37454
+ }
37455
+
37456
+ .employee .new-inbox-tab-count-active {
37457
+ background: hsla(0deg, 0%, 100%, 0.22);
37458
+ color: #fff;
37459
+ }
37460
+
37461
+ .employee .new-inbox-search {
37462
+ border-color: #cbdbe9;
37463
+ background: #f8fbff;
37464
+ }
37465
+
37466
+ .employee .new-inbox-search:focus-within, .employee .new-inbox-search[focus-within] {
37467
+ border-color: #287f1d;
37468
+ border-color: var(--mseva-green-700);
37469
+ -webkit-box-shadow: 0 0 0 3px rgba(40, 127, 29, 0.14);
37470
+ box-shadow: 0 0 0 3px rgba(40, 127, 29, 0.14);
37471
+ }
37472
+
37473
+ .employee .new-inbox-search-input {
37474
+ color: #074b98;
37475
+ color: var(--mseva-text);
37476
+ }
37477
+
37478
+ .employee .new-inbox-search-icon svg circle, .employee .new-inbox-search-icon svg line {
37479
+ stroke: #3d709f;
37480
+ stroke: var(--mseva-text-muted);
37481
+ }
37482
+
37483
+ .employee .new-inbox-table-header {
37484
+ border-bottom-color: #d8e5f2;
37485
+ background: #edf5fc;
37486
+ color: #074b98;
37487
+ color: var(--mseva-blue-900);
37488
+ }
37489
+
37490
+ .employee .new-inbox-pagination {
37491
+ border-top-color: #d8e5f2;
37492
+ color: #245f9c;
37493
+ color: var(--mseva-text-secondary);
37494
+ }
37495
+
37496
+ .employee .new-inbox-pagination-button, .employee .new-inbox-pagination-select {
37497
+ border-color: #cbdbe9;
37498
+ color: #074b98;
37499
+ color: var(--mseva-blue-900);
37500
+ }
37501
+
37502
+ .employee .new-inbox-pagination-button:not(.new-inbox-pagination-button-disabled):hover {
37503
+ border-color: #287f1d;
37504
+ border-color: var(--mseva-green-700);
37505
+ background: #eef8eb;
37506
+ background: var(--mseva-green-100);
37507
+ }
37508
+
37509
+ .employee .ndc-new-filter-option-card, .employee .ndc-new-filter-status-card {
37510
+ border-color: #cbdbe9;
37511
+ -webkit-box-shadow: 0 3px 10px rgba(7, 75, 152, 0.05);
37512
+ box-shadow: 0 3px 10px rgba(7, 75, 152, 0.05);
37513
+ }
37514
+
37515
+ .employee .ndc-new-filter-option-card:not(.primary):not(.success):not(.warning):not(.danger):not(.info):not(.indigo):not(.teal):not(.pink):not(.amber):not(.slate), .employee .ndc-new-filter-status-card:not(.primary):not(.success):not(.warning):not(.danger):not(.info):not(.indigo):not(.teal):not(.pink):not(.amber):not(.slate) {
37516
+ background: #fff;
37517
+ }
37518
+
37519
+ .employee .ndc-new-filter-option-card:not(.primary):not(.success):not(.warning):not(.danger):not(.info):not(.indigo):not(.teal):not(.pink):not(.amber):not(.slate) .ndc-new-filter-option-title, .employee .ndc-new-filter-status-card:not(.primary):not(.success):not(.warning):not(.danger):not(.info):not(.indigo):not(.teal):not(.pink):not(.amber):not(.slate) .ndc-new-filter-status-title {
37520
+ color: #074b98;
37521
+ color: var(--mseva-blue-900);
37522
+ }
37523
+
37524
+ .employee .ndc-new-filter-option-card.active:not(.primary):not(.success):not(.warning):not(.danger):not(.info):not(.indigo):not(.teal):not(.pink):not(.amber):not(.slate), .employee .ndc-new-filter-status-card.active:not(.primary):not(.success):not(.warning):not(.danger):not(.info):not(.indigo):not(.teal):not(.pink):not(.amber):not(.slate) {
37525
+ border-color: #287f1d;
37526
+ border-color: var(--mseva-green-700);
37527
+ background: #eef8eb;
37528
+ background: var(--mseva-green-100);
37529
+ -webkit-box-shadow: 0 5px 14px rgba(33, 111, 23, 0.16);
37530
+ box-shadow: 0 5px 14px rgba(33, 111, 23, 0.16);
37531
+ }
37532
+
37533
+ .employee .ndc-new-filter-card-check {
37534
+ background: #216f17;
37535
+ background: var(--mseva-green-800);
37536
+ }
37537
+
37538
+ .employee .ndc-new-filter-show-more {
37539
+ color: #216f17;
37540
+ color: var(--mseva-green-800);
37541
+ }
37542
+
37543
+ @media (max-width: 640px) {
37544
+ .employee .InboxComposerWrapper {
37545
+ grid-gap: 16px;
37546
+ gap: 16px;
37547
+ }
37548
+
37549
+ .employee .InboxComposerWrapper .filter-card, .employee .InboxComposerWrapper .search-complaint-container, .employee .InboxComposerWrapper .search-container, .employee .new-inbox-top-filters, .employee .new-inbox-wrapper {
37550
+ padding: 14px !important;
37551
+ }
37552
+
37553
+ .employee .new-inbox-wrapper {
37554
+ margin-top: 16px;
37555
+ border-radius: 12px;
37556
+ }
37557
+
37558
+ .employee .new-inbox-tabs {
37559
+ -ms-flex-wrap: nowrap;
37560
+ flex-wrap: nowrap;
37561
+ padding-bottom: 6px;
37562
+ }
37563
+
37564
+ .employee .new-inbox-tab {
37565
+ min-height: 36px;
37566
+ }
37567
+ }
37568
+ .employee .employee-dashboard-container {
37569
+ width: min(100% - 48px, 1440px);
37570
+ margin: 72px auto 48px;
37571
+ grid-gap: 28px;
37572
+ gap: 28px;
37573
+ }
37574
+
37575
+ .employee .employee-dashboard-container > div:first-child {
37576
+ margin: 0 !important;
37577
+ padding: 42px 48px !important;
37578
+ border: 1px solid rgba(7, 75, 152, 0.2);
37579
+ border-radius: 16px !important;
37580
+ border-radius: var(--mseva-radius-lg) !important;
37581
+ text-align: left !important;
37582
+ background: radial-gradient(circle at 88%, at 20%, hsla(0deg, 0%, 100%, 0.24), transparent 22rem), linear-gradient(115deg, #074b98, #0b63be 53%, #287f1d) !important;
37583
+ background: radial-gradient(circle at 88% 20%, hsla(0deg, 0%, 100%, 0.24), transparent 22rem), linear-gradient(115deg, #074b98, #0b63be 53%, #287f1d) !important;
37584
+ background: radial-gradient(circle at 88%, at 20%, hsla(0deg, 0%, 100%, 0.24), transparent 22rem), linear-gradient(115deg, var(--mseva-blue-900), var(--mseva-blue-700) 53%, var(--mseva-green-700)) !important;
37585
+ background: radial-gradient(circle at 88% 20%, hsla(0deg, 0%, 100%, 0.24), transparent 22rem), linear-gradient(115deg, var(--mseva-blue-900), var(--mseva-blue-700) 53%, var(--mseva-green-700)) !important;
37586
+ -webkit-box-shadow: 0 14px 28px rgba(7, 75, 152, 0.18) !important;
37587
+ box-shadow: 0 14px 28px rgba(7, 75, 152, 0.18) !important;
37588
+ }
37589
+
37590
+ .employee .employee-dashboard-container > div:first-child h1, .employee .employee-dashboard-container > div:first-child p {
37591
+ text-align: left !important;
37592
+ color: #fff !important;
37593
+ }
37594
+
37595
+ .employee .employee-dashboard-container > div:first-child h1 {
37596
+ font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
37597
+ }
37598
+
37599
+ .employee .employee-dashboard-quick-services-header {
37600
+ -webkit-box-align: center;
37601
+ -ms-flex-align: center;
37602
+ align-items: center;
37603
+ grid-gap: 16px;
37604
+ gap: 16px;
37605
+ padding: 0 4px;
37606
+ }
37607
+
37608
+ .employee .employee-dashboard-quick-services-title {
37609
+ padding: 0 !important;
37610
+ color: #074b98 !important;
37611
+ color: var(--mseva-blue-900) !important;
37612
+ font-size: 1.4rem !important;
37613
+ }
37614
+
37615
+ .employee .employee-dashboard-quick-services-header .submit-bar {
37616
+ width: auto;
37617
+ min-width: 132px;
37618
+ background: #074b98 !important;
37619
+ background: var(--mseva-blue-900) !important;
37620
+ -webkit-box-shadow: none;
37621
+ box-shadow: none;
37622
+ }
37623
+
37624
+ .employee .employee-dashboard-module-card-wrapper {
37625
+ display: grid !important;
37626
+ grid-template-columns: repeat(3, minmax(0, 1fr));
37627
+ grid-gap: 18px !important;
37628
+ gap: 18px !important;
37629
+ }
37630
+
37631
+ .employee .employee-quick-service-link {
37632
+ min-width: 0;
37633
+ }
37634
+
37635
+ .employee .employee-quick-service-card {
37636
+ width: 100%;
37637
+ height: auto;
37638
+ min-height: 132px;
37639
+ max-height: none;
37640
+ border: 1px solid #d9e6f2;
37641
+ border-radius: 14px;
37642
+ -webkit-box-shadow: 0 7px 18px rgba(7, 75, 152, 0.08);
37643
+ box-shadow: 0 7px 18px rgba(7, 75, 152, 0.08);
37644
+ }
37645
+
37646
+ .employee .employee-quick-service-card.hovered {
37647
+ border-color: rgba(40, 127, 29, 0.5);
37648
+ -webkit-box-shadow: 0 12px 26px rgba(7, 75, 152, 0.15);
37649
+ box-shadow: 0 12px 26px rgba(7, 75, 152, 0.15);
37650
+ }
37651
+
37652
+ .employee .employee-quick-service-card .card-icon-container {
37653
+ width: 86px;
37654
+ min-width: 86px;
37655
+ padding: 18px;
37656
+ background: #e9f2fc !important;
37657
+ background: var(--mseva-blue-100) !important;
37658
+ }
37659
+
37660
+ .employee .employee-dashboard-module-card-wrapper > .employee-quick-service-link:nth-child(3n+2) .card-icon-container {
37661
+ background: #eef8eb !important;
37662
+ background: var(--mseva-green-100) !important;
37663
+ }
37664
+
37665
+ .employee .employee-dashboard-module-card-wrapper > .employee-quick-service-link:nth-child(3n) .card-icon-container {
37666
+ background: #f2eaff !important;
37667
+ background: var(--mseva-purple-100) !important;
37668
+ }
37669
+
37670
+ .employee .employee-quick-service-card .card-background-circle {
37671
+ background: rgba(7, 75, 152, 0.08);
37672
+ }
37673
+
37674
+ .employee .employee-quick-service-card .card-icon-wrapper {
37675
+ -webkit-filter: none;
37676
+ filter: none;
37677
+ }
37678
+
37679
+ .employee .employee-quick-service-card .card-icon-wrapper svg, .employee .employee-quick-service-card .card-icon-wrapper svg path {
37680
+ fill: #0b63be;
37681
+ fill: var(--mseva-blue-700);
37682
+ }
37683
+
37684
+ .employee .employee-dashboard-module-card-wrapper > .employee-quick-service-link:nth-child(3n+2) .card-icon-wrapper svg, .employee .employee-dashboard-module-card-wrapper > .employee-quick-service-link:nth-child(3n+2) .card-icon-wrapper svg path {
37685
+ fill: #287f1d;
37686
+ fill: var(--mseva-green-700);
37687
+ }
37688
+
37689
+ .employee .employee-dashboard-module-card-wrapper > .employee-quick-service-link:nth-child(3n) .card-icon-wrapper svg, .employee .employee-dashboard-module-card-wrapper > .employee-quick-service-link:nth-child(3n) .card-icon-wrapper svg path {
37690
+ fill: #6530b8;
37691
+ fill: var(--mseva-purple-700);
37692
+ }
37693
+
37694
+ .employee .employee-quick-service-card .card-content-container {
37695
+ padding: 20px 22px;
37696
+ }
37697
+
37698
+ .employee .employee-quick-service-card .card-module-title {
37699
+ color: #074b98;
37700
+ color: var(--mseva-blue-900);
37701
+ font-size: 1.05rem;
37702
+ }
37703
+
37704
+ .employee .employee-quick-service-card .card-module-description {
37705
+ color: #3d709f;
37706
+ color: var(--mseva-text-muted);
37707
+ }
37708
+
37709
+ .employee .employee-quick-service-card .card-arrow-container svg path {
37710
+ stroke: #287f1d;
37711
+ stroke: var(--mseva-green-700);
37712
+ }
37713
+
37714
+ @media (max-width: 900px) {
37715
+ .employee .employee-dashboard-container {
37716
+ width: min(100% - 32px, 900px);
37717
+ }
37718
+
37719
+ .employee .employee-dashboard-module-card-wrapper {
37720
+ grid-template-columns: repeat(2, minmax(0, 1fr));
37721
+ }
37722
+ }
37723
+ @media (max-width: 640px) {
37724
+ .employee .employee-login-page {
37725
+ min-height: calc(100vh - 76px);
37726
+ padding: 28px 14px;
37727
+ }
37728
+
37729
+ .employee .employee-login-card {
37730
+ padding: 24px 18px;
37731
+ }
37732
+
37733
+ .employee .employee-dashboard-container {
37734
+ width: calc(100% - 28px);
37735
+ margin: 76px auto 32px;
37736
+ grid-gap: 20px;
37737
+ gap: 20px;
37738
+ }
37739
+
37740
+ .employee .employee-dashboard-container > div:first-child {
37741
+ padding: 30px 24px !important;
37742
+ }
37743
+
37744
+ .employee .employee-dashboard-quick-services-header {
37745
+ -webkit-box-align: start;
37746
+ -ms-flex-align: start;
37747
+ align-items: flex-start;
37748
+ -webkit-box-orient: vertical;
37749
+ -webkit-box-direction: normal;
37750
+ -ms-flex-direction: column;
37751
+ flex-direction: column;
37752
+ }
37753
+
37754
+ .employee .employee-dashboard-module-card-wrapper {
37755
+ grid-template-columns: 1fr;
37756
+ }
37757
+
37758
+ .employee .employee-quick-service-card {
37759
+ min-width: 0;
37760
+ }
37761
+ }
37762
+ .display-none {
37763
+ display: none;
37764
+ }
37765
+
37766
+ .primary-label-btn {
37767
+ margin: 10px auto 0 !important;
37768
+ }
37769
+
37770
+ .p-unset {
37771
+ padding: unset !important;
37772
+ }
37773
+
37774
+ .flex-one {
37775
+ -webkit-box-flex: 1;
37776
+ -ms-flex: 1 1 0%;
37777
+ flex: 1 1 0%;
37778
+ }
37779
+
37780
+ .display-flex-gap-2 {
37781
+ display: -webkit-box;
37782
+ display: -ms-flexbox;
37783
+ display: flex;
37784
+ grid-gap: 0.75rem;
37785
+ gap: 0.75rem;
37786
+ }
37787
+
37788
+ .rm-mb {
37789
+ margin-bottom: unset !important;
37790
+ }
37791
+
37792
+ .w-fullwidth {
37793
+ width: 100%;
37794
+ }
37795
+
37796
+ .stepper {
37797
+ padding: 10px;
37798
+ }
37799
+
37800
+ .margin-unset {
37801
+ margin: unset !important;
37802
+ }
37803
+
37804
+ .text-align-center {
37805
+ text-align: center;
37806
+ }
37807
+
37808
+ .text-align-left {
37809
+ text-align: left;
37810
+ }
37811
+
37812
+ .text-align-right {
37813
+ text-align: right;
37814
+ }
37815
+
37816
+ .desktop-only {
37817
+ display: none;
37818
+ }
37819
+
37820
+ @media (min-width: 780px) {
37821
+ .desktop-only {
37822
+ display: block;
37823
+ }
37824
+ }
37825
+ .mobile-only {
37826
+ display: block;
37827
+ }
37828
+
37829
+ @media (min-width: 780px) {
37830
+ .mobile-only {
37831
+ display: none;
37832
+ }
37833
+ }
37834
+ .dark {
37835
+ --text-opacity:1;
37836
+ color: #074b98;
37837
+ color: rgba(7, 75, 152, var(--text-opacity));
37838
+ width: auto !important;
37839
+ }
37840
+
37841
+ .mrlg {
37842
+ margin-right: 24px;
37843
+ }
37844
+
37845
+ .mrsm {
37846
+ margin-right: 8px;
37847
+ }
37848
+
37849
+ .mbsm {
37850
+ margin-bottom: 8px;
37851
+ }
37852
+
37853
+ .home-link {
37854
+ margin-left: 16px;
37855
+ margin-bottom: 16px;
37856
+ }
37857
+ .home-link a {
37858
+ color: #1d70b8;
37859
+ }
37860
+
37861
+ .clear-search-label {
37862
+ color: #2947a3;
37863
+ cursor: pointer;
37864
+ }
37865
+
37866
+ .search-submit-bar {
37867
+ margin-top: 32;
37868
+ margin-left: auto;
37869
+ }
37870
+
37871
+ .ws-citizen-wrapper {
37872
+ padding: 15px;
37873
+ }
37874
+
37875
+ .application-details-link-button {
37876
+ display: -webkit-box;
37877
+ display: -ms-flexbox;
37878
+ display: flex;
37879
+ -webkit-box-pack: justify;
37880
+ -ms-flex-pack: justify;
37881
+ justify-content: space-between;
37882
+ -webkit-box-align: center;
37883
+ -ms-flex-align: center;
37884
+ align-items: center;
37885
+ }
37886
+ .application-details-link-button .download-button {
37887
+ color: a82227;
37888
+ margin-left: 8px;
37889
+ }
37890
+
37891
+ .response-download-button {
37892
+ display: -webkit-box;
37893
+ display: -ms-flexbox;
37894
+ display: flex;
37895
+ margin-bottom: 8px;
37896
+ }
37897
+ .response-download-button .download-button {
37898
+ color: #a82227;
37899
+ margin-left: 8px;
37900
+ white-space: nowrap;
37901
+ }
37902
+
37903
+ .check-page-link-button {
37904
+ color: #a82227 !important;
37905
+ }
37906
+
37907
+ .pt-application-download-btn {
37908
+ display: -webkit-box;
37909
+ display: -ms-flexbox;
37910
+ display: flex;
37911
+ -webkit-box-pack: end;
37912
+ -ms-flex-pack: end;
37913
+ justify-content: flex-end;
37914
+ margin: 0 8px;
37915
+ }
37916
+
37917
+ .application-table-container {
37918
+ margin-top: 24px;
37919
+ margin-left: 24px;
37920
+ -webkit-box-flex: 1;
37921
+ -ms-flex: 1 1 0%;
37922
+ flex: 1 1 0%;
37923
+ }
37924
+
37925
+ .primary-label-btn {
37926
+ display: -webkit-box;
37927
+ display: -ms-flexbox;
37928
+ display: flex;
37929
+ grid-gap: 10px;
37930
+ gap: 10px;
37931
+ color: #5a1166;
37932
+ cursor: pointer;
37933
+ font-weight: 500;
37934
+ width: -webkit-fit-content;
37935
+ width: -moz-fit-content;
37936
+ width: fit-content;
37937
+ }
37938
+ .primary-label-btn svg {
37939
+ fill: #a82227;
37940
+ }
37941
+
37942
+ .primaryColor {
37943
+ color: #0b0c0c !important;
37944
+ }
37945
+
37946
+ @media (hover: hover) {
37947
+ .primary-label-btn:hover {
37948
+ color: #000;
37949
+ }
37950
+ .primary-label-btn:hover svg {
37951
+ fill: #000;
37952
+ }
37953
+ }
37954
+ .disabled {
37955
+ --border-opacity:1!important;
37956
+ border-color: #9e9e9e !important;
37957
+ border-color: rgba(158, 158, 158, var(--border-opacity)) !important;
37958
+ --text-opacity:1!important;
37959
+ color: #9e9e9e !important;
37960
+ color: rgba(158, 158, 158, var(--text-opacity)) !important;
37961
+ pointer-events: none !important;
37962
+ }
37963
+
37964
+ .card-date-input {
37965
+ position: absolute;
37966
+ top: 0;
37967
+ left: 0;
37968
+ width: 75%;
37969
+ --bg-opacity:1;
37970
+ background-color: #fff;
37971
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
37972
+ padding-left: 8px;
37973
+ --border-opacity:1;
37974
+ border: 1px solid #464646;
37975
+ border-color: rgba(70, 70, 70, var(--border-opacity));
37976
+ border-right: 0 solid rgba(70, 70, 70, var(--border-opacity));
37977
+ outline: 1px solid transparent;
37978
+ height: 2.5rem;
37979
+ }
37980
+
37981
+ .h4 {
37982
+ margin-bottom: 8px;
37983
+ }
37984
+
37985
+ .react-time-picker {
37986
+ width: 194px;
37987
+ height: 2.5rem;
37988
+ }
37989
+ .react-time-picker__wrapper {
37990
+ border: 2px solid #0b0c0c;
37991
+ padding-left: 16px;
37992
+ }
37993
+ .react-time-picker__inputGroup__input {
37994
+ padding-left: 8px;
37995
+ padding-right: 8px;
37996
+ line-height: 2.5rem;
37997
+ min-width: 16px;
37998
+ }
37999
+ .react-time-picker__inputGroup__input:focus {
38000
+ outline: 2px solid #000;
38001
+ }
38002
+
38003
+ .border-none {
38004
+ border: none;
38005
+ -webkit-box-pack: justify;
38006
+ -ms-flex-pack: justify;
38007
+ justify-content: space-between;
38008
+ }
38009
+
38010
+ .hide-number-spinner input[type=number]::-webkit-inner-spin-button, .hide-number-spinner .checkbox-wrap [type=number].input-emp::-webkit-inner-spin-button, .checkbox-wrap .hide-number-spinner [type=number].input-emp::-webkit-inner-spin-button, .hide-number-spinner input[type=number]::-webkit-outer-spin-button, .hide-number-spinner .checkbox-wrap [type=number].input-emp::-webkit-outer-spin-button, .checkbox-wrap .hide-number-spinner [type=number].input-emp::-webkit-outer-spin-button {
38011
+ -webkit-appearance: none;
38012
+ margin: 0;
38013
+ }
38014
+
38015
+ .hide-number-spinner input[type=number], .hide-number-spinner .checkbox-wrap [type=number].input-emp, .checkbox-wrap .hide-number-spinner [type=number].input-emp {
38016
+ -moz-appearance: textfield;
38017
+ }
38018
+
38019
+ .static {
38020
+ display: -webkit-box;
38021
+ display: -ms-flexbox;
38022
+ display: flex;
38023
+ -webkit-box-orient: vertical;
38024
+ -webkit-box-direction: normal;
38025
+ -ms-flex-direction: column;
38026
+ flex-direction: column;
38027
+ min-height: 85vh;
38028
+ }
38029
+ .static-wrapper {
38030
+ -webkit-box-flex: 1;
38031
+ -ms-flex: 1;
38032
+ flex: 1;
38033
+ max-height: 75vh;
38034
+ overflow: scroll;
38035
+ -ms-overflow-style: none;
38036
+ scrollbar-width: none;
38037
+ }
38038
+ .static-wrapper::-webkit-scrollbar {
38039
+ display: none;
38040
+ }
38041
+
38042
+ .bill-summary {
38043
+ border: 1px solid #e8e7e6;
38044
+ --bg-opacity:1;
38045
+ background-color: #fafafa;
38046
+ background-color: rgba(250, 250, 250, var(--bg-opacity));
38047
+ width: 100%;
38048
+ }
38049
+ .bill-summary .bill-account-details {
38050
+ display: -webkit-box;
38051
+ display: -ms-flexbox;
38052
+ display: flex;
38053
+ margin-bottom: 16px;
38054
+ padding: 5px;
38055
+ }
38056
+ .bill-summary .bill-account-details .label {
38057
+ width: 50%;
38058
+ font-weight: 700;
38059
+ }
38060
+ .bill-summary .bill-account-details .value {
38061
+ width: 50%;
38062
+ text-align: right;
38063
+ }
38064
+ .bill-summary .amount-details {
38065
+ display: -webkit-box;
38066
+ display: -ms-flexbox;
38067
+ display: flex;
38068
+ margin-bottom: 16px;
38069
+ -webkit-box-align: center;
38070
+ -ms-flex-align: center;
38071
+ align-items: center;
38072
+ padding: 5px;
38073
+ }
38074
+ .bill-summary .amount-details .label, .bill-summary .amount-details .value {
38075
+ width: 50%;
38076
+ font-weight: 700;
38077
+ }
38078
+ .bill-summary .amount-details .value {
38079
+ text-align: right;
38080
+ font-size: 18px;
38081
+ }
38082
+
38083
+ .bill-payment-amount {
38084
+ position: sticky;
38085
+ bottom: 0;
38086
+ --bg-opacity:1;
38087
+ background-color: #fff;
38088
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
38089
+ padding-bottom: 32px;
38090
+ }
38091
+ .bill-payment-amount .payment-amount-front {
38092
+ position: absolute;
38093
+ z-index: 10;
38094
+ width: 2.5rem;
38095
+ display: -webkit-box;
38096
+ display: -ms-flexbox;
38097
+ display: flex;
38098
+ -webkit-box-pack: center;
38099
+ -ms-flex-pack: center;
38100
+ justify-content: center;
38101
+ -webkit-box-align: center;
38102
+ -ms-flex-align: center;
38103
+ align-items: center;
38104
+ background-color: #efefef;
38105
+ padding: 7px 12px;
38106
+ color: #9a9a9a;
38107
+ }
38108
+
38109
+ .text-indent-xl input, .text-indent-xl .checkbox-wrap .input-emp, .checkbox-wrap .text-indent-xl .input-emp {
38110
+ text-indent: 40px;
38111
+ }
38112
+
38113
+ .select-payment-type {
38114
+ display: -webkit-box;
38115
+ display: -ms-flexbox;
38116
+ display: flex;
38117
+ -webkit-box-pack: center;
38118
+ -ms-flex-pack: center;
38119
+ justify-content: center;
38120
+ font-weight: 700;
38121
+ -webkit-box-align: center;
38122
+ -ms-flex-align: center;
38123
+ align-items: center;
38124
+ padding-top: 10px;
38125
+ padding-bottom: 25px;
38126
+ }
38127
+ .select-payment-type .value {
38128
+ font-size: 20px;
38129
+ }
38130
+
38131
+ .cheque-date {
38132
+ display: -webkit-box;
38133
+ display: -ms-flexbox;
38134
+ display: flex;
38135
+ -webkit-box-align: center;
38136
+ -ms-flex-align: center;
38137
+ align-items: center;
38138
+ margin-bottom: 24px;
38139
+ border: 2px solid #0b0c0c;
38140
+ border-radius: 2px;
38141
+ }
38142
+ .cheque-date input, .cheque-date .checkbox-wrap .input-emp, .checkbox-wrap .cheque-date .input-emp {
38143
+ width: 100%;
38144
+ text-indent: 5px;
38145
+ padding: 6px 0;
38146
+ }
38147
+ .cheque-date button, .cheque-date input, .cheque-date .checkbox-wrap .input-emp, .checkbox-wrap .cheque-date .input-emp {
38148
+ outline: 2px solid transparent;
38149
+ outline-offset: 2px;
38150
+ border: 0;
38151
+ background: transparent;
38152
+ }
38153
+ .cheque-date button {
38154
+ text-indent: 2px;
38155
+ }
38156
+
38157
+ .w-half {
38158
+ width: 50%;
38159
+ }
38160
+
38161
+ .ifsc-field {
38162
+ display: -webkit-box;
38163
+ display: -ms-flexbox;
38164
+ display: flex;
38165
+ -webkit-box-align: center;
38166
+ -ms-flex-align: center;
38167
+ align-items: center;
38168
+ margin-bottom: 24px;
38169
+ border: 2px solid #0b0c0c;
38170
+ border-radius: 2px;
38171
+ }
38172
+ .ifsc-field input, .ifsc-field .checkbox-wrap .input-emp, .checkbox-wrap .ifsc-field .input-emp {
38173
+ width: 100%;
38174
+ text-indent: 5px;
38175
+ padding: 6px 0;
38176
+ }
38177
+ .ifsc-field button, .ifsc-field input, .ifsc-field .checkbox-wrap .input-emp, .checkbox-wrap .ifsc-field .input-emp {
38178
+ outline: 2px solid transparent;
38179
+ outline-offset: 2px;
38180
+ border: 0;
38181
+ background: transparent;
38182
+ }
38183
+ .ifsc-field button {
38184
+ text-indent: 2px;
38185
+ }
38186
+
38187
+ .text-input {
38188
+ width: 100%;
38189
+ }
38190
+ .text-input input:hover, .text-input .checkbox-wrap .input-emp:hover, .checkbox-wrap .text-input .input-emp:hover {
38191
+ --border-opacity:1;
38192
+ border: 1px solid #074b98;
38193
+ border-color: rgba(7, 75, 152, var(--border-opacity));
38194
+ }
38195
+
38196
+ .text-input-width {
38197
+ max-width: 540px;
38198
+ }
38199
+
38200
+ .text-mobile-input-width {
38201
+ max-width: 540px;
38202
+ width: 100%;
38203
+ }
38204
+
38205
+ .custom-time-picker {
38206
+ width: 100%;
38207
+ max-width: 200px;
38208
+ }
38209
+
38210
+ .sla-cell {
38211
+ --text-opacity:1;
38212
+ color: #245f9c;
38213
+ color: rgba(36, 95, 156, var(--text-opacity));
35288
38214
  }
35289
38215
 
35290
38216
  .submit-bar-search {