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

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.
package/dist/index.css CHANGED
@@ -5,6 +5,7 @@
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%;
8
9
  }
9
10
 
10
11
  main {
@@ -1041,8 +1042,8 @@ body {
1041
1042
  font-size: 24px;
1042
1043
  line-height: 32px;
1043
1044
  --text-opacity:1;
1044
- color: #074b98;
1045
- color: rgba(7, 75, 152, var(--text-opacity));
1045
+ color: #0d43a7;
1046
+ color: rgba(13, 67, 167, var(--text-opacity));
1046
1047
  font-weight: 700;
1047
1048
  margin-bottom: 16px;
1048
1049
  margin-left: 16px;
@@ -1059,14 +1060,14 @@ body {
1059
1060
  width: fit-content;
1060
1061
  display: block;
1061
1062
  --border-opacity:1;
1062
- border-color: #074b98;
1063
+ border-color: #0d43a7;
1063
1064
  border-bottom: 1px;
1064
- border-color: rgba(7, 75, 152, var(--border-opacity));
1065
+ border-color: rgba(13, 67, 167, var(--border-opacity));
1065
1066
  border-style: solid;
1066
1067
  font-family: Roboto Condensed, sans-serif;
1067
1068
  --text-opacity:1;
1068
- color: #074b98;
1069
- color: rgba(7, 75, 152, var(--text-opacity));
1069
+ color: #0d43a7;
1070
+ color: rgba(13, 67, 167, var(--text-opacity));
1070
1071
  font-size: 16px;
1071
1072
  line-height: 24px;
1072
1073
  margin-left: 8px;
@@ -1086,6 +1087,9 @@ body {
1086
1087
  .bread-crumb {
1087
1088
  font-size: 14px;
1088
1089
  color: #505a5f;
1090
+ display: -webkit-box;
1091
+ display: -ms-flexbox;
1092
+ display: flex;
1089
1093
  margin-bottom: 10px;
1090
1094
  -ms-flex-wrap: wrap;
1091
1095
  flex-wrap: wrap;
@@ -1115,14 +1119,14 @@ body {
1115
1119
  display: -ms-flexbox;
1116
1120
  display: flex;
1117
1121
  --border-opacity:1;
1118
- border-color: #074b98;
1122
+ border-color: #0d43a7;
1119
1123
  border-bottom: 1px;
1120
- border-color: rgba(7, 75, 152, var(--border-opacity));
1124
+ border-color: rgba(13, 67, 167, var(--border-opacity));
1121
1125
  border-style: solid;
1122
1126
  font-family: Roboto Condensed, sans-serif;
1123
1127
  --text-opacity:1;
1124
- color: #074b98;
1125
- color: rgba(7, 75, 152, var(--text-opacity));
1128
+ color: #0d43a7;
1129
+ color: rgba(13, 67, 167, var(--text-opacity));
1126
1130
  font-size: 16px;
1127
1131
  line-height: 24px;
1128
1132
  margin-left: 8px;
@@ -1449,8 +1453,8 @@ body {
1449
1453
  }
1450
1454
  .navbar {
1451
1455
  --bg-opacity:1;
1452
- background-color: #074b98;
1453
- background-color: rgba(7, 75, 152, var(--bg-opacity));
1456
+ background-color: #22394d;
1457
+ background-color: rgba(34, 57, 77, var(--bg-opacity));
1454
1458
  width: 100%;
1455
1459
  position: fixed;
1456
1460
  z-index: 9999;
@@ -2447,7 +2451,7 @@ body {
2447
2451
  font-size: 24px;
2448
2452
  }
2449
2453
  .employeeCard .card-sub-header, .employeeCard .employee-card-sub-header {
2450
- margin-bottom: 40px;
2454
+ margin-bottom: 24px !important;
2451
2455
  font-size: 18px;
2452
2456
  }
2453
2457
  .employeeCard .card-section-header {
@@ -2902,15 +2906,15 @@ body {
2902
2906
  font-size: 19px;
2903
2907
  line-height: 23px;
2904
2908
  --text-opacity:1;
2905
- color: #074b98;
2906
- color: rgba(7, 75, 152, var(--text-opacity));
2909
+ color: #0d43a7;
2910
+ color: rgba(13, 67, 167, var(--text-opacity));
2907
2911
  }
2908
2912
 
2909
2913
  .selector-button-primary-disabled {
2910
2914
  height: 2rem;
2911
2915
  --bg-opacity:1;
2912
- background-color: #074b98;
2913
- background-color: rgba(7, 75, 152, var(--bg-opacity));
2916
+ background-color: #2947a3;
2917
+ background-color: rgba(41, 71, 163, var(--bg-opacity));
2914
2918
  text-align: center;
2915
2919
  --border-opacity:1;
2916
2920
  border-color: #464646;
@@ -2977,8 +2981,8 @@ body {
2977
2981
  }
2978
2982
  .radio-wrap .radio-btn-wrap:hover .radio-btn-checkmark {
2979
2983
  --border-opacity:1;
2980
- border-color: #074b98;
2981
- border-color: rgba(7, 75, 152, var(--border-opacity));
2984
+ border-color: #2947a3;
2985
+ border-color: rgba(41, 71, 163, var(--border-opacity));
2982
2986
  }
2983
2987
  .radio-wrap .radio-btn {
2984
2988
  opacity: 0;
@@ -3007,14 +3011,14 @@ body {
3007
3011
  .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 {
3008
3012
  border-width: 1px;
3009
3013
  --border-opacity:1;
3010
- border-color: #074b98;
3011
- border-color: rgba(7, 75, 152, var(--border-opacity));
3014
+ border-color: #2947a3;
3015
+ border-color: rgba(41, 71, 163, var(--border-opacity));
3012
3016
  }
3013
3017
  .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 {
3014
3018
  display: block;
3015
3019
  --bg-opacity:1;
3016
- background-color: #074b98;
3017
- background-color: rgba(7, 75, 152, var(--bg-opacity));
3020
+ background-color: #2947a3;
3021
+ background-color: rgba(41, 71, 163, var(--bg-opacity));
3018
3022
  height: 1.25rem;
3019
3023
  width: 1.25rem;
3020
3024
  border-radius: 9999px;
@@ -3080,8 +3084,8 @@ body {
3080
3084
  .employee-select-wrap .select p {
3081
3085
  padding-top: 9px;
3082
3086
  --text-opacity:1;
3083
- color: #074b98;
3084
- color: rgba(7, 75, 152, var(--text-opacity));
3087
+ color: #0d43a7;
3088
+ color: rgba(13, 67, 167, var(--text-opacity));
3085
3089
  float: left;
3086
3090
  margin-left: 8px;
3087
3091
  }
@@ -3102,8 +3106,8 @@ body {
3102
3106
  width: 100%;
3103
3107
  height: 2.5rem;
3104
3108
  --border-opacity:1;
3105
- border: 1px solid #074b98;
3106
- border-color: rgba(7, 75, 152, var(--border-opacity));
3109
+ border: 1px solid #2947a3;
3110
+ border-color: rgba(41, 71, 163, var(--border-opacity));
3107
3111
  height: 3rem;
3108
3112
  border: 1px solid #2563eb;
3109
3113
  border-radius: 8px;
@@ -3129,8 +3133,8 @@ body {
3129
3133
  }
3130
3134
  .employee-select-wrap .select-active p {
3131
3135
  --text-opacity:1;
3132
- color: #074b98;
3133
- color: rgba(7, 75, 152, var(--text-opacity));
3136
+ color: #0d43a7;
3137
+ color: rgba(13, 67, 167, var(--text-opacity));
3134
3138
  float: left;
3135
3139
  margin-left: 8px;
3136
3140
  padding-top: 9px;
@@ -3174,8 +3178,8 @@ body {
3174
3178
  height: 3rem;
3175
3179
  padding-left: 8px;
3176
3180
  --text-opacity:1;
3177
- color: #074b98;
3178
- color: rgba(7, 75, 152, var(--text-opacity));
3181
+ color: #0d43a7;
3182
+ color: rgba(13, 67, 167, var(--text-opacity));
3179
3183
  font-size: 16px;
3180
3184
  line-height: 20px;
3181
3185
  }
@@ -3208,8 +3212,8 @@ body {
3208
3212
  height: 3rem;
3209
3213
  padding-left: 8px;
3210
3214
  --text-opacity:1;
3211
- color: #074b98;
3212
- color: rgba(7, 75, 152, var(--text-opacity));
3215
+ color: #0d43a7;
3216
+ color: rgba(13, 67, 167, var(--text-opacity));
3213
3217
  font-size: 16px;
3214
3218
  line-height: 20px;
3215
3219
  }
@@ -3289,8 +3293,8 @@ body {
3289
3293
  font-size: 16px;
3290
3294
  line-height: 20px;
3291
3295
  --text-opacity:1;
3292
- color: #074b98;
3293
- color: rgba(7, 75, 152, var(--text-opacity));
3296
+ color: #0d43a7;
3297
+ color: rgba(13, 67, 167, var(--text-opacity));
3294
3298
  float: left;
3295
3299
  margin-left: 8px;
3296
3300
  }
@@ -3326,8 +3330,8 @@ body {
3326
3330
  width: 100%;
3327
3331
  height: 2.5rem;
3328
3332
  --border-opacity:1;
3329
- border: 1px solid #074b98;
3330
- border-color: rgba(7, 75, 152, var(--border-opacity));
3333
+ border: 1px solid #2947a3;
3334
+ border-color: rgba(41, 71, 163, var(--border-opacity));
3331
3335
  }
3332
3336
  .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 {
3333
3337
  width: calc(100% - 32px);
@@ -3346,8 +3350,8 @@ body {
3346
3350
  }
3347
3351
  .select-wrap .select-active p {
3348
3352
  --text-opacity:1;
3349
- color: #074b98;
3350
- color: rgba(7, 75, 152, var(--text-opacity));
3353
+ color: #0d43a7;
3354
+ color: rgba(13, 67, 167, var(--text-opacity));
3351
3355
  float: left;
3352
3356
  margin-left: 8px;
3353
3357
  padding-top: 9px;
@@ -3380,8 +3384,8 @@ body {
3380
3384
  height: 3rem;
3381
3385
  padding-left: 8px;
3382
3386
  --text-opacity:1;
3383
- color: #074b98;
3384
- color: rgba(7, 75, 152, var(--text-opacity));
3387
+ color: #0d43a7;
3388
+ color: rgba(13, 67, 167, var(--text-opacity));
3385
3389
  font-size: 16px;
3386
3390
  line-height: 20px;
3387
3391
  }
@@ -3462,8 +3466,8 @@ body {
3462
3466
  font-size: 16px;
3463
3467
  line-height: 20px;
3464
3468
  --text-opacity:1;
3465
- color: #074b98;
3466
- color: rgba(7, 75, 152, var(--text-opacity));
3469
+ color: #0d43a7;
3470
+ color: rgba(13, 67, 167, var(--text-opacity));
3467
3471
  }
3468
3472
 
3469
3473
  .card-input-error {
@@ -3490,8 +3494,8 @@ body {
3490
3494
  font-size: 16px;
3491
3495
  line-height: 20px;
3492
3496
  --text-opacity:1;
3493
- color: #074b98;
3494
- color: rgba(7, 75, 152, var(--text-opacity));
3497
+ color: #0d43a7;
3498
+ color: rgba(13, 67, 167, var(--text-opacity));
3495
3499
  height: 2rem !important;
3496
3500
  padding: 1.5rem 1rem;
3497
3501
  border-radius: 8px;
@@ -3556,8 +3560,8 @@ body {
3556
3560
  border-color: rgba(212, 53, 28, var(--border-opacity));
3557
3561
  line-height: 2.5rem;
3558
3562
  --text-opacity:1;
3559
- color: #074b98;
3560
- color: rgba(7, 75, 152, var(--text-opacity));
3563
+ color: #0d43a7;
3564
+ color: rgba(13, 67, 167, var(--text-opacity));
3561
3565
  border-radius: 8px;
3562
3566
  }
3563
3567
 
@@ -3641,8 +3645,8 @@ body {
3641
3645
  font-size: 16px;
3642
3646
  line-height: 20px;
3643
3647
  --text-opacity:1;
3644
- color: #074b98;
3645
- color: rgba(7, 75, 152, var(--text-opacity));
3648
+ color: #0d43a7;
3649
+ color: rgba(13, 67, 167, var(--text-opacity));
3646
3650
  height: 2rem !important;
3647
3651
  margin-bottom: 16px !important;
3648
3652
  line-height: 2rem !important;
@@ -3683,8 +3687,8 @@ body {
3683
3687
  .emp-success-wrap, .success-wrap {
3684
3688
  display: block;
3685
3689
  --bg-opacity:1;
3686
- background-color: #287f1d;
3687
- background-color: rgba(40, 127, 29, var(--bg-opacity));
3690
+ background-color: #05a660;
3691
+ background-color: rgba(5, 166, 96, var(--bg-opacity));
3688
3692
  width: 100%;
3689
3693
  text-align: center;
3690
3694
  --text-opacity:1;
@@ -3883,8 +3887,8 @@ body {
3883
3887
  }
3884
3888
  .date-wrap p {
3885
3889
  --text-opacity:1;
3886
- color: #074b98;
3887
- color: rgba(7, 75, 152, var(--text-opacity));
3890
+ color: #0d43a7;
3891
+ color: rgba(13, 67, 167, var(--text-opacity));
3888
3892
  font-size: 16px;
3889
3893
  line-height: 24px;
3890
3894
  padding-left: 8px;
@@ -4028,6 +4032,15 @@ body {
4028
4032
  justify-content: space-between;
4029
4033
  }
4030
4034
 
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
+
4031
4044
  .checkpoint-connect-wrap {
4032
4045
  padding-bottom: 4px;
4033
4046
  position: relative;
@@ -4043,13 +4056,13 @@ body {
4043
4056
  height: 24px;
4044
4057
  border-radius: 50%;
4045
4058
  --border-opacity:1;
4046
- border-color: #074b98;
4059
+ border-color: #2947a3;
4047
4060
  border-bottom: 1px;
4048
- border-color: rgba(7, 75, 152, var(--border-opacity));
4061
+ border-color: rgba(41, 71, 163, var(--border-opacity));
4049
4062
  border-style: solid;
4050
4063
  --bg-opacity:1;
4051
- background-color: #074b98;
4052
- background-color: rgba(7, 75, 152, var(--bg-opacity));
4064
+ background-color: #2947a3;
4065
+ background-color: rgba(41, 71, 163, var(--bg-opacity));
4053
4066
  }
4054
4067
  .checkpoint-done header {
4055
4068
  margin-left: 16px;
@@ -4057,8 +4070,8 @@ body {
4057
4070
  .checkpoint-done header p {
4058
4071
  margin-top: 4px;
4059
4072
  --text-opacity:1;
4060
- color: #245f9c;
4061
- color: rgba(36, 95, 156, var(--text-opacity));
4073
+ color: #505a5f;
4074
+ color: rgba(80, 90, 95, var(--text-opacity));
4062
4075
  }
4063
4076
 
4064
4077
  .checkpoint {
@@ -4086,8 +4099,8 @@ body {
4086
4099
  .checkpoint header p {
4087
4100
  margin-top: 4px;
4088
4101
  --text-opacity:1;
4089
- color: #245f9c;
4090
- color: rgba(36, 95, 156, var(--text-opacity));
4102
+ color: #505a5f;
4103
+ color: rgba(80, 90, 95, var(--text-opacity));
4091
4104
  }
4092
4105
 
4093
4106
  .checkpoint-connect {
@@ -4115,8 +4128,8 @@ body {
4115
4128
  margin-top: 8px;
4116
4129
  }
4117
4130
  .checkpoint-comments-wrap h4 {
4118
- color: #074b98;
4119
- color: rgba(7, 75, 152, var(--text-opacity));
4131
+ color: #0d43a7;
4132
+ color: rgba(13, 67, 167, var(--text-opacity));
4120
4133
  }
4121
4134
  .checkpoint-comments-wrap h4, .checkpoint-comments-wrap p {
4122
4135
  --text-opacity:1;
@@ -4124,8 +4137,8 @@ body {
4124
4137
  line-height: 24px;
4125
4138
  }
4126
4139
  .checkpoint-comments-wrap p {
4127
- color: #245f9c;
4128
- color: rgba(36, 95, 156, var(--text-opacity));
4140
+ color: #505a5f;
4141
+ color: rgba(80, 90, 95, var(--text-opacity));
4129
4142
  }
4130
4143
 
4131
4144
  .chb-slot-summary {
@@ -4434,8 +4447,8 @@ body {
4434
4447
  .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 {
4435
4448
  border-width: 1px;
4436
4449
  --border-opacity:1;
4437
- border-color: #074b98;
4438
- border-color: rgba(7, 75, 152, var(--border-opacity));
4450
+ border-color: #2947a3;
4451
+ border-color: rgba(41, 71, 163, var(--border-opacity));
4439
4452
  }
4440
4453
  .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 {
4441
4454
  opacity: 1;
@@ -4445,8 +4458,8 @@ body {
4445
4458
  font-size: 16px;
4446
4459
  line-height: 20px;
4447
4460
  --text-opacity:1;
4448
- color: #074b98;
4449
- color: rgba(7, 75, 152, var(--text-opacity));
4461
+ color: #0d43a7;
4462
+ color: rgba(13, 67, 167, var(--text-opacity));
4450
4463
  position: relative;
4451
4464
  }
4452
4465
 
@@ -4485,8 +4498,8 @@ body {
4485
4498
  font-size: 16px;
4486
4499
  line-height: 20px;
4487
4500
  --text-opacity:1;
4488
- color: #074b98;
4489
- color: rgba(7, 75, 152, var(--text-opacity));
4501
+ color: #0d43a7;
4502
+ color: rgba(13, 67, 167, var(--text-opacity));
4490
4503
  margin-right: 8px;
4491
4504
  margin-bottom: 8px;
4492
4505
  text-align: center;
@@ -4535,8 +4548,8 @@ body {
4535
4548
  font-size: 16px !important;
4536
4549
  line-height: 20px !important;
4537
4550
  --text-opacity:1!important;
4538
- color: #074b98 !important;
4539
- color: rgba(7, 75, 152, var(--text-opacity)) !important;
4551
+ color: #0d43a7 !important;
4552
+ color: rgba(13, 67, 167, var(--text-opacity)) !important;
4540
4553
  height: 2.5rem !important;
4541
4554
  width: 100% !important;
4542
4555
  }
@@ -4657,8 +4670,8 @@ body {
4657
4670
  font-weight: 700;
4658
4671
  }
4659
4672
  .key-note-pair h3, .key-note-pair p {
4660
- color: #074b98;
4661
- color: rgba(7, 75, 152, var(--text-opacity));
4673
+ color: #0d43a7;
4674
+ color: rgba(13, 67, 167, var(--text-opacity));
4662
4675
  color: #000;
4663
4676
  }
4664
4677
  .key-note-pair .caption, .key-note-pair h3, .key-note-pair p {
@@ -4667,8 +4680,8 @@ body {
4667
4680
  line-height: 24px;
4668
4681
  }
4669
4682
  .key-note-pair .caption {
4670
- color: #245f9c;
4671
- color: rgba(36, 95, 156, var(--text-opacity));
4683
+ color: #505a5f;
4684
+ color: rgba(80, 90, 95, var(--text-opacity));
4672
4685
  }
4673
4686
 
4674
4687
  @media (min-width: 780px) {
@@ -4678,8 +4691,8 @@ body {
4678
4691
  }
4679
4692
  .key-note-pair .caption {
4680
4693
  --text-opacity:1;
4681
- color: #245f9c;
4682
- color: rgba(36, 95, 156, var(--text-opacity));
4694
+ color: #505a5f;
4695
+ color: rgba(80, 90, 95, var(--text-opacity));
4683
4696
  }
4684
4697
  }
4685
4698
  .status-highlight {
@@ -4705,19 +4718,19 @@ body {
4705
4718
  }
4706
4719
  .status-highlight.success {
4707
4720
  --bg-opacity:1;
4708
- background-color: #287f1d;
4709
- background-color: rgba(40, 127, 29, var(--bg-opacity));
4721
+ background-color: #05a660;
4722
+ background-color: rgba(5, 166, 96, var(--bg-opacity));
4710
4723
  }
4711
4724
  .status-highlight.success p {
4712
4725
  --text-opacity:1;
4713
- color: #287f1d;
4714
- color: rgba(40, 127, 29, var(--text-opacity));
4726
+ color: #05a660;
4727
+ color: rgba(5, 166, 96, var(--text-opacity));
4715
4728
  }
4716
4729
 
4717
4730
  .image-viewer-wrap {
4718
4731
  --bg-opacity:1;
4719
- background-color: #074b98;
4720
- background-color: rgba(7, 75, 152, var(--bg-opacity));
4732
+ background-color: #0d43a7;
4733
+ background-color: rgba(13, 67, 167, var(--bg-opacity));
4721
4734
  padding: 16px;
4722
4735
  top: 0;
4723
4736
  left: 0;
@@ -4751,8 +4764,8 @@ body {
4751
4764
  height: 100%;
4752
4765
  z-index: 20;
4753
4766
  --bg-opacity:1;
4754
- background-color: #074b98;
4755
- background-color: rgba(7, 75, 152, var(--bg-opacity));
4767
+ background-color: #0d43a7;
4768
+ background-color: rgba(13, 67, 167, var(--bg-opacity));
4756
4769
  padding: 16px;
4757
4770
  }
4758
4771
  .image-viewer-wrap svg {
@@ -4813,8 +4826,8 @@ body {
4813
4826
  font-size: 16px;
4814
4827
  line-height: 24px;
4815
4828
  --text-opacity:1;
4816
- color: #074b98;
4817
- color: rgba(7, 75, 152, var(--text-opacity));
4829
+ color: #0d43a7;
4830
+ color: rgba(13, 67, 167, var(--text-opacity));
4818
4831
  }
4819
4832
  .action-bar-wrap .menu-wrap div:hover {
4820
4833
  --bg-opacity:1;
@@ -4867,8 +4880,8 @@ body {
4867
4880
  font-size: 16px;
4868
4881
  line-height: 24px;
4869
4882
  --text-opacity:1;
4870
- color: #074b98;
4871
- color: rgba(7, 75, 152, var(--text-opacity));
4883
+ color: #0d43a7;
4884
+ color: rgba(13, 67, 167, var(--text-opacity));
4872
4885
  }
4873
4886
  .action-bar-wrap .menu-wrap div:hover {
4874
4887
  --bg-opacity:1;
@@ -4902,8 +4915,8 @@ body {
4902
4915
  font-size: 16px;
4903
4916
  line-height: 24px;
4904
4917
  --text-opacity:1;
4905
- color: #074b98;
4906
- color: rgba(7, 75, 152, var(--text-opacity));
4918
+ color: #0d43a7;
4919
+ color: rgba(13, 67, 167, var(--text-opacity));
4907
4920
  }
4908
4921
  .action-bar-wrap-registry .menu-wrap div:hover {
4909
4922
  --bg-opacity:1;
@@ -5630,6 +5643,24 @@ body {
5630
5643
  max-width: 400px;
5631
5644
  }
5632
5645
 
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
+
5633
5664
  .customTable tr {
5634
5665
  -webkit-transition: all 0.2s ease;
5635
5666
  transition: all 0.2s ease;
@@ -5655,6 +5686,18 @@ body {
5655
5686
  background-color: unset;
5656
5687
  }
5657
5688
 
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
+
5658
5701
  @media (max-width: 1024px) {
5659
5702
  .customTable thead th, .dss-table-wrapper table thead th, .table thead th {
5660
5703
  padding: 14px 16px;
@@ -6111,8 +6154,8 @@ body {
6111
6154
  display: -ms-flexbox;
6112
6155
  display: flex;
6113
6156
  --bg-opacity:1;
6114
- background-color: #287f1d;
6115
- background-color: rgba(40, 127, 29, var(--bg-opacity));
6157
+ background-color: #05a660;
6158
+ background-color: rgba(5, 166, 96, var(--bg-opacity));
6116
6159
  line-height: 1.75rem;
6117
6160
  z-index: 20;
6118
6161
  -webkit-box-align: center;
@@ -6172,8 +6215,8 @@ body {
6172
6215
  font-size: 16px;
6173
6216
  line-height: 24px;
6174
6217
  --text-opacity:1;
6175
- color: #074b98;
6176
- color: rgba(7, 75, 152, var(--text-opacity));
6218
+ color: #0d43a7;
6219
+ color: rgba(13, 67, 167, var(--text-opacity));
6177
6220
  margin-bottom: 16px;
6178
6221
  }
6179
6222
  .details-container .detail .name {
@@ -6191,6 +6234,8 @@ body {
6191
6234
  .telephone img, .telephone svg {
6192
6235
  height: 22px;
6193
6236
  width: 20px;
6237
+ color: #2947a3;
6238
+ color: rgba(41, 71, 163, var(--text-opacity));
6194
6239
  margin-left: 8px;
6195
6240
  -webkit-box-align: center;
6196
6241
  -ms-flex-align: center;
@@ -6198,10 +6243,10 @@ body {
6198
6243
  }
6199
6244
  .telephone img, .telephone p, .telephone svg {
6200
6245
  --text-opacity:1;
6201
- color: #074b98;
6202
- color: rgba(7, 75, 152, var(--text-opacity));
6203
6246
  }
6204
6247
  .telephone p {
6248
+ color: #0d43a7;
6249
+ color: rgba(13, 67, 167, var(--text-opacity));
6205
6250
  font-size: 16px;
6206
6251
  line-height: 24px;
6207
6252
  padding-left: 8px;
@@ -6217,8 +6262,8 @@ body {
6217
6262
 
6218
6263
  .call, .grey {
6219
6264
  --text-opacity:1;
6220
- color: #245f9c;
6221
- color: rgba(36, 95, 156, var(--text-opacity));
6265
+ color: #505a5f;
6266
+ color: rgba(80, 90, 95, var(--text-opacity));
6222
6267
  }
6223
6268
 
6224
6269
  .gc-citizen-details-form {
@@ -7138,8 +7183,8 @@ body {
7138
7183
 
7139
7184
  .action-link {
7140
7185
  --text-opacity:1!important;
7141
- color: #074b98 !important;
7142
- color: rgba(7, 75, 152, var(--text-opacity)) !important;
7186
+ color: #2947a3 !important;
7187
+ color: rgba(41, 71, 163, var(--text-opacity)) !important;
7143
7188
  font-size: 16px !important;
7144
7189
  line-height: 24px !important;
7145
7190
  margin-right: 24px !important;
@@ -7166,8 +7211,8 @@ body {
7166
7211
  }
7167
7212
  .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 {
7168
7213
  --text-opacity:1;
7169
- color: #074b98;
7170
- color: rgba(7, 75, 152, var(--text-opacity));
7214
+ color: #0d43a7;
7215
+ color: rgba(13, 67, 167, var(--text-opacity));
7171
7216
  font-size: 16px;
7172
7217
  line-height: 20px;
7173
7218
  }
@@ -7198,8 +7243,8 @@ body {
7198
7243
  .sect-dropdown-wrap .sect-dropdown-card h1 {
7199
7244
  padding-left: 8px;
7200
7245
  padding-top: 16px;
7201
- color: #074b98;
7202
- color: rgba(7, 75, 152, var(--text-opacity));
7246
+ color: #0d43a7;
7247
+ color: rgba(13, 67, 167, var(--text-opacity));
7203
7248
  }
7204
7249
  .sect-dropdown-wrap .sect-dropdown-card h1, .sect-dropdown-wrap .sect-dropdown-card p {
7205
7250
  --text-opacity:1;
@@ -7210,8 +7255,8 @@ body {
7210
7255
  padding-left: 21px;
7211
7256
  width: 100%;
7212
7257
  padding-top: 8px;
7213
- color: #245f9c;
7214
- color: rgba(36, 95, 156, var(--text-opacity));
7258
+ color: #505a5f;
7259
+ color: rgba(80, 90, 95, var(--text-opacity));
7215
7260
  }
7216
7261
  .sect-dropdown-wrap .sect-dropdown-card p:hover {
7217
7262
  --bg-opacity:1;
@@ -7233,8 +7278,8 @@ body {
7233
7278
  font-size: 19px;
7234
7279
  line-height: 23px;
7235
7280
  --text-opacity:1;
7236
- color: #074b98;
7237
- color: rgba(7, 75, 152, var(--text-opacity));
7281
+ color: #0d43a7;
7282
+ color: rgba(13, 67, 167, var(--text-opacity));
7238
7283
  margin-bottom: 16px;
7239
7284
  }
7240
7285
 
@@ -7257,8 +7302,8 @@ body {
7257
7302
  -ms-flex-direction: row;
7258
7303
  flex-direction: row;
7259
7304
  --text-opacity:1;
7260
- color: #0b63be;
7261
- color: rgba(11, 99, 190, var(--text-opacity));
7305
+ color: #1359c8;
7306
+ color: rgba(19, 89, 200, var(--text-opacity));
7262
7307
  }
7263
7308
  .searchBox .searchAction .searchText {
7264
7309
  margin-left: 8px;
@@ -7651,8 +7696,8 @@ video::-webkit-media-controls-panel {
7651
7696
  padding-left: 8px;
7652
7697
  padding-right: 8px;
7653
7698
  --border-opacity:1;
7654
- border: 1px solid #074b98;
7655
- border-color: rgba(7, 75, 152, var(--border-opacity));
7699
+ border: 1px solid #2947a3;
7700
+ border-color: rgba(41, 71, 163, var(--border-opacity));
7656
7701
  margin: 0 4.65% 0 0;
7657
7702
  height: 30px;
7658
7703
  line-height: 30px;
@@ -7662,8 +7707,8 @@ video::-webkit-media-controls-panel {
7662
7707
 
7663
7708
  .customBtn-selected {
7664
7709
  --bg-opacity:1;
7665
- background-color: #074b98;
7666
- background-color: rgba(7, 75, 152, var(--bg-opacity));
7710
+ background-color: #2947a3;
7711
+ background-color: rgba(41, 71, 163, var(--bg-opacity));
7667
7712
  --text-opacity:1;
7668
7713
  color: #fff;
7669
7714
  color: rgba(255, 255, 255, var(--text-opacity));
@@ -7675,8 +7720,8 @@ video::-webkit-media-controls-panel {
7675
7720
  .citizen-info-label {
7676
7721
  padding: 8px;
7677
7722
  --border-opacity:1;
7678
- border: 4px solid #0755a8;
7679
- border-color: rgba(7, 85, 168, var(--border-opacity));
7723
+ border: 4px solid #1d70b8;
7724
+ border-color: rgba(29, 112, 184, var(--border-opacity));
7680
7725
  font-size: 18px;
7681
7726
  line-height: 28px;
7682
7727
  margin: 8px;
@@ -7684,8 +7729,8 @@ video::-webkit-media-controls-panel {
7684
7729
  }
7685
7730
  .citizen-info-label p {
7686
7731
  --text-opacity:1;
7687
- color: #0755a8;
7688
- color: rgba(7, 85, 168, var(--text-opacity));
7732
+ color: #1d70b8;
7733
+ color: rgba(29, 112, 184, var(--text-opacity));
7689
7734
  font-weight: 700;
7690
7735
  margin-top: 4px;
7691
7736
  font-size: 16px;
@@ -7795,8 +7840,8 @@ video::-webkit-media-controls-panel {
7795
7840
  }
7796
7841
  .filters-wrapper .switch-wrapper label:hover {
7797
7842
  --border-opacity:1;
7798
- border: 1px solid #074b98;
7799
- border-color: rgba(7, 75, 152, var(--border-opacity));
7843
+ border: 1px solid #2947a3;
7844
+ border-color: rgba(41, 71, 163, var(--border-opacity));
7800
7845
  }
7801
7846
 
7802
7847
  .pickerShadow {
@@ -8548,16 +8593,16 @@ video::-webkit-media-controls-panel {
8548
8593
  top: unset;
8549
8594
  position: relative !important;
8550
8595
  --text-opacity:1!important;
8551
- color: #074b98 !important;
8552
- color: rgba(7, 75, 152, var(--text-opacity)) !important;
8596
+ color: #0d43a7 !important;
8597
+ color: rgba(13, 67, 167, var(--text-opacity)) !important;
8553
8598
  }
8554
8599
  .multilink-block-wrapper .multilink-labelWrap svg {
8555
8600
  fill: #505a5f;
8556
8601
  }
8557
8602
  .multilink-block-wrapper .multilink-labelWrap span {
8558
8603
  --text-opacity:1!important;
8559
- color: #074b98 !important;
8560
- color: rgba(7, 75, 152, var(--text-opacity)) !important;
8604
+ color: #0d43a7 !important;
8605
+ color: rgba(13, 67, 167, var(--text-opacity)) !important;
8561
8606
  }
8562
8607
  .multilink-block-wrapper .multilink-optionWrap {
8563
8608
  top: 8px;
@@ -8609,8 +8654,8 @@ video::-webkit-media-controls-panel {
8609
8654
 
8610
8655
  .info-banner-wrap {
8611
8656
  --bg-opacity:1;
8612
- background-color: #0755a8;
8613
- background-color: rgba(7, 85, 168, var(--bg-opacity));
8657
+ background-color: #1d70b8;
8658
+ background-color: rgba(29, 112, 184, var(--bg-opacity));
8614
8659
  --bg-opacity:0.25;
8615
8660
  margin: 8px;
8616
8661
  padding: 16px;
@@ -8635,8 +8680,8 @@ video::-webkit-media-controls-panel {
8635
8680
  }
8636
8681
  .info-banner-wrap h2, .info-banner-wrap p {
8637
8682
  --text-opacity:1;
8638
- color: #0755a8;
8639
- color: rgba(7, 85, 168, var(--text-opacity));
8683
+ color: #1d70b8;
8684
+ color: rgba(29, 112, 184, var(--text-opacity));
8640
8685
  }
8641
8686
  .info-banner-wrap p {
8642
8687
  font-size: 16px;
@@ -8659,8 +8704,8 @@ video::-webkit-media-controls-panel {
8659
8704
  font-size: 16px;
8660
8705
  line-height: 20px;
8661
8706
  --text-opacity:1;
8662
- color: #074b98;
8663
- color: rgba(7, 75, 152, var(--text-opacity));
8707
+ color: #0d43a7;
8708
+ color: rgba(13, 67, 167, var(--text-opacity));
8664
8709
  width: 100%;
8665
8710
  }
8666
8711
  .multi-select-dropdown-wrap .master, .multi-select-dropdown-wrap .master-active {
@@ -8771,8 +8816,8 @@ video::-webkit-media-controls-panel {
8771
8816
  font-size: 16px;
8772
8817
  line-height: 20px;
8773
8818
  --text-opacity:1;
8774
- color: #074b98;
8775
- color: rgba(7, 75, 152, var(--text-opacity));
8819
+ color: #0d43a7;
8820
+ color: rgba(13, 67, 167, var(--text-opacity));
8776
8821
  color: #1f2937;
8777
8822
  }
8778
8823
  .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 {
@@ -8853,8 +8898,8 @@ video::-webkit-media-controls-panel {
8853
8898
  font-size: 24px;
8854
8899
  line-height: 32px;
8855
8900
  --text-opacity:1;
8856
- color: #074b98;
8857
- color: rgba(7, 75, 152, var(--text-opacity));
8901
+ color: #0d43a7;
8902
+ color: rgba(13, 67, 167, var(--text-opacity));
8858
8903
  -webkit-box-pack: justify;
8859
8904
  -ms-flex-pack: justify;
8860
8905
  justify-content: space-between;
@@ -8868,8 +8913,8 @@ video::-webkit-media-controls-panel {
8868
8913
  font-size: 16px;
8869
8914
  line-height: 24px;
8870
8915
  --text-opacity:1;
8871
- color: #074b98;
8872
- color: rgba(7, 75, 152, var(--text-opacity));
8916
+ color: #2947a3;
8917
+ color: rgba(41, 71, 163, var(--text-opacity));
8873
8918
  }
8874
8919
  .CitizenHomeCard .links a {
8875
8920
  display: block;
@@ -9218,8 +9263,8 @@ video::-webkit-media-controls-panel {
9218
9263
  font-size: 16px;
9219
9264
  line-height: 24px;
9220
9265
  --text-opacity:1;
9221
- color: #0b63be;
9222
- color: rgba(11, 99, 190, var(--text-opacity));
9266
+ color: #1359c8;
9267
+ color: rgba(19, 89, 200, var(--text-opacity));
9223
9268
  width: 25%;
9224
9269
  display: inline-block;
9225
9270
  }
@@ -9240,8 +9285,8 @@ video::-webkit-media-controls-panel {
9240
9285
  font-size: 16px;
9241
9286
  line-height: 24px;
9242
9287
  --text-opacity:1;
9243
- color: #0b63be;
9244
- color: rgba(11, 99, 190, var(--text-opacity));
9288
+ color: #1359c8;
9289
+ color: rgba(19, 89, 200, var(--text-opacity));
9245
9290
  width: 100%;
9246
9291
  display: inline-block;
9247
9292
  }
@@ -9496,15 +9541,17 @@ video::-webkit-media-controls-panel {
9496
9541
  }
9497
9542
  .CardBasedOptions .headContent h2 {
9498
9543
  font-weight: 700;
9544
+ color: #0d43a7;
9545
+ color: rgba(13, 67, 167, var(--text-opacity));
9499
9546
  }
9500
9547
  .CardBasedOptions .headContent h2, .CardBasedOptions .headContent p {
9501
9548
  font-size: 16px;
9502
9549
  line-height: 24px;
9503
9550
  --text-opacity:1;
9504
- color: #074b98;
9505
- color: rgba(7, 75, 152, var(--text-opacity));
9506
9551
  }
9507
9552
  .CardBasedOptions .headContent p {
9553
+ color: #2947a3;
9554
+ color: rgba(41, 71, 163, var(--text-opacity));
9508
9555
  font-weight: 500;
9509
9556
  cursor: pointer;
9510
9557
  }
@@ -10286,24 +10333,24 @@ video::-webkit-media-controls-panel {
10286
10333
  background-color: #fff;
10287
10334
  background-color: rgba(255, 255, 255, var(--bg-opacity));
10288
10335
  --border-opacity:1;
10289
- border-color: #074b98;
10336
+ border-color: #2947a3;
10290
10337
  border-left: 4px;
10291
10338
  border-style: solid;
10292
- border-color: rgba(7, 75, 152, var(--border-opacity));
10339
+ border-color: rgba(41, 71, 163, var(--border-opacity));
10293
10340
  padding: 8px;
10294
10341
  }
10295
10342
  .WhatsNewCard h2 {
10296
10343
  font-size: 16px;
10297
10344
  line-height: 24px;
10298
10345
  --text-opacity:1;
10299
- color: #074b98;
10300
- color: rgba(7, 75, 152, var(--text-opacity));
10346
+ color: #0d43a7;
10347
+ color: rgba(13, 67, 167, var(--text-opacity));
10301
10348
  font-weight: 500;
10302
10349
  margin-bottom: 4px;
10303
10350
  }
10304
10351
  .WhatsNewCard p {
10305
- color: #245f9c;
10306
- color: rgba(36, 95, 156, var(--text-opacity));
10352
+ color: #505a5f;
10353
+ color: rgba(80, 90, 95, var(--text-opacity));
10307
10354
  }
10308
10355
  .WhatsNewCard a, .WhatsNewCard p {
10309
10356
  font-size: 16px;
@@ -10313,8 +10360,8 @@ video::-webkit-media-controls-panel {
10313
10360
  }
10314
10361
  .WhatsNewCard a {
10315
10362
  display: block;
10316
- color: #074b98;
10317
- color: rgba(7, 75, 152, var(--text-opacity));
10363
+ color: #2947a3;
10364
+ color: rgba(41, 71, 163, var(--text-opacity));
10318
10365
  }
10319
10366
 
10320
10367
  .SearchOnRadioButton svg {
@@ -10328,8 +10375,8 @@ video::-webkit-media-controls-panel {
10328
10375
 
10329
10376
  .EventCalendarView .MonthViewInEventCalendar {
10330
10377
  --bg-opacity:1;
10331
- background-color: #074b98;
10332
- background-color: rgba(7, 75, 152, var(--bg-opacity));
10378
+ background-color: #2947a3;
10379
+ background-color: rgba(41, 71, 163, var(--bg-opacity));
10333
10380
  font-size: 19px;
10334
10381
  line-height: 23px;
10335
10382
  --text-opacity:1;
@@ -10348,8 +10395,8 @@ video::-webkit-media-controls-panel {
10348
10395
  line-height: 32px;
10349
10396
  font-weight: 700;
10350
10397
  --text-opacity:1;
10351
- color: #074b98;
10352
- color: rgba(7, 75, 152, var(--text-opacity));
10398
+ color: #2947a3;
10399
+ color: rgba(41, 71, 163, var(--text-opacity));
10353
10400
  text-align: center;
10354
10401
  padding-top: 16px;
10355
10402
  padding-bottom: 16px;
@@ -10383,8 +10430,8 @@ video::-webkit-media-controls-panel {
10383
10430
  font-weight: 700;
10384
10431
  margin-bottom: 16px;
10385
10432
  --text-opacity:1;
10386
- color: #074b98;
10387
- color: rgba(7, 75, 152, var(--text-opacity));
10433
+ color: #0d43a7;
10434
+ color: rgba(13, 67, 167, var(--text-opacity));
10388
10435
  }
10389
10436
  .OnGroundEventCard .EventDetails .EventLocation {
10390
10437
  margin-bottom: 16px;
@@ -10397,8 +10444,8 @@ video::-webkit-media-controls-panel {
10397
10444
  font-size: 14px;
10398
10445
  line-height: 16px;
10399
10446
  --text-opacity:1;
10400
- color: #074b98;
10401
- color: rgba(7, 75, 152, var(--text-opacity));
10447
+ color: #0d43a7;
10448
+ color: rgba(13, 67, 167, var(--text-opacity));
10402
10449
  margin-left: 8px;
10403
10450
  }
10404
10451
  .OnGroundEventCard .EventDetails .EventLocation, .OnGroundEventCard .EventDetails .EventTime {
@@ -10414,16 +10461,16 @@ video::-webkit-media-controls-panel {
10414
10461
  font-size: 14px;
10415
10462
  line-height: 16px;
10416
10463
  --text-opacity:1;
10417
- color: #074b98;
10418
- color: rgba(7, 75, 152, var(--text-opacity));
10464
+ color: #0d43a7;
10465
+ color: rgba(13, 67, 167, var(--text-opacity));
10419
10466
  margin-left: 8px;
10420
10467
  }
10421
10468
  .OnGroundEventCard .EventDetails .EventCategory p {
10422
10469
  font-size: 14px;
10423
10470
  line-height: 16px;
10424
10471
  --text-opacity:1;
10425
- color: #074b98;
10426
- color: rgba(7, 75, 152, var(--text-opacity));
10472
+ color: #0d43a7;
10473
+ color: rgba(13, 67, 167, var(--text-opacity));
10427
10474
  }
10428
10475
 
10429
10476
  @media (min-width: 780px) {
@@ -10470,8 +10517,8 @@ video::-webkit-media-controls-panel {
10470
10517
  .popupModalHeading .popupResetFormButton {
10471
10518
  padding: 8px;
10472
10519
  --border-opacity:1;
10473
- border: 1px solid #074b98;
10474
- border-color: rgba(7, 75, 152, var(--border-opacity));
10520
+ border: 1px solid #0d43a7;
10521
+ border-color: rgba(13, 67, 167, var(--border-opacity));
10475
10522
  --border-opacity:0.25;
10476
10523
  -ms-flex-item-align: center;
10477
10524
  align-self: center;
@@ -10699,8 +10746,8 @@ video::-webkit-media-controls-panel {
10699
10746
  font-size: 16px;
10700
10747
  line-height: 20px;
10701
10748
  --text-opacity:1;
10702
- color: #245f9c;
10703
- color: rgba(36, 95, 156, var(--text-opacity));
10749
+ color: #505a5f;
10750
+ color: rgba(80, 90, 95, var(--text-opacity));
10704
10751
  margin-bottom: 8px;
10705
10752
  }
10706
10753
  .faqs .faq-answer span {
@@ -11875,14 +11922,14 @@ video::-webkit-media-controls-panel {
11875
11922
 
11876
11923
  .link {
11877
11924
  --text-opacity:1;
11878
- color: #074b98;
11879
- color: rgba(7, 75, 152, var(--text-opacity));
11925
+ color: #2947a3;
11926
+ color: rgba(41, 71, 163, var(--text-opacity));
11880
11927
  cursor: pointer;
11881
11928
  }
11882
11929
  .link :hover {
11883
11930
  --text-opacity:1;
11884
- color: #053b79;
11885
- color: rgba(5, 59, 121, var(--text-opacity));
11931
+ color: #c8602b;
11932
+ color: rgba(200, 96, 43, var(--text-opacity));
11886
11933
  }
11887
11934
 
11888
11935
  .RightMostTopBarOptions {
@@ -12271,8 +12318,8 @@ video::-webkit-media-controls-panel {
12271
12318
  display: -ms-flexbox;
12272
12319
  display: flex;
12273
12320
  --bg-opacity:1;
12274
- background-color: #074b98;
12275
- background-color: rgba(7, 75, 152, var(--bg-opacity));
12321
+ background-color: #22394d;
12322
+ background-color: rgba(34, 57, 77, var(--bg-opacity));
12276
12323
  width: 3rem;
12277
12324
  height: 3rem;
12278
12325
  }
@@ -12285,8 +12332,8 @@ video::-webkit-media-controls-panel {
12285
12332
  .heading-m {
12286
12333
  font-weight: 700;
12287
12334
  --text-opacity:1;
12288
- color: #074b98;
12289
- color: rgba(7, 75, 152, var(--text-opacity));
12335
+ color: #0d43a7;
12336
+ color: rgba(13, 67, 167, var(--text-opacity));
12290
12337
  font-size: 18px;
12291
12338
  line-height: 28px;
12292
12339
  margin-left: 16px;
@@ -12434,8 +12481,8 @@ video::-webkit-media-controls-panel {
12434
12481
  width: 56px;
12435
12482
  height: 56px;
12436
12483
  --bg-opacity:1;
12437
- background-color: #0b63be;
12438
- background-color: rgba(11, 99, 190, var(--bg-opacity));
12484
+ background-color: #1359c8;
12485
+ background-color: rgba(19, 89, 200, var(--bg-opacity));
12439
12486
  padding: 12px;
12440
12487
  border-radius: 4px;
12441
12488
  }
@@ -12466,8 +12513,8 @@ video::-webkit-media-controls-panel {
12466
12513
  .complaint-links-container .body .link {
12467
12514
  padding: 8px;
12468
12515
  --text-opacity:1;
12469
- color: #074b98;
12470
- color: rgba(7, 75, 152, var(--text-opacity));
12516
+ color: #2947a3;
12517
+ color: rgba(41, 71, 163, var(--text-opacity));
12471
12518
  -webkit-box-align: center;
12472
12519
  -ms-flex-align: center;
12473
12520
  align-items: center;
@@ -12487,8 +12534,8 @@ video::-webkit-media-controls-panel {
12487
12534
  width: 2rem;
12488
12535
  height: 2rem;
12489
12536
  --bg-opacity:1;
12490
- background-color: #074b98;
12491
- background-color: rgba(7, 75, 152, var(--bg-opacity));
12537
+ background-color: #2947a3;
12538
+ background-color: rgba(41, 71, 163, var(--bg-opacity));
12492
12539
  border-radius: 9999px;
12493
12540
  margin-left: 4px;
12494
12541
  background-color: #1359c8 !important;
@@ -12539,13 +12586,13 @@ video::-webkit-media-controls-panel {
12539
12586
 
12540
12587
  .filter-button {
12541
12588
  --text-opacity:1;
12542
- color: #074b98;
12543
- color: rgba(7, 75, 152, var(--text-opacity));
12589
+ color: #2947a3;
12590
+ color: rgba(41, 71, 163, var(--text-opacity));
12544
12591
  }
12545
12592
  .filter-button:hover {
12546
12593
  --text-opacity:1;
12547
- color: #053b79;
12548
- color: rgba(5, 59, 121, var(--text-opacity));
12594
+ color: #c8602b;
12595
+ color: rgba(200, 96, 43, var(--text-opacity));
12549
12596
  cursor: pointer;
12550
12597
  }
12551
12598
 
@@ -12618,8 +12665,8 @@ video::-webkit-media-controls-panel {
12618
12665
  font-size: 16px;
12619
12666
  line-height: 20px;
12620
12667
  --text-opacity:1;
12621
- color: #074b98;
12622
- color: rgba(7, 75, 152, var(--text-opacity));
12668
+ color: #0d43a7;
12669
+ color: rgba(13, 67, 167, var(--text-opacity));
12623
12670
  display: block;
12624
12671
  margin-bottom: 16px;
12625
12672
  }
@@ -12703,8 +12750,8 @@ video::-webkit-media-controls-panel {
12703
12750
  }
12704
12751
  .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
12705
12752
  --text-opacity:1;
12706
- color: #0b63be;
12707
- color: rgba(11, 99, 190, var(--text-opacity));
12753
+ color: #1359c8;
12754
+ color: rgba(19, 89, 200, var(--text-opacity));
12708
12755
  display: none;
12709
12756
  }
12710
12757
  .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
@@ -12717,8 +12764,8 @@ video::-webkit-media-controls-panel {
12717
12764
 
12718
12765
  .clear-search, .clear-search .link-label {
12719
12766
  --text-opacity:1;
12720
- color: #0b63be;
12721
- color: rgba(11, 99, 190, var(--text-opacity));
12767
+ color: #1359c8;
12768
+ color: rgba(19, 89, 200, var(--text-opacity));
12722
12769
  display: block;
12723
12770
  cursor: pointer;
12724
12771
  }
@@ -12727,8 +12774,8 @@ video::-webkit-media-controls-panel {
12727
12774
  }
12728
12775
 
12729
12776
  .button-clear {
12730
- color: #0b63be;
12731
- color: rgba(11, 99, 190, var(--text-opacity));
12777
+ color: #1359c8;
12778
+ color: rgba(19, 89, 200, var(--text-opacity));
12732
12779
  }
12733
12780
 
12734
12781
  .button-clear, .inbox-count {
@@ -12742,8 +12789,8 @@ video::-webkit-media-controls-panel {
12742
12789
  margin-left: 8px;
12743
12790
  padding: 8px;
12744
12791
  --bg-opacity:1;
12745
- background-color: #074b98;
12746
- background-color: rgba(7, 75, 152, var(--bg-opacity));
12792
+ background-color: #2947a3;
12793
+ background-color: rgba(41, 71, 163, var(--bg-opacity));
12747
12794
  border-radius: 9999px;
12748
12795
  color: #fff;
12749
12796
  color: rgba(255, 255, 255, var(--text-opacity));
@@ -12772,8 +12819,8 @@ video::-webkit-media-controls-panel {
12772
12819
  }
12773
12820
  .complaint-links-container .header .logo {
12774
12821
  --bg-opacity:1;
12775
- background-color: #0b63be;
12776
- background-color: rgba(11, 99, 190, var(--bg-opacity));
12822
+ background-color: #1359c8;
12823
+ background-color: rgba(19, 89, 200, var(--bg-opacity));
12777
12824
  padding: 12px;
12778
12825
  border-radius: 4px;
12779
12826
  }
@@ -12801,8 +12848,8 @@ video::-webkit-media-controls-panel {
12801
12848
  color: #a82227 !important;
12802
12849
  padding: 8px;
12803
12850
  --text-opacity:1;
12804
- color: #074b98;
12805
- color: rgba(7, 75, 152, var(--text-opacity));
12851
+ color: #2947a3;
12852
+ color: rgba(41, 71, 163, var(--text-opacity));
12806
12853
  }
12807
12854
 
12808
12855
  .inboxLinks {
@@ -12963,8 +13010,8 @@ video::-webkit-media-controls-panel {
12963
13010
  }
12964
13011
  .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
12965
13012
  --text-opacity:1;
12966
- color: #0b63be;
12967
- color: rgba(11, 99, 190, var(--text-opacity));
13013
+ color: #1359c8;
13014
+ color: rgba(19, 89, 200, var(--text-opacity));
12968
13015
  display: block;
12969
13016
  }
12970
13017
  .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
@@ -16745,16 +16792,18 @@ body {
16745
16792
  }
16746
16793
  .HomePageWrapper .WhatsNewSection .headSection h2 {
16747
16794
  font-weight: 700;
16795
+ color: #0d43a7;
16796
+ color: rgba(13, 67, 167, var(--text-opacity));
16748
16797
  padding-left: 8px;
16749
16798
  }
16750
16799
  .HomePageWrapper .WhatsNewSection .headSection h2, .HomePageWrapper .WhatsNewSection .headSection p {
16751
16800
  font-size: 16px;
16752
16801
  line-height: 24px;
16753
16802
  --text-opacity:1;
16754
- color: #074b98;
16755
- color: rgba(7, 75, 152, var(--text-opacity));
16756
16803
  }
16757
16804
  .HomePageWrapper .WhatsNewSection .headSection p {
16805
+ color: #2947a3;
16806
+ color: rgba(41, 71, 163, var(--text-opacity));
16758
16807
  font-weight: 500;
16759
16808
  cursor: pointer;
16760
16809
  }
@@ -16933,8 +16982,8 @@ body {
16933
16982
  }
16934
16983
  .eventAddressAndDirection span div .direction {
16935
16984
  --text-opacity:1;
16936
- color: #074b98;
16937
- color: rgba(7, 75, 152, var(--text-opacity));
16985
+ color: #2947a3;
16986
+ color: rgba(41, 71, 163, var(--text-opacity));
16938
16987
  cursor: pointer;
16939
16988
  }
16940
16989
 
@@ -16957,8 +17006,8 @@ body {
16957
17006
  font-size: 14px;
16958
17007
  line-height: 16px;
16959
17008
  --text-opacity:1;
16960
- color: #245f9c;
16961
- color: rgba(36, 95, 156, var(--text-opacity));
17009
+ color: #505a5f;
17010
+ color: rgba(80, 90, 95, var(--text-opacity));
16962
17011
  margin-bottom: 16px;
16963
17012
  }
16964
17013
 
@@ -17300,8 +17349,8 @@ body {
17300
17349
 
17301
17350
  .new_document_para_color {
17302
17351
  --text-opacity:1;
17303
- color: #eef8eb;
17304
- color: rgba(238, 248, 235, var(--text-opacity));
17352
+ color: #f18f5e;
17353
+ color: rgba(241, 143, 94, var(--text-opacity));
17305
17354
  margin-bottom: 42px;
17306
17355
  }
17307
17356
 
@@ -17656,8 +17705,8 @@ body {
17656
17705
  .surveyListclockDiv span {
17657
17706
  padding-left: 16px;
17658
17707
  --text-opacity:1;
17659
- color: #074b98;
17660
- color: rgba(7, 75, 152, var(--text-opacity));
17708
+ color: #0d43a7;
17709
+ color: rgba(13, 67, 167, var(--text-opacity));
17661
17710
  }
17662
17711
 
17663
17712
  .surveyListstatus {
@@ -17680,8 +17729,8 @@ body {
17680
17729
 
17681
17730
  .surveyLisResponded {
17682
17731
  --text-opacity:1;
17683
- color: #287f1d;
17684
- color: rgba(40, 127, 29, var(--text-opacity));
17732
+ color: #05a660;
17733
+ color: rgba(5, 166, 96, var(--text-opacity));
17685
17734
  }
17686
17735
 
17687
17736
  .surveyListCardMargin {
@@ -22855,6 +22904,202 @@ body {
22855
22904
  margin-top: 30px;
22856
22905
  }
22857
22906
 
22907
+ .ral-payment-history {
22908
+ margin-top: 24px;
22909
+ }
22910
+
22911
+ .ral-payment-history__header {
22912
+ display: -webkit-box;
22913
+ display: -ms-flexbox;
22914
+ display: flex;
22915
+ -webkit-box-align: start;
22916
+ -ms-flex-align: start;
22917
+ align-items: flex-start;
22918
+ -webkit-box-pack: justify;
22919
+ -ms-flex-pack: justify;
22920
+ justify-content: space-between;
22921
+ grid-gap: 24px;
22922
+ gap: 24px;
22923
+ margin-bottom: 20px;
22924
+ }
22925
+
22926
+ .ral-payment-history__consumer {
22927
+ margin: 4px 0 0;
22928
+ color: #5b6b82;
22929
+ font-size: 14px;
22930
+ }
22931
+
22932
+ .ral-payment-history__totals {
22933
+ display: -webkit-box;
22934
+ display: -ms-flexbox;
22935
+ display: flex;
22936
+ -ms-flex-wrap: wrap;
22937
+ flex-wrap: wrap;
22938
+ grid-gap: 12px;
22939
+ gap: 12px;
22940
+ }
22941
+
22942
+ .ral-payment-history__totals > div {
22943
+ min-width: 126px;
22944
+ padding: 10px 14px;
22945
+ border: 1px solid #dbe7f5;
22946
+ border-radius: 8px;
22947
+ background: #f7fbff;
22948
+ }
22949
+
22950
+ .ral-payment-history__totals span, .ral-payment-history__totals strong {
22951
+ display: block;
22952
+ }
22953
+
22954
+ .ral-payment-history__totals span {
22955
+ color: #5b6b82;
22956
+ font-size: 12px;
22957
+ }
22958
+
22959
+ .ral-payment-history__totals strong {
22960
+ margin-top: 4px;
22961
+ color: #173f73;
22962
+ font-size: 16px;
22963
+ }
22964
+
22965
+ .ral-payment-history__table-wrap {
22966
+ overflow-x: auto;
22967
+ border: 1px solid #dbe7f5;
22968
+ border-radius: 8px;
22969
+ }
22970
+
22971
+ .ral-payment-history__table {
22972
+ width: 100%;
22973
+ min-width: 780px;
22974
+ border-collapse: collapse;
22975
+ color: #23354d;
22976
+ font-size: 14px;
22977
+ }
22978
+
22979
+ .ral-payment-history__table td, .ral-payment-history__table th {
22980
+ padding: 14px 16px;
22981
+ border-bottom: 1px solid #e4edf7;
22982
+ text-align: left;
22983
+ vertical-align: middle;
22984
+ }
22985
+
22986
+ .ral-payment-history__table th {
22987
+ color: #5b6b82;
22988
+ background: #f7faff;
22989
+ font-size: 12px;
22990
+ font-weight: 700;
22991
+ letter-spacing: 0.03em;
22992
+ text-transform: uppercase;
22993
+ }
22994
+
22995
+ .ral-payment-history__table tbody tr:last-child td {
22996
+ border-bottom: 0;
22997
+ }
22998
+
22999
+ .ral-payment-history__month-button {
23000
+ display: -webkit-inline-box;
23001
+ display: -ms-inline-flexbox;
23002
+ display: inline-flex;
23003
+ -webkit-box-align: center;
23004
+ -ms-flex-align: center;
23005
+ align-items: center;
23006
+ grid-gap: 6px;
23007
+ gap: 6px;
23008
+ padding: 0;
23009
+ border: 0;
23010
+ background: transparent;
23011
+ color: #0b63ce;
23012
+ font: inherit;
23013
+ font-weight: 700;
23014
+ cursor: pointer;
23015
+ }
23016
+
23017
+ .ral-payment-history__month-button:disabled {
23018
+ color: #23354d;
23019
+ cursor: default;
23020
+ }
23021
+
23022
+ .ral-payment-history__month-button span {
23023
+ width: 10px;
23024
+ color: #287e37;
23025
+ font-size: 18px;
23026
+ line-height: 1;
23027
+ }
23028
+
23029
+ .ral-payment-history__status {
23030
+ display: inline-block;
23031
+ padding: 5px 9px;
23032
+ border-radius: 999px;
23033
+ font-size: 12px;
23034
+ font-weight: 700;
23035
+ white-space: nowrap;
23036
+ }
23037
+
23038
+ .ral-payment-history__status--paid {
23039
+ color: #16733a;
23040
+ background: #eaf8ee;
23041
+ }
23042
+
23043
+ .ral-payment-history__status--partially_paid {
23044
+ color: #9a5b00;
23045
+ background: #fff4dd;
23046
+ }
23047
+
23048
+ .ral-payment-history__status--due {
23049
+ color: #b42318;
23050
+ background: #fff0ef;
23051
+ }
23052
+
23053
+ .ral-payment-history__receipts-row td {
23054
+ padding: 0;
23055
+ background: #f7fbff;
23056
+ }
23057
+
23058
+ .ral-payment-history__receipts {
23059
+ padding: 8px 16px;
23060
+ }
23061
+
23062
+ .ral-payment-history__receipt {
23063
+ display: -webkit-box;
23064
+ display: -ms-flexbox;
23065
+ display: flex;
23066
+ -ms-flex-wrap: wrap;
23067
+ flex-wrap: wrap;
23068
+ grid-gap: 8px 18px;
23069
+ gap: 8px 18px;
23070
+ padding: 10px 0;
23071
+ border-bottom: 1px solid #e4edf7;
23072
+ }
23073
+
23074
+ .ral-payment-history__receipt:last-child {
23075
+ border-bottom: 0;
23076
+ }
23077
+
23078
+ .ral-payment-history__receipt strong {
23079
+ color: #173f73;
23080
+ }
23081
+
23082
+ .ral-payment-history__message {
23083
+ padding: 24px 0;
23084
+ color: #5b6b82;
23085
+ }
23086
+
23087
+ .ral-payment-history__message--error {
23088
+ color: #b42318;
23089
+ }
23090
+
23091
+ @media (max-width: 768px) {
23092
+ .ral-payment-history__header, .ral-payment-history__totals {
23093
+ -webkit-box-orient: vertical;
23094
+ -webkit-box-direction: normal;
23095
+ -ms-flex-direction: column;
23096
+ flex-direction: column;
23097
+ }
23098
+
23099
+ .ral-payment-history__totals, .ral-payment-history__totals > div {
23100
+ width: 100%;
23101
+ }
23102
+ }
22858
23103
  .ral-bill-generate {
22859
23104
  max-width: 100%;
22860
23105
  }
@@ -23197,6 +23442,96 @@ body {
23197
23442
  display: none;
23198
23443
  }
23199
23444
 
23445
+ .ral-owner-search-results {
23446
+ width: 100%;
23447
+ max-width: 100%;
23448
+ min-width: 0;
23449
+ overflow-x: auto;
23450
+ overflow-y: hidden;
23451
+ -webkit-overflow-scrolling: touch;
23452
+ }
23453
+ .ral-owner-search-results .ndc-new-table-wrapper {
23454
+ width: 100%;
23455
+ max-width: 100%;
23456
+ min-width: 0;
23457
+ overflow-x: auto;
23458
+ overflow-y: hidden;
23459
+ -webkit-overflow-scrolling: touch;
23460
+ }
23461
+ .ral-owner-search-results .customTable {
23462
+ min-width: 1480px;
23463
+ table-layout: fixed;
23464
+ }
23465
+ .ral-owner-search-results .customTable td, .ral-owner-search-results .customTable th {
23466
+ -webkit-box-sizing: border-box;
23467
+ box-sizing: border-box;
23468
+ word-wrap: anywhere;
23469
+ text-align: left;
23470
+ }
23471
+ .ral-owner-search-results .customTable th {
23472
+ line-height: 1.3;
23473
+ white-space: normal;
23474
+ }
23475
+ .ral-owner-search-results .customTable td:first-child, .ral-owner-search-results .customTable th:first-child {
23476
+ width: 170px;
23477
+ }
23478
+ .ral-owner-search-results .customTable td:nth-child(2), .ral-owner-search-results .customTable th:nth-child(2) {
23479
+ width: 130px;
23480
+ white-space: nowrap;
23481
+ }
23482
+ .ral-owner-search-results .customTable td:nth-child(3), .ral-owner-search-results .customTable th:nth-child(3) {
23483
+ width: 220px;
23484
+ }
23485
+ .ral-owner-search-results .customTable td:nth-child(4), .ral-owner-search-results .customTable th:nth-child(4) {
23486
+ width: 125px;
23487
+ white-space: nowrap;
23488
+ }
23489
+ .ral-owner-search-results .customTable td:nth-child(5), .ral-owner-search-results .customTable th:nth-child(5) {
23490
+ width: 205px;
23491
+ }
23492
+ .ral-owner-search-results .customTable td:nth-child(6), .ral-owner-search-results .customTable th:nth-child(6) {
23493
+ width: 220px;
23494
+ }
23495
+ .ral-owner-search-results .customTable td:nth-child(7), .ral-owner-search-results .customTable th:nth-child(7) {
23496
+ width: 110px;
23497
+ white-space: nowrap;
23498
+ }
23499
+ .ral-owner-search-results .customTable td:nth-child(8), .ral-owner-search-results .customTable th:nth-child(8) {
23500
+ width: 120px;
23501
+ text-align: center;
23502
+ white-space: nowrap;
23503
+ }
23504
+
23505
+ .ral-owner-details-step {
23506
+ width: 100%;
23507
+ max-width: 100%;
23508
+ min-width: 0;
23509
+ overflow-x: hidden !important;
23510
+ }
23511
+ .ral-owner-details-step #owner-search-form-container {
23512
+ max-width: 100%;
23513
+ min-width: 0;
23514
+ overflow: hidden;
23515
+ }
23516
+
23517
+ .ral-owner-search-controls {
23518
+ -webkit-box-pack: start;
23519
+ -ms-flex-pack: start;
23520
+ justify-content: flex-start;
23521
+ }
23522
+ .ral-owner-search-controls .obps-page-components-layout-owner-search-modal--style-7 {
23523
+ -webkit-box-flex: 0;
23524
+ -ms-flex: 0 1 380px;
23525
+ flex: 0 1 380px;
23526
+ width: 380px;
23527
+ max-width: 100%;
23528
+ }
23529
+
23530
+ @media (max-width: 768px) {
23531
+ .ral-owner-search-controls .obps-page-components-layout-owner-search-modal--style-7 {
23532
+ width: 100%;
23533
+ }
23534
+ }
23200
23535
  .survey-modal-wrapper {
23201
23536
  padding: 0;
23202
23537
  background-color: #f9fafb;
@@ -24013,231 +24348,6 @@ body {
24013
24348
  cursor: pointer;
24014
24349
  }
24015
24350
 
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
- }
24241
24351
  .ads-registration-row {
24242
24352
  display: -webkit-box;
24243
24353
  display: -ms-flexbox;
@@ -28295,8 +28405,8 @@ body {
28295
28405
  font-size: 16px;
28296
28406
  line-height: 24px;
28297
28407
  --text-opacity:1;
28298
- color: #074b98;
28299
- color: rgba(7, 75, 152, var(--text-opacity));
28408
+ color: #0d43a7;
28409
+ color: rgba(13, 67, 167, var(--text-opacity));
28300
28410
  }
28301
28411
  .action-bar-wrap-menu .menu-wrap-position div:hover {
28302
28412
  --bg-opacity:1;
@@ -35009,3057 +35119,307 @@ body {
35009
35119
  margin-top: -21px;
35010
35120
  }
35011
35121
 
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);
35034
- }
35035
-
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;
35122
+ .display-none {
35123
+ display: none;
35044
35124
  }
35045
35125
 
35046
- .mseva-green {
35047
- --mseva-icon:#2fae35;
35048
- --mseva-icon-bg:#eaf7eb;
35126
+ .primary-label-btn {
35127
+ margin: 10px auto 0 !important;
35049
35128
  }
35050
35129
 
35051
- .mseva-blue {
35052
- --mseva-icon:#1464d2;
35053
- --mseva-icon-bg:#eaf2ff;
35130
+ .p-unset {
35131
+ padding: unset !important;
35054
35132
  }
35055
35133
 
35056
- .mseva-purple {
35057
- --mseva-icon:#7b35d6;
35058
- --mseva-icon-bg:#f2eaff;
35134
+ .flex-one {
35135
+ -webkit-box-flex: 1;
35136
+ -ms-flex: 1 1 0%;
35137
+ flex: 1 1 0%;
35059
35138
  }
35060
35139
 
35061
- .mseva-orange {
35062
- --mseva-icon:#f28c18;
35063
- --mseva-icon-bg:#fff2e3;
35140
+ .display-flex-gap-2 {
35141
+ display: -webkit-box;
35142
+ display: -ms-flexbox;
35143
+ display: flex;
35144
+ grid-gap: 0.75rem;
35145
+ gap: 0.75rem;
35064
35146
  }
35065
35147
 
35066
- .mseva-pink {
35067
- --mseva-icon:#d83b8d;
35068
- --mseva-icon-bg:#fceaf4;
35148
+ .rm-mb {
35149
+ margin-bottom: unset !important;
35069
35150
  }
35070
35151
 
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;
35152
+ .w-fullwidth {
35153
+ width: 100%;
35075
35154
  }
35076
35155
 
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;
35156
+ .stepper {
35157
+ padding: 10px;
35081
35158
  }
35082
35159
 
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;
35160
+ .margin-unset {
35161
+ margin: unset !important;
35087
35162
  }
35088
35163
 
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;
35164
+ .text-align-center {
35165
+ text-align: center;
35093
35166
  }
35094
35167
 
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;
35168
+ .text-align-left {
35169
+ text-align: left;
35099
35170
  }
35100
35171
 
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;
35172
+ .text-align-right {
35173
+ text-align: right;
35105
35174
  }
35106
35175
 
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;
35176
+ .desktop-only {
35177
+ display: none;
35111
35178
  }
35112
35179
 
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;
35180
+ @media (min-width: 780px) {
35181
+ .desktop-only {
35182
+ display: block;
35183
+ }
35117
35184
  }
35118
-
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;
35185
+ .mobile-only {
35186
+ display: block;
35123
35187
  }
35124
35188
 
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;
35189
+ @media (min-width: 780px) {
35190
+ .mobile-only {
35191
+ display: none;
35192
+ }
35129
35193
  }
35130
-
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;
35194
+ .dark {
35195
+ --text-opacity:1;
35196
+ color: #0d43a7;
35197
+ color: rgba(13, 67, 167, var(--text-opacity));
35198
+ width: auto !important;
35135
35199
  }
35136
35200
 
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;
35201
+ .mrlg {
35202
+ margin-right: 24px;
35141
35203
  }
35142
35204
 
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;
35205
+ .mrsm {
35206
+ margin-right: 8px;
35147
35207
  }
35148
35208
 
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;
35209
+ .mbsm {
35210
+ margin-bottom: 8px;
35153
35211
  }
35154
35212
 
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;
35213
+ .home-link {
35214
+ margin-left: 16px;
35215
+ margin-bottom: 16px;
35159
35216
  }
35160
-
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;
35217
+ .home-link a {
35218
+ color: #1d70b8;
35165
35219
  }
35166
35220
 
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;
35221
+ .clear-search-label {
35222
+ color: #2947a3;
35223
+ cursor: pointer;
35171
35224
  }
35172
35225
 
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;
35226
+ .search-submit-bar {
35227
+ margin-top: 32;
35228
+ margin-left: auto;
35177
35229
  }
35178
35230
 
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;
35231
+ .ws-citizen-wrapper {
35232
+ padding: 15px;
35183
35233
  }
35184
35234
 
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;
35235
+ .application-details-link-button {
35236
+ display: -webkit-box;
35237
+ display: -ms-flexbox;
35238
+ display: flex;
35239
+ -webkit-box-pack: justify;
35240
+ -ms-flex-pack: justify;
35241
+ justify-content: space-between;
35242
+ -webkit-box-align: center;
35243
+ -ms-flex-align: center;
35244
+ align-items: center;
35189
35245
  }
35190
-
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;
35246
+ .application-details-link-button .download-button {
35247
+ color: a82227;
35248
+ margin-left: 8px;
35195
35249
  }
35196
35250
 
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;
35251
+ .response-download-button {
35252
+ display: -webkit-box;
35253
+ display: -ms-flexbox;
35254
+ display: flex;
35255
+ margin-bottom: 8px;
35201
35256
  }
35202
-
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;
35257
+ .response-download-button .download-button {
35258
+ color: #a82227;
35259
+ margin-left: 8px;
35260
+ white-space: nowrap;
35207
35261
  }
35208
35262
 
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;
35263
+ .check-page-link-button {
35264
+ color: #a82227 !important;
35213
35265
  }
35214
35266
 
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;
35267
+ .pt-application-download-btn {
35268
+ display: -webkit-box;
35269
+ display: -ms-flexbox;
35270
+ display: flex;
35271
+ -webkit-box-pack: end;
35272
+ -ms-flex-pack: end;
35273
+ justify-content: flex-end;
35274
+ margin: 0 8px;
35246
35275
  }
35247
35276
 
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%;
35277
+ .application-table-container {
35278
+ margin-top: 24px;
35279
+ margin-left: 24px;
35280
+ -webkit-box-flex: 1;
35281
+ -ms-flex: 1 1 0%;
35282
+ flex: 1 1 0%;
35254
35283
  }
35255
35284
 
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;
35285
+ .primary-label-btn {
35286
+ display: -webkit-box;
35287
+ display: -ms-flexbox;
35288
+ display: flex;
35289
+ grid-gap: 10px;
35290
+ gap: 10px;
35291
+ color: #5a1166;
35292
+ cursor: pointer;
35293
+ font-weight: 500;
35294
+ width: -webkit-fit-content;
35295
+ width: -moz-fit-content;
35296
+ width: fit-content;
35263
35297
  }
35264
-
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;
35298
+ .primary-label-btn svg {
35299
+ fill: #a82227;
35272
35300
  }
35273
35301
 
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);
35302
+ .primaryColor {
35303
+ color: #0b0c0c !important;
35281
35304
  }
35282
35305
 
35283
- h1, h2, h3, h4, h5, h6 {
35284
- line-height: 1.25;
35306
+ @media (hover: hover) {
35307
+ .primary-label-btn:hover {
35308
+ color: #000;
35309
+ }
35310
+ .primary-label-btn:hover svg {
35311
+ fill: #000;
35312
+ }
35285
35313
  }
35286
-
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);
35314
+ .disabled {
35315
+ --border-opacity:1!important;
35316
+ border-color: #9e9e9e !important;
35317
+ border-color: rgba(158, 158, 158, var(--border-opacity)) !important;
35318
+ --text-opacity:1!important;
35319
+ color: #9e9e9e !important;
35320
+ color: rgba(158, 158, 158, var(--text-opacity)) !important;
35321
+ pointer-events: none !important;
35290
35322
  }
35291
35323
 
35292
- .mseva-skip-link {
35293
- position: fixed;
35324
+ .card-date-input {
35325
+ position: absolute;
35294
35326
  top: 0;
35295
- right: auto;
35296
- bottom: auto;
35297
35327
  left: 0;
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;
35310
- }
35311
-
35312
- .mseva-skip-link:focus {
35313
- -webkit-transform: translateY(0);
35314
- transform: translateY(0);
35328
+ width: 75%;
35329
+ --bg-opacity:1;
35330
+ background-color: #fff;
35331
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
35332
+ padding-left: 8px;
35333
+ --border-opacity:1;
35334
+ border: 1px solid #464646;
35335
+ border-color: rgba(70, 70, 70, var(--border-opacity));
35336
+ border-right: 0 solid rgba(70, 70, 70, var(--border-opacity));
35337
+ outline: 1px solid transparent;
35338
+ height: 2.5rem;
35315
35339
  }
35316
35340
 
35317
- .mseva-button, [role=button], button, input, .checkbox-wrap .input-emp, select, textarea {
35318
- font: inherit;
35341
+ .h4 {
35342
+ margin-bottom: 8px;
35319
35343
  }
35320
35344
 
35321
- .mseva-button, [role=button], button, input, .checkbox-wrap .input-emp, select, textarea {
35322
- min-height: 44px;
35323
- min-height: var(--mseva-control-min);
35345
+ .react-time-picker {
35346
+ width: 194px;
35347
+ height: 2.5rem;
35324
35348
  }
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);
35349
+ .react-time-picker__wrapper {
35350
+ border: 2px solid #0b0c0c;
35351
+ padding-left: 16px;
35334
35352
  }
35335
-
35336
- input::-webkit-input-placeholder, .checkbox-wrap .input-emp::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
35337
- color: #667085;
35338
- opacity: 1;
35353
+ .react-time-picker__inputGroup__input {
35354
+ padding-left: 8px;
35355
+ padding-right: 8px;
35356
+ line-height: 2.5rem;
35357
+ min-width: 16px;
35339
35358
  }
35340
-
35341
- input::-moz-placeholder, .checkbox-wrap .input-emp::-moz-placeholder, textarea::-moz-placeholder {
35342
- color: #667085;
35343
- opacity: 1;
35359
+ .react-time-picker__inputGroup__input:focus {
35360
+ outline: 2px solid #000;
35344
35361
  }
35345
35362
 
35346
- input:-ms-input-placeholder, .checkbox-wrap .input-emp:-ms-input-placeholder, textarea:-ms-input-placeholder {
35347
- color: #667085;
35348
- opacity: 1;
35363
+ .border-none {
35364
+ border: none;
35365
+ -webkit-box-pack: justify;
35366
+ -ms-flex-pack: justify;
35367
+ justify-content: space-between;
35349
35368
  }
35350
35369
 
35351
- input::-ms-input-placeholder, .checkbox-wrap .input-emp::-ms-input-placeholder, textarea::-ms-input-placeholder {
35352
- color: #667085;
35353
- opacity: 1;
35370
+ .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 {
35371
+ -webkit-appearance: none;
35372
+ margin: 0;
35354
35373
  }
35355
35374
 
35356
- input::placeholder, .checkbox-wrap .input-emp::placeholder, textarea::placeholder {
35357
- color: #667085;
35358
- opacity: 1;
35375
+ .hide-number-spinner input[type=number], .hide-number-spinner .checkbox-wrap [type=number].input-emp, .checkbox-wrap .hide-number-spinner [type=number].input-emp {
35376
+ -moz-appearance: textfield;
35359
35377
  }
35360
35378
 
35361
- [role=button]:focus, [tabindex]:focus, button:focus, input:focus, .checkbox-wrap .input-emp:focus, select:focus, textarea:focus {
35362
- outline: 0;
35379
+ .static {
35380
+ display: -webkit-box;
35381
+ display: -ms-flexbox;
35382
+ display: flex;
35383
+ -webkit-box-orient: vertical;
35384
+ -webkit-box-direction: normal;
35385
+ -ms-flex-direction: column;
35386
+ flex-direction: column;
35387
+ min-height: 85vh;
35363
35388
  }
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);
35389
+ .static-wrapper {
35390
+ -webkit-box-flex: 1;
35391
+ -ms-flex: 1;
35392
+ flex: 1;
35393
+ max-height: 75vh;
35394
+ overflow: scroll;
35395
+ -ms-overflow-style: none;
35396
+ scrollbar-width: none;
35368
35397
  }
35369
-
35370
- a {
35371
- color: #074b98;
35372
- color: var(--mseva-blue-900);
35373
- text-decoration: underline;
35374
- text-underline-offset: 0.15em;
35398
+ .static-wrapper::-webkit-scrollbar {
35399
+ display: none;
35375
35400
  }
35376
35401
 
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);
35402
+ .bill-summary {
35403
+ border: 1px solid #e8e7e6;
35404
+ --bg-opacity:1;
35405
+ background-color: #fafafa;
35406
+ background-color: rgba(250, 250, 250, var(--bg-opacity));
35407
+ width: 100%;
35387
35408
  }
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);
35409
+ .bill-summary .bill-account-details {
35410
+ display: -webkit-box;
35411
+ display: -ms-flexbox;
35412
+ display: flex;
35413
+ margin-bottom: 16px;
35414
+ padding: 5px;
35394
35415
  }
35395
-
35396
- .mseva-service-card__title {
35397
- color: #074b98;
35398
- color: var(--mseva-text);
35416
+ .bill-summary .bill-account-details .label {
35417
+ width: 50%;
35399
35418
  font-weight: 700;
35400
35419
  }
35401
-
35402
- .mseva-service-card__meta {
35403
- color: #245f9c;
35404
- color: var(--mseva-text-secondary);
35405
- }
35406
-
35407
- .mseva-status {
35408
- display: -webkit-inline-box;
35409
- display: -ms-inline-flexbox;
35410
- display: inline-flex;
35411
- -webkit-box-align: center;
35412
- -ms-flex-align: center;
35413
- align-items: center;
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;
35421
- font-weight: 700;
35422
- }
35423
-
35424
- .mseva-status--success {
35425
- color: #176b1d;
35426
- color: var(--mseva-success);
35427
- background: #eef8eb;
35428
- background: var(--mseva-green-100);
35429
- }
35430
-
35431
- .mseva-status--warning {
35432
- color: #8a4b00;
35433
- color: var(--mseva-warning);
35434
- background: #fff2e3;
35435
- background: var(--mseva-orange-100);
35436
- }
35437
-
35438
- .mseva-status--error {
35439
- color: #b42318;
35440
- color: var(--mseva-error);
35441
- background: #fef3f2;
35442
- }
35443
-
35444
- .mseva-status--info {
35445
- color: #074b98;
35446
- color: var(--mseva-blue-900);
35447
- background: #e9f2fc;
35448
- background: var(--mseva-blue-100);
35449
- }
35450
-
35451
- label {
35452
- color: #074b98;
35453
- color: var(--mseva-text);
35454
- font-weight: 600;
35455
- }
35456
-
35457
- .mseva-required:after {
35458
- content: " *";
35459
- color: #b42318;
35460
- color: var(--mseva-error);
35461
- }
35462
-
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 {
35509
- display: -webkit-box;
35510
- display: -ms-flexbox;
35511
- display: flex;
35512
- -webkit-box-align: center;
35513
- -ms-flex-align: center;
35514
- align-items: center;
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;
35524
- }
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 {
35556
- width: 100%;
35557
- max-width: 1120px;
35558
- margin: 0 auto;
35559
- }
35560
-
35561
- .applications-list-container > header {
35562
- margin-bottom: 20px;
35563
- }
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;
35573
- }
35574
-
35575
- .applications-list-container .card {
35576
- border-color: #d8e5f4;
35577
- }
35578
-
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;
35601
- -webkit-box-align: center;
35602
- -ms-flex-align: center;
35603
- align-items: center;
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);
35613
- }
35614
-
35615
- .ads-pagination-btn:hover:not(:disabled), .ptr-pagination-button:hover:not(:disabled) {
35616
- background: #287f1d;
35617
- background: var(--mseva-green-700);
35618
- }
35619
-
35620
- .ads-pagination-info, .ptr-pagination-info {
35621
- color: #074b98;
35622
- color: var(--mseva-text);
35623
- font-weight: 700;
35624
- }
35625
-
35626
- .ads-my-bookings, .citizen-my-applications {
35627
- -webkit-box-sizing: border-box;
35628
- box-sizing: border-box;
35629
- width: 100%;
35630
- max-width: none;
35631
- padding: 0 0 48px;
35632
- }
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;
35640
- }
35641
-
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);
35651
- }
35652
-
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;
35661
- }
35662
-
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;
35668
- }
35669
-
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;
35420
+ .bill-summary .bill-account-details .value {
35421
+ width: 50%;
35422
+ text-align: right;
38063
35423
  }
38064
35424
  .bill-summary .amount-details {
38065
35425
  display: -webkit-box;
@@ -38189,8 +35549,8 @@ canvas, img, svg, video {
38189
35549
  }
38190
35550
  .text-input input:hover, .text-input .checkbox-wrap .input-emp:hover, .checkbox-wrap .text-input .input-emp:hover {
38191
35551
  --border-opacity:1;
38192
- border: 1px solid #074b98;
38193
- border-color: rgba(7, 75, 152, var(--border-opacity));
35552
+ border: 1px solid #2947a3;
35553
+ border-color: rgba(41, 71, 163, var(--border-opacity));
38194
35554
  }
38195
35555
 
38196
35556
  .text-input-width {
@@ -38209,8 +35569,8 @@ canvas, img, svg, video {
38209
35569
 
38210
35570
  .sla-cell {
38211
35571
  --text-opacity:1;
38212
- color: #245f9c;
38213
- color: rgba(36, 95, 156, var(--text-opacity));
35572
+ color: #505a5f;
35573
+ color: rgba(80, 90, 95, var(--text-opacity));
38214
35574
  }
38215
35575
 
38216
35576
  .submit-bar-search {