@pmidc/upyog-css 1.0.44 → 1.0.45

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
@@ -1293,6 +1293,47 @@ img, video {
1293
1293
  .digit-footer img {
1294
1294
  margin-right: 8px; }
1295
1295
 
1296
+ .upyog-logo {
1297
+ display: block; }
1298
+
1299
+ @media (max-width: 780px) {
1300
+ .upyog-logo {
1301
+ display: none !important; } }
1302
+
1303
+ .right-wrapper_navbar {
1304
+ -webkit-box-pack: space-evenly;
1305
+ -ms-flex-pack: space-evenly;
1306
+ justify-content: space-evenly; }
1307
+
1308
+ .left-wrapper_navbar, .right-wrapper_navbar {
1309
+ display: -webkit-box;
1310
+ display: -ms-flexbox;
1311
+ display: flex;
1312
+ -webkit-box-orient: horizontal;
1313
+ -webkit-box-direction: normal;
1314
+ -ms-flex-direction: row;
1315
+ flex-direction: row;
1316
+ width: 50%;
1317
+ -webkit-box-align: center;
1318
+ -ms-flex-align: center;
1319
+ align-items: center;
1320
+ padding: auto 1.5rem; }
1321
+
1322
+ .left-wrapper_navbar {
1323
+ -webkit-box-pack: start;
1324
+ -ms-flex-pack: start;
1325
+ justify-content: flex-start; }
1326
+
1327
+ .center-container_navbar {
1328
+ display: -webkit-box;
1329
+ display: -ms-flexbox;
1330
+ display: flex;
1331
+ -webkit-box-orient: horizontal;
1332
+ -webkit-box-direction: normal;
1333
+ -ms-flex-direction: row;
1334
+ flex-direction: row;
1335
+ width: 100%; }
1336
+
1296
1337
  .card, .card-emp {
1297
1338
  --bg-opacity:1;
1298
1339
  background-color: #fff;
@@ -2104,15 +2145,15 @@ img, video {
2104
2145
  .select-wrap {
2105
2146
  margin-bottom: 24px;
2106
2147
  position: relative;
2107
- max-width: 540px; }
2148
+ max-width: 540px;
2149
+ width: 100%; }
2108
2150
  .select-wrap .select {
2109
2151
  position: relative;
2110
2152
  display: block;
2111
2153
  width: 100%;
2112
- height: 2.5rem;
2113
- --border-opacity:1;
2114
- border: 1px solid #464646;
2115
- border-color: rgba(70, 70, 70, var(--border-opacity)); }
2154
+ height: 3rem;
2155
+ border: 1px solid #b4b4b4;
2156
+ border-radius: 8px; }
2116
2157
  .select-wrap .select input[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select .input-emp[type=text] {
2117
2158
  width: calc(100% - 32px);
2118
2159
  background-color: initial;
@@ -4720,7 +4761,7 @@ video::-webkit-media-controls-panel {
4720
4761
 
4721
4762
  .cardService {
4722
4763
  width: 100%;
4723
- max-width: 300px;
4764
+ max-width: 268px;
4724
4765
  height: 400px;
4725
4766
  aspect-ratio: 3/4;
4726
4767
  margin: 1rem;
@@ -11038,110 +11079,183 @@ body {
11038
11079
  align-items: center;
11039
11080
  -webkit-box-pack: center;
11040
11081
  -ms-flex-pack: center;
11041
- justify-content: center; }
11042
- .login-container .login-wrapper {
11043
- display: -webkit-box;
11044
- display: -ms-flexbox;
11045
- display: flex;
11082
+ justify-content: center;
11083
+ height: 100vh; }
11084
+
11085
+ .login-page-cover {
11086
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(41, 71, 163, 0.9)), to(rgba(41, 71, 163, 0.9))), url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/1cace0150346b2e2f5989aaaf63b8e26.jpeg");
11087
+ background: linear-gradient(0deg, rgba(41, 71, 163, 0.9), rgba(41, 71, 163, 0.9)), url(https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/1cace0150346b2e2f5989aaaf63b8e26.jpeg);
11088
+ background-size: cover;
11089
+ background-position: 50%;
11090
+ height: 100vh;
11091
+ width: 100%; }
11092
+
11093
+ .login-wrapper {
11094
+ height: 750px; }
11095
+
11096
+ .login-wrapper, .register-login-wrapper {
11097
+ display: -webkit-box;
11098
+ display: -ms-flexbox;
11099
+ display: flex;
11100
+ -webkit-box-orient: vertical;
11101
+ -webkit-box-direction: normal;
11102
+ -ms-flex-direction: column;
11103
+ flex-direction: column;
11104
+ -webkit-box-pack: center;
11105
+ -ms-flex-pack: center;
11106
+ justify-content: center;
11107
+ -webkit-box-align: start;
11108
+ -ms-flex-align: start;
11109
+ align-items: flex-start;
11110
+ background-color: #fff;
11111
+ margin: 8px;
11112
+ padding: 2rem;
11113
+ -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
11114
+ box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
11115
+ border-radius: 4px;
11116
+ width: 30%;
11117
+ max-width: 100vw;
11118
+ position: relative; }
11119
+
11120
+ .register-login-wrapper {
11121
+ height: 900px; }
11122
+
11123
+ .login-title {
11124
+ width: 100%;
11125
+ max-width: 525px;
11126
+ font-size: 2.5rem;
11127
+ color: #0b0c0c;
11128
+ font-weight: 600;
11129
+ text-align: center;
11130
+ padding: 2rem 0; }
11131
+
11132
+ .lag-loc-wrapper {
11133
+ -webkit-box-pack: center;
11134
+ -ms-flex-pack: center;
11135
+ justify-content: center;
11136
+ max-width: 540px;
11137
+ grid-gap: 30px;
11138
+ gap: 30px; }
11139
+
11140
+ .lag-loc-wrapper, .location-wrapper {
11141
+ display: -webkit-box;
11142
+ display: -ms-flexbox;
11143
+ display: flex;
11144
+ width: 100%; }
11145
+
11146
+ .location-wrapper {
11147
+ -webkit-box-orient: vertical;
11148
+ -webkit-box-direction: normal;
11149
+ -ms-flex-direction: column;
11150
+ flex-direction: column;
11151
+ grid-gap: 8px;
11152
+ gap: 8px; }
11153
+
11154
+ .location-wrapper .select {
11155
+ display: -webkit-box;
11156
+ display: -ms-flexbox;
11157
+ display: flex;
11158
+ -webkit-box-align: center;
11159
+ -ms-flex-align: center;
11160
+ align-items: center;
11161
+ border: 1px solid #b4b4b4 !important;
11162
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
11163
+ border-radius: 8px; }
11164
+
11165
+ .location-wrapper .select-active {
11166
+ border-radius: 8px !important; }
11167
+
11168
+ .language-wrapper {
11169
+ width: 100%;
11170
+ max-width: 260px; }
11171
+
11172
+ .label {
11173
+ font-weight: 500;
11174
+ font-size: 16px;
11175
+ line-height: 25px;
11176
+ color: #686677; }
11177
+ .label span {
11178
+ color: #ff1515; }
11179
+
11180
+ .input-wrapper, .input-wrapper .submit-bar, .input-wrapper .submit-bar-disabled {
11181
+ width: 100%;
11182
+ max-width: 540px; }
11183
+
11184
+ .input-wrapper .card-label {
11185
+ font-weight: 500 !important;
11186
+ font-size: 16px !important;
11187
+ line-height: 25px !important;
11188
+ color: #686677 !important; }
11189
+
11190
+ .input-wrapper.hide-submit-buttons + .submit-bar, .input-wrapper.hide-submit-buttons + .submit-bar-disabled {
11191
+ display: none !important; }
11192
+
11193
+ .account-link {
11194
+ font-size: 16px;
11195
+ font-weight: 400;
11196
+ line-height: 25px;
11197
+ text-align: center; }
11198
+
11199
+ .link {
11200
+ color: #1778ff;
11201
+ text-decoration: underline; }
11202
+
11203
+ .resendIn {
11204
+ font-size: 16px;
11205
+ font-weight: 500;
11206
+ color: #686677;
11207
+ text-align: right; }
11208
+ .resendIn span {
11209
+ color: #1778ff; }
11210
+
11211
+ .resend {
11212
+ text-align: right;
11213
+ cursor: pointer;
11214
+ font-weight: 700; }
11215
+
11216
+ .login-circle {
11217
+ width: 75px;
11218
+ height: 75px;
11219
+ border-radius: 50%;
11220
+ background-color: #2947a3;
11221
+ display: -webkit-box;
11222
+ display: -ms-flexbox;
11223
+ display: flex;
11224
+ -webkit-box-align: center;
11225
+ -ms-flex-align: center;
11226
+ align-items: center;
11227
+ -webkit-box-pack: center;
11228
+ -ms-flex-pack: center;
11229
+ justify-content: center;
11230
+ color: #fff;
11231
+ font-size: 24px;
11232
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
11233
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
11234
+ cursor: pointer;
11235
+ position: absolute;
11236
+ top: -30px; }
11237
+
11238
+ @media (max-width: 768px) {
11239
+ .lag-loc-wrapper {
11046
11240
  -webkit-box-orient: vertical;
11047
11241
  -webkit-box-direction: normal;
11048
11242
  -ms-flex-direction: column;
11049
11243
  flex-direction: column;
11050
- -webkit-box-pack: center;
11051
- -ms-flex-pack: center;
11052
- justify-content: center;
11053
- -webkit-box-align: center;
11054
- -ms-flex-align: center;
11055
- align-items: center;
11056
- --bg-opacity:1;
11057
- background-color: #fff;
11058
- background-color: rgba(255, 255, 255, var(--bg-opacity));
11059
- margin: 8px;
11060
- padding: 16px 16px 24px;
11061
- -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
11062
- box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
11063
- border-radius: 4px;
11064
- width: 100%;
11065
- max-width: 50vw; }
11066
- .login-container .login-wrapper [dir=ltr] .login-title {
11067
- text-align: left; }
11068
- .login-container .login-wrapper [dir=rtl] .login-title {
11069
- text-align: right; }
11070
- .login-container .login-wrapper .login-title {
11071
- max-width: 525px;
11072
- font-size: 24px;
11073
- color: #0b0c0c;
11074
- font-weight: 600; }
11075
- .login-container .login-wrapper .lag-loc-wrapper, .login-container .login-wrapper .login-title {
11076
- width: 100%; }
11077
- .login-container .login-wrapper .lag-loc-wrapper {
11078
- -webkit-box-pack: center;
11079
- -ms-flex-pack: center;
11080
- justify-content: center;
11081
- max-width: 540px;
11082
- grid-gap: 30px;
11083
- gap: 30px; }
11084
- .login-container .login-wrapper .lag-loc-wrapper .location-wrapper {
11085
- -webkit-box-orient: vertical;
11086
- -webkit-box-direction: normal;
11087
- -ms-flex-direction: column;
11088
- flex-direction: column;
11089
- grid-gap: 8px;
11090
- gap: 8px;
11091
- max-width: 260px; }
11092
- .login-container .login-wrapper .lag-loc-wrapper .location-wrapper .select {
11093
- -webkit-box-align: center;
11094
- -ms-flex-align: center;
11095
- align-items: center;
11096
- border: 1px solid #b4b4b4 !important;
11097
- background-color: rgba(255, 255, 255, var(--bg-opacity));
11098
- border-radius: 8px; }
11099
- .login-container .login-wrapper .lag-loc-wrapper .location-wrapper .select-active {
11100
- border-radius: 8px !important; }
11101
- .login-container .login-wrapper .lag-loc-wrapper .language-wrapper {
11102
- max-width: 260px; }
11103
- .login-container .login-wrapper .label {
11104
- font-weight: 500;
11105
- font-size: 16px;
11106
- line-height: 25px;
11107
- color: #686677; }
11108
- .login-container .login-wrapper .label span {
11109
- color: #ff1515; }
11110
- .login-container .login-wrapper .input-wrapper .card-label {
11111
- font-weight: 500 !important;
11112
- font-size: 16px !important;
11113
- line-height: 25px !important;
11114
- color: #686677 !important; }
11115
- .login-container .login-wrapper .input-wrapper.hide-submit-buttons + .submit-bar, .login-container .login-wrapper .input-wrapper.hide-submit-buttons + .submit-bar-disabled {
11116
- display: none !important; }
11117
- .login-container .login-wrapper .account-link {
11118
- font-size: 16px;
11119
- font-weight: 400;
11120
- line-height: 25px;
11121
- text-align: center; }
11122
- .login-container .login-wrapper .link {
11123
- color: #1778ff;
11124
- text-decoration: underline; }
11125
- .login-container .login-wrapper .resendIn {
11126
- font-size: 16px;
11127
- font-weight: 500;
11128
- color: #686677;
11129
- text-align: right; }
11130
- .login-container .login-wrapper .resendIn span {
11131
- color: #1778ff; }
11132
- .login-container .login-wrapper .resend {
11133
- text-align: right;
11134
- cursor: pointer;
11135
- font-weight: 700; }
11244
+ grid-gap: 0;
11245
+ gap: 0; }
11246
+ .login-wrapper, .register-login-wrapper {
11247
+ width: 95%; } }
11136
11248
 
11137
- @media (max-width: 700px) {
11138
- .login-container .login-wrapper .lag-loc-wrapper {
11249
+ @media (min-width: 769px) and (max-width: 1024px) {
11250
+ .lag-loc-wrapper {
11139
11251
  -webkit-box-orient: vertical;
11140
11252
  -webkit-box-direction: normal;
11141
11253
  -ms-flex-direction: column;
11142
11254
  flex-direction: column;
11143
11255
  grid-gap: 0;
11144
- gap: 0; } }
11256
+ gap: 0; }
11257
+ .login-wrapper, .register-login-wrapper {
11258
+ width: 80%; } }
11145
11259
 
11146
11260
  .search-icon {
11147
11261
  position: relative;