@pmidc/upyog-css 1.0.5 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1189,7 +1189,7 @@ img, video {
1189
1189
  outline: none;
1190
1190
  font-size: 16px;
1191
1191
  position: relative;
1192
- color: #5f5c62;
1192
+ font-weight: 500;
1193
1193
  line-height: 48px;
1194
1194
  -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
1195
1195
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
@@ -1198,8 +1198,7 @@ img, video {
1198
1198
  background: none; }
1199
1199
  .drawer-desktop .menu-item .icon {
1200
1200
  display: block;
1201
- color: #757575;
1202
- fill: #757575;
1201
+ fill: #61646b;
1203
1202
  height: 21px !important;
1204
1203
  width: 21px !important;
1205
1204
  float: left;
@@ -1219,12 +1218,13 @@ img, video {
1219
1218
  padding-right: 16px;
1220
1219
  padding-left: 16px; }
1221
1220
  .drawer-desktop .sidebar-list.active {
1222
- border-left: 5px solid #a82227;
1223
- padding-left: 11px; }
1221
+ border-left: 10px solid #0d43a7;
1222
+ padding-left: 11px;
1223
+ background-color: #f2faff; }
1224
1224
  .drawer-desktop .sidebar-list.active .menu-label {
1225
- color: #a82227; }
1225
+ color: #0d43a7; }
1226
1226
  .drawer-desktop .sidebar-list.active .icon {
1227
- fill: #a82227; }
1227
+ fill: #0d43a7; }
1228
1228
  .drawer-desktop .sidebar-list .submenu-container {
1229
1229
  cursor: pointer;
1230
1230
  display: -webkit-box;
@@ -3483,7 +3483,7 @@ img, video {
3483
3483
  .toast-success {
3484
3484
  max-width: 480px;
3485
3485
  width: calc(100% - 20px);
3486
- bottom: 64px;
3486
+ bottom: 100px;
3487
3487
  left: 0;
3488
3488
  margin: 0 10px;
3489
3489
  grid-gap: 16px;
@@ -4636,7 +4636,10 @@ video::-webkit-media-controls-panel {
4636
4636
  margin-left: 16px;
4637
4637
  margin-right: 16px;
4638
4638
  padding: 16px;
4639
- margin-bottom: 24px; }
4639
+ margin-bottom: 24px;
4640
+ -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
4641
+ box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
4642
+ border-radius: 8px; }
4640
4643
  .CitizenHomeCard .header {
4641
4644
  display: -webkit-box;
4642
4645
  display: -ms-flexbox;
@@ -4680,8 +4683,6 @@ video::-webkit-media-controls-panel {
4680
4683
  padding: 16px !important;
4681
4684
  margin-right: 16px !important;
4682
4685
  display: block !important;
4683
- -webkit-box-shadow: rgba(50, 50, 93, 0.18) 0 50px 100px -20px, rgba(0, 0, 0, 0.16) 0 30px 60px -30px, rgba(10, 37, 64, 0.17) 0 -2px 6px 0 inset;
4684
- box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.18), 0 30px 60px -30px rgba(0, 0, 0, 0.16), inset 0 -2px 6px 0 rgba(10, 37, 64, 0.17);
4685
4686
  display: inline-block;
4686
4687
  margin-right: 24px;
4687
4688
  padding: 24px;
@@ -4889,7 +4890,7 @@ video::-webkit-media-controls-panel {
4889
4890
  text-align: center;
4890
4891
  color: #fff; }
4891
4892
  .timeline-container .timeline-content .secondary-color {
4892
- color: #0b0c0c;
4893
+ color: #2947a3;
4893
4894
  padding: 5px;
4894
4895
  font-size: small; }
4895
4896
  .timeline-container .line {
@@ -4906,8 +4907,8 @@ video::-webkit-media-controls-panel {
4906
4907
  border-radius: 50%;
4907
4908
  text-align: center; }
4908
4909
  .timeline-container .active {
4909
- background-color: #a82227;
4910
- border-color: #a82227; }
4910
+ background-color: #1359c8;
4911
+ border-color: #1359c8; }
4911
4912
 
4912
4913
  .TLComments {
4913
4914
  max-width: 360px;
@@ -4957,8 +4958,7 @@ video::-webkit-media-controls-panel {
4957
4958
  display: none; }
4958
4959
  .PageBasedInputWrapper .SubmitBarInCardInDesktopView {
4959
4960
  display: block;
4960
- position: relative;
4961
- background-color: rgba(255, 255, 255, 0); }
4961
+ position: relative; }
4962
4962
  .PageBasedInputWrapper .card, .PageBasedInputWrapper .card-emp {
4963
4963
  max-width: 960px; }
4964
4964
  .PageBasedInputWrapper button {
@@ -5031,7 +5031,7 @@ video::-webkit-media-controls-panel {
5031
5031
  margin: auto; }
5032
5032
  .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper {
5033
5033
  margin: auto !important;
5034
- background: rgba(244, 119, 56, 0.12);
5034
+ background: #f5fbff;
5035
5035
  mix-blend-mode: normal;
5036
5036
  padding-top: 14px;
5037
5037
  height: 3rem;
@@ -5041,11 +5041,12 @@ video::-webkit-media-controls-panel {
5041
5041
  .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper svg {
5042
5042
  height: 20px;
5043
5043
  width: 20px;
5044
- fill: #a82227;
5044
+ fill: #1359c8;
5045
5045
  margin: auto; }
5046
5046
  .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionName {
5047
5047
  font-size: 12px;
5048
- line-height: 14px; }
5048
+ line-height: 14px;
5049
+ color: #2947a3; }
5049
5050
 
5050
5051
  @media (min-width: 780px) {
5051
5052
  .CardBasedOptions {
@@ -5054,25 +5055,27 @@ video::-webkit-media-controls-panel {
5054
5055
  height: 250px !important; } }
5055
5056
 
5056
5057
  .citizen .ServicesSection .CardBasedOptions:nth-child(odd) .employeeCustomCard {
5057
- background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
5058
+ background-image: url(https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png);
5058
5059
  background-size: cover; }
5059
5060
 
5060
5061
  .citizen .ServicesSection .CardBasedOptions:nth-child(2n) .employeeCustomCard {
5061
- background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png);
5062
+ background-image: url(https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashBoardImage2.png);
5062
5063
  background-size: cover; }
5063
5064
 
5064
5065
  .citizen .employeeCustomCard {
5065
5066
  border-radius: 10px;
5066
- background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
5067
+ background-image: url(https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png);
5067
5068
  background-size: cover; }
5068
5069
  .citizen .employeeCustomCard .employeeCustomCard {
5069
5070
  border-radius: 10px;
5070
- background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
5071
+ background-image: url(https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png);
5071
5072
  background-size: cover; }
5072
5073
 
5073
5074
  .employee-card-banner {
5074
5075
  height: 60%;
5075
- margin-bottom: -10%; }
5076
+ margin-bottom: -10%;
5077
+ -webkit-box-shadow: 1px 5px 6px 0 #e3e4e3;
5078
+ box-shadow: 1px 5px 6px 0 #e3e4e3; }
5076
5079
 
5077
5080
  .citizen .employee-card-banner {
5078
5081
  margin-bottom: -5% !important;
@@ -5573,7 +5576,7 @@ video::-webkit-media-controls-panel {
5573
5576
  margin-right: 20px; }
5574
5577
 
5575
5578
  .staticDataCard {
5576
- background: #eee;
5579
+ background: #f2faff;
5577
5580
  mix-blend-mode: normal;
5578
5581
  height: auto;
5579
5582
  max-height: 100px;
@@ -6096,18 +6099,13 @@ video::-webkit-media-controls-panel {
6096
6099
  display: flex; }
6097
6100
 
6098
6101
  .loginFormStyleEmployeeNew {
6099
- -webkit-box-shadow: 0 1px 4px 0 rgba(80, 90, 95, 0.37647);
6100
- box-shadow: 0 1px 4px 0 rgba(80, 90, 95, 0.37647);
6101
6102
  width: 40%;
6102
- background-color: #fff;
6103
- border-radius: 8px;
6104
6103
  -webkit-box-align: center;
6105
6104
  -ms-flex-align: center;
6106
6105
  align-items: center;
6107
6106
  -webkit-box-pack: center;
6108
6107
  -ms-flex-pack: center;
6109
6108
  min-height: 400px;
6110
- padding: 3rem;
6111
6109
  -webkit-box-align: start;
6112
6110
  -ms-flex-align: start;
6113
6111
  align-items: flex-start;
@@ -7068,7 +7066,18 @@ video::-webkit-media-controls-panel {
7068
7066
  padding-top: 8px;
7069
7067
  padding-bottom: 8px;
7070
7068
  font-size: 16px;
7071
- line-height: 24px; }
7069
+ line-height: 24px;
7070
+ width: "100%";
7071
+ display: "flex";
7072
+ font-size: "0.8rem";
7073
+ padding-left: "10px";
7074
+ -ms-flex-wrap: "wrap";
7075
+ flex-wrap: "wrap";
7076
+ -webkit-box-orient: horizontal;
7077
+ -webkit-box-direction: normal;
7078
+ -ms-flex-direction: "row";
7079
+ flex-direction: "row";
7080
+ padding-top: "10px"; }
7072
7081
  .complaint-links-container .links-wrapper .link {
7073
7082
  padding: 0 0 4px !important;
7074
7083
  color: #a82227 !important; }
@@ -7607,8 +7616,6 @@ video::-webkit-media-controls-panel {
7607
7616
  position: absolute;
7608
7617
  margin: 0 auto -10%;
7609
7618
  left: 6%;
7610
- -webkit-box-shadow: 1px 5px 6px 0 #e3e4e3;
7611
- box-shadow: 1px 5px 6px 0 #e3e4e3;
7612
7619
  border-radius: 10px; }
7613
7620
 
7614
7621
  .text-employee-card {
@@ -8125,18 +8132,27 @@ body {
8125
8132
  left: 0; } }
8126
8133
 
8127
8134
  .middle-content {
8135
+ display: -webkit-box;
8136
+ display: -ms-flexbox;
8137
+ display: flex;
8138
+ -webkit-box-orient: vertical;
8139
+ -webkit-box-direction: normal;
8140
+ -ms-flex-direction: column;
8141
+ flex-direction: column;
8128
8142
  -webkit-box-pack: justify;
8129
8143
  -ms-flex-pack: justify;
8130
8144
  justify-content: space-between;
8131
8145
  height: 522px; }
8132
- @media (min-width: 768px) {
8133
- .middle-content {
8134
- -webkit-box-orient: horizontal;
8135
- -ms-flex-direction: row;
8136
- flex-direction: row;
8137
- height: 360px; } }
8138
8146
 
8139
- .middle-content, .middle-left-half {
8147
+ @media (min-width: 768px) {
8148
+ .middle-content {
8149
+ -webkit-box-orient: horizontal;
8150
+ -webkit-box-direction: normal;
8151
+ -ms-flex-direction: row;
8152
+ flex-direction: row;
8153
+ min-height: 360px; } }
8154
+
8155
+ .middle-left-half {
8140
8156
  display: -webkit-box;
8141
8157
  display: -ms-flexbox;
8142
8158
  display: flex;
@@ -8144,20 +8160,14 @@ body {
8144
8160
  -webkit-box-direction: normal;
8145
8161
  -ms-flex-direction: column;
8146
8162
  flex-direction: column;
8147
- display: -webkit-box;
8148
- display: -ms-flexbox;
8149
- display: flex;
8150
- -webkit-box-direction: normal; }
8151
-
8152
- .middle-left-half {
8153
8163
  width: 100%; }
8154
8164
  @media (min-width: 768px) {
8155
8165
  .middle-left-half {
8156
8166
  width: 50%; } }
8157
8167
 
8158
8168
  .middle-left-half-upper {
8159
- height: 162px;
8160
- margin-bottom: auto;
8169
+ min-height: 162px;
8170
+ margin-bottom: 18px;
8161
8171
  border: 1px solid #000; }
8162
8172
  @media (min-width: 768px) {
8163
8173
  .middle-left-half-upper {
@@ -8181,19 +8191,19 @@ body {
8181
8191
  color: #00f; }
8182
8192
 
8183
8193
  .middle-left-half-lower {
8184
- height: 162px;
8194
+ min-height: 162px;
8185
8195
  border: 1px solid #000; }
8186
8196
  @media (min-width: 768px) {
8187
8197
  .middle-left-half-lower {
8188
8198
  height: 45%; } }
8189
8199
 
8190
8200
  .middle-right-half {
8191
- height: 162px;
8201
+ min-height: 162px;
8192
8202
  width: 100%;
8193
8203
  border: 1px solid #000; }
8194
8204
  @media (min-width: 768px) {
8195
8205
  .middle-right-half {
8196
- height: 360px;
8206
+ height: 98%;
8197
8207
  width: 48%; } }
8198
8208
 
8199
8209
  .middle-header {
@@ -8444,7 +8454,7 @@ body {
8444
8454
  bottom: 0; }
8445
8455
 
8446
8456
  .fill-path-primary-main path {
8447
- fill: #a82227; }
8457
+ fill: #1359c8; }
8448
8458
 
8449
8459
  .obps-search {
8450
8460
  margin: 8px; }
@@ -9499,7 +9509,6 @@ body {
9499
9509
  border-color: #d6d5d4;
9500
9510
  border-color: rgba(214, 213, 212, var(--border-opacity)); }
9501
9511
  .surveyformslist_wrapper {
9502
- width: 75%;
9503
9512
  display: grid;
9504
9513
  grid-gap: 1.5rem;
9505
9514
  gap: 1.5rem;
@@ -9575,7 +9584,17 @@ body {
9575
9584
  background-color: #f0f8ff; }
9576
9585
 
9577
9586
  .category-card h3 {
9578
- margin-top: 0; }
9587
+ font-weight: 600;
9588
+ font-family: roboto; }
9589
+
9590
+ .category-card h2, .category-card h3 {
9591
+ margin-top: 5px;
9592
+ margin-bottom: 2px;
9593
+ color: #0d43a7; }
9594
+
9595
+ .category-card h2 {
9596
+ font-weight: 700;
9597
+ font-size: 18px; }
9579
9598
 
9580
9599
  .category-card input, .category-card .checkbox-wrap .input-emp, .checkbox-wrap .category-card .input-emp, .category-card select {
9581
9600
  display: block;
@@ -9583,7 +9602,8 @@ body {
9583
9602
  padding: 10px;
9584
9603
  margin-bottom: 10px;
9585
9604
  border: 1px solid #ccc;
9586
- border-radius: 4px; }
9605
+ border-radius: 4px;
9606
+ color: #0d43a7; }
9587
9607
 
9588
9608
  .category-card button {
9589
9609
  padding: 10px 20px;
@@ -9624,6 +9644,9 @@ body {
9624
9644
  background-color: #ccc;
9625
9645
  cursor: not-allowed; }
9626
9646
 
9647
+ .category-card span {
9648
+ color: #ff2400; }
9649
+
9627
9650
  .frame-54925, .frame-54925 * {
9628
9651
  -webkit-box-sizing: border-box;
9629
9652
  box-sizing: border-box; }
@@ -10163,7 +10186,9 @@ body {
10163
10186
  font-weight: 400;
10164
10187
  font-size: 14px;
10165
10188
  line-height: 20px;
10166
- letter-spacing: .25px; }
10189
+ letter-spacing: .25px;
10190
+ max-height: 300px;
10191
+ overflow: auto; }
10167
10192
  .employee-dashboard-container .employee-dashboard-table-and-services {
10168
10193
  display: -webkit-box;
10169
10194
  display: -ms-flexbox;
@@ -10181,9 +10206,9 @@ body {
10181
10206
  -ms-flex-direction: row;
10182
10207
  flex-direction: row; } }
10183
10208
  .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container {
10184
- -webkit-box-flex: 1;
10185
- -ms-flex: 1;
10186
- flex: 1; }
10209
+ -webkit-box-flex: 2;
10210
+ -ms-flex: 2;
10211
+ flex: 2; }
10187
10212
  .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-header {
10188
10213
  display: -webkit-box;
10189
10214
  display: -ms-flexbox;
@@ -10229,8 +10254,40 @@ body {
10229
10254
  display: flex;
10230
10255
  -ms-flex-wrap: wrap;
10231
10256
  flex-wrap: wrap;
10232
- grid-gap: 20px;
10233
- gap: 20px; }
10257
+ grid-gap: 16px;
10258
+ gap: 16px; }
10259
+ .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card {
10260
+ width: 350px;
10261
+ height: 72px;
10262
+ padding: 8px 16px;
10263
+ border-radius: 8px;
10264
+ background: #fff;
10265
+ -webkit-box-shadow: 0 4px 22px 0 rgba(159, 159, 159, 0.14902);
10266
+ box-shadow: 0 4px 22px 0 rgba(159, 159, 159, 0.14902); }
10267
+ .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card .employee-dashboard-quick-service-card-content {
10268
+ display: -webkit-box;
10269
+ display: -ms-flexbox;
10270
+ display: flex;
10271
+ -webkit-box-orient: horizontal;
10272
+ -webkit-box-direction: normal;
10273
+ -ms-flex-direction: row;
10274
+ flex-direction: row;
10275
+ -webkit-box-align: center;
10276
+ -ms-flex-align: center;
10277
+ align-items: center;
10278
+ grid-gap: 16px;
10279
+ gap: 16px; }
10280
+ .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card .employee-dashboard-quick-service-card-content .employee-dashboard-quick-service-card-module-icon {
10281
+ width: "48px";
10282
+ height: "41px";
10283
+ background: #0d43a7; }
10284
+ .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card .employee-dashboard-quick-service-card-content .employee-dashboard-quick-service-card-module-name {
10285
+ font-family: Noto Sans;
10286
+ font-weight: 500;
10287
+ font-size: 16px;
10288
+ line-height: 24px;
10289
+ letter-spacing: .15px;
10290
+ color: #1e293b; }
10234
10291
 
10235
10292
  .display-none {
10236
10293
  display: none; }
@@ -10869,7 +10926,7 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
10869
10926
  background-color: #d7aefc !important; }
10870
10927
 
10871
10928
  .icon-banner-employee svg {
10872
- background-color: #bf2f3b !important;
10929
+ background-color: #0d43a7 !important;
10873
10930
  width: 40px;
10874
10931
  height: 40px; }
10875
10932