@pmidc/upyog-css 1.2.13 → 1.2.15

package/dist/index.css

@@ -1820,6 +1820,25 @@ body {
     color: #fff;
     line-height: 40px; }
 
+@media only screen and (max-width: 640px) {
+  .card-link {
+    height: 32px;
+    width: 140px;
+    font-size: 11px;
+    padding: 6px 12px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+    .card-link header {
+      line-height: 32px;
+      font-size: 11px; } }
+
 .bpa-owner-submit-back, .submit-bar {
   height: 40px;
   background: linear-gradient(135deg, #2563eb, #1e40af);
@@ -2098,7 +2117,7 @@ body {
     width: 40%; }
   .employee .employeeCard .form-field {
     width: 100%; }
-  .employee .employeeCard .label-field-pair + .card-label-error, .employee .employeeCard .label-field-pair .card-label-error {
+  .citizen .employeeCard .label-field-pair + .card-label-error, .citizen .employeeCard .label-field-pair .card-label-error, .employee .employeeCard .label-field-pair + .card-label-error, .employee .employeeCard .label-field-pair .card-label-error {
     width: 50% !important;
     margin-left: 50% !important;
     margin-top: -10px !important;
@@ -2479,9 +2498,9 @@ body {
       transform: translateY(-50%) !important;
       margin: 0 !important;
       float: none !important; }
-  .employee-select-wrap .options-card {
+  .employee-select-wrap #jk-dropdown-unique {
     right: 0;
-    left: -56px;
+    left: 0;
     width: 100% !important;
     min-width: 150px;
     -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
@@ -2495,6 +2514,36 @@ body {
     --bg-opacity:1;
     background-color: #fff;
     background-color: rgba(255, 255, 255, var(--bg-opacity)); }
+    .employee-select-wrap #jk-dropdown-unique p {
+      padding-top: 14px;
+      width: 100%;
+      height: 3rem;
+      padding-left: 8px;
+      --text-opacity:1;
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
+      font-size: 16px;
+      line-height: 20px; }
+      .employee-select-wrap #jk-dropdown-unique p:hover {
+        background-color: #eee;
+        background-color: rgba(238, 238, 238, var(--bg-opacity)); }
+  .employee-select-wrap:hover, .employee-select-wrap .options-card {
+    --bg-opacity:1; }
+  .employee-select-wrap .options-card {
+    right: 0;
+    left: 0;
+    width: 100% !important;
+    min-width: 150px;
+    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+    max-height: 250px !important;
+    overflow: auto;
+    z-index: 1000 !important;
+    position: absolute;
+    z-index: 20;
+    margin-top: 4px;
+    background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)); }
     .employee-select-wrap .options-card p {
       padding-top: 14px;
       width: 100%;
@@ -2506,7 +2555,6 @@ body {
       font-size: 16px;
       line-height: 20px; }
       .employee-select-wrap .options-card p:hover {
-        --bg-opacity:1;
         background-color: #eee;
         background-color: rgba(238, 238, 238, var(--bg-opacity)); }
 
@@ -2530,7 +2578,7 @@ body {
   white-space: nowrap; }
 
 .select-wrap {
-  margin-bottom: 24px;
+  margin-bottom: 10px;
   position: relative;
   max-width: 540px;
   width: 100%; }
@@ -2723,7 +2771,7 @@ body {
   border-color: rgba(212, 53, 28, var(--border-opacity)); }
 
 .employee-card-input {
-  margin-bottom: 24px;
+  margin-bottom: 10px;
   padding-left: 8px;
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2789,6 +2837,7 @@ body {
   z-index: 0 !important; }
 
 .employee-card-input-error {
+  margin-bottom: 24px;
   padding-left: 8px;
   height: 2.5rem;
   --border-opacity:1;
@@ -2801,7 +2850,6 @@ body {
   border-radius: 8px; }
 
 .card-textarea, .employee-card-input-error, .employee-card-textarea {
-  margin-bottom: 24px;
   display: block;
   width: 100%;
   outline: 2px solid transparent;
@@ -2813,6 +2861,7 @@ body {
   line-height: 20px; }
 
 .card-textarea, .employee-card-textarea {
+  margin-bottom: 10px;
   --border-opacity:1;
   border: 1px solid #464646;
   border-color: rgba(70, 70, 70, var(--border-opacity));
@@ -5912,7 +5961,10 @@ video::-webkit-media-controls-panel {
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
-  justify-content: space-between; }
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
   .cardHeaderWithOptions .multilinkWrapper {
     position: relative; }
     .cardHeaderWithOptions .multilinkWrapper .multilink-labelWrap {
@@ -8963,6 +9015,16 @@ video::-webkit-media-controls-panel {
 .complaint-links-container .header .removeHeight {
   line-height: 28px; }
 
+@media only screen and (max-width: 640px) {
+  .complaint-input-container {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -webkit-box-orient: vertical !important;
+    -webkit-box-direction: normal !important;
+    -ms-flex-direction: column !important;
+    flex-direction: column !important; } }
+
 @media (min-width: 780px) {
   .complaint-links-container .header .removeBorderRadiusLogo {
     border-radius: 2px !important;
@@ -10185,17 +10247,7 @@ body {
       width: 48%; } }
 
 .top-section-parent {
-  position: relative;
-  width: 100%;
-  background: linear-gradient(135deg, #1e3a8a, #3b82f6 50%, #0ea5e9);
-  padding: 40px 20px 60px;
-  margin-top: -20px; }
-  @media (max-width: 768px) {
-    .top-section-parent {
-      padding-left: 15px;
-      padding-bottom: 50px;
-      padding-right: 15px;
-      padding-top: 30px; } }
+  display: none; }
 
 .top-section-wrapper {
   max-width: 1200px;
@@ -10882,8 +10934,7 @@ body {
     height: 20px; }
 
 .landing-about-section {
-  padding: 80px 20px;
-  background: #fff; }
+  display: none; }
 
 .landing-about-container {
   max-width: 1200px;
@@ -11017,14 +11068,8 @@ body {
   background: #0f172a;
   color: #fff; }
 
-.landing-footer-partners {
-  background: #f8fafc;
-  padding: 40px 20px; }
-
 .landing-footer-partners-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  text-align: center; }
+  display: none; }
 
 .landing-footer-partners-title {
   font-size: 14px;
@@ -11076,7 +11121,7 @@ body {
         height: 32px; } }
 
 .landing-footer-main {
-  padding: 60px 20px; }
+  display: none; }
 
 .landing-footer-container {
   max-width: 1200px;
@@ -16159,11 +16204,7 @@ body {
   padding: 0 40px; }
 
 .new-df-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  grid-gap: 48px;
-  gap: 48px;
-  padding-bottom: 40px; }
+  display: none; }
 
 .new-df-column {
   display: -webkit-box;
@@ -19066,7 +19107,15 @@ audio, canvas, embed, iframe, img, object, svg, video {
 
 @media only screen and (max-width: 768px) {
   .card-header, .employee-upyog-title, .header-title, .heading, .landing-card-header, .page-header, .section-header, .survey-card-header, h1, h2, h3, header {
-    font-size: 18px !important; }
+    font-size: 14px !important; }
+    .card-header .complaint-input-container, .employee-upyog-title .complaint-input-container, .header-title .complaint-input-container, .heading .complaint-input-container, .landing-card-header .complaint-input-container, .page-header .complaint-input-container, .section-header .complaint-input-container, .survey-card-header .complaint-input-container, h1 .complaint-input-container, h2 .complaint-input-container, h3 .complaint-input-container, header .complaint-input-container {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column; }
   .card-sub-header, .sub-header, h4 {
     font-size: 16px !important; }
   .card-section-header, h5, h6 {