@pmidc/upyog-css 1.2.15 → 1.2.16

package/dist/index.css

@@ -1034,7 +1034,6 @@ body {
 
 .bpa-summary-page {
   padding: 2rem;
-  background-color: #f9f9f9;
   font-family: Segoe UI,Tahoma,Geneva,Verdana,sans-serif;
   color: #333; }
 
@@ -1047,8 +1046,6 @@ body {
   margin-bottom: 1rem; }
 
 .bpa-summary-section {
-  background-color: #fff;
-  padding: 1rem 1.5rem;
   border-radius: 8px;
   margin-bottom: 2rem;
   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
@@ -1067,7 +1064,9 @@ body {
 
 .bpa-summary-bold-label {
   font-weight: 700;
-  color: #555; }
+  color: #555;
+  max-width: 170px !important;
+  height: auto !important; }
 
 .custom-card-container {
   width: 100%;
@@ -1820,7 +1819,61 @@ body {
     color: #fff;
     line-height: 40px; }
 
+.document-card-link {
+  min-width: 160px;
+  margin: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: center;
+  text-decoration: none;
+  color: inherit;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease; }
+  .document-card-link:hover {
+    -webkit-transform: translateY(-2px);
+    transform: translateY(-2px); }
+
+.document-card-label {
+  margin-top: 8px;
+  max-width: 140px;
+  word-break: break-word;
+  font-size: 14px;
+  color: #475569;
+  font-weight: 500; }
+
+@media only screen and (max-width: 768px) {
+  .document-card-link {
+    min-width: 120px;
+    margin: 8px; }
+  .document-card-label {
+    max-width: 100px;
+    font-size: 12px; } }
+
 @media only screen and (max-width: 640px) {
+  .document-card-link {
+    min-width: 100px;
+    margin: 6px; }
+  .document-card-label {
+    max-width: 85px;
+    font-size: 11px; } }
+
+@media only screen and (max-width: 640px) {
+  .card {
+    margin-top: 2rem; }
+  .popup-module {
+    width: 100% !important; }
+  #search-property-field {
+    display: block !important; }
+  .bpa-summary-page {
+    padding: 0 !important; }
   .card-link {
     height: 32px;
     width: 140px;
@@ -2056,7 +2109,10 @@ body {
   justify-content: space-between !important;
   max-height: 70px !important;
   height: 70px !important;
-  margin-bottom: 15px !important; }
+  margin-bottom: 15px !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important; }
 
 .employee-main-application-details {
   padding: 10px !important; }
@@ -2189,9 +2245,12 @@ body {
   -ms-flex-pack: center;
   justify-content: center;
   min-height: 40px;
-  max-height: 40px;
-  width: 30%;
+  height: auto;
+  width: 100%;
   margin: 0; }
+  @media (min-width: 768px) {
+    .selector-button, .selector-button-primary, .selector-button-secondary {
+      width: 30%; } }
   .selector-button:hover, .selector-button-primary:hover, .selector-button-secondary:hover {
     opacity: .9; }
   .selector-button h2, .selector-button-primary h2, .selector-button-secondary h2 {
@@ -2242,9 +2301,11 @@ body {
   justify-content: center;
   height: auto;
   min-height: 40px;
-  width: 30%;
-  max-height: 40px;
+  width: 100%;
   margin: 0; }
+  @media (min-width: 768px) {
+    .selector-button-border {
+      width: 30%; } }
   .selector-button-border:hover {
     background-color: #1e3a8a !important;
     opacity: .9; }
@@ -3136,7 +3197,7 @@ body {
   overflow: hidden;
   width: 100%;
   border-collapse: collapse;
-  padding-bottom: 0; }
+  padding: 8px; }
 
 .data-table .row {
   display: -webkit-box;
@@ -5869,9 +5930,6 @@ video::-webkit-media-controls-panel {
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
@@ -7440,6 +7498,107 @@ video::-webkit-media-controls-panel {
   text-align: center;
   width: 40px; }
 
+.document-section-wrapper {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border-radius: 4px;
+  border: 1px solid #e0e4e8;
+  background-color: #f9f9f9;
+  padding: 16px; }
+
+.document-section-header {
+  margin-top: 0;
+  margin-bottom: 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 600;
+  color: #505a5f; }
+  .document-section-header .document-icon {
+    margin-right: 8px;
+    font-size: 18px; }
+
+.document-empty-state {
+  padding: 16px;
+  text-align: center;
+  color: #7a8a96;
+  background-color: #fff;
+  border-radius: 4px; }
+
+.document-container {
+  margin-top: 16px; }
+
+.document-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  grid-gap: 16px;
+  gap: 16px;
+  padding: 8px; }
+
+.document-link {
+  text-decoration: none;
+  cursor: pointer;
+  -webkit-transition: -webkit-transform .2s,-webkit-box-shadow .2s;
+  transition: -webkit-transform .2s,-webkit-box-shadow .2s;
+  transition: transform .2s,box-shadow .2s;
+  transition: transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s; }
+  .document-link:hover .document-card {
+    -webkit-transform: translateY(-4px);
+    transform: translateY(-4px);
+    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
+
+.document-card {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  padding: 16px;
+  background-color: #fff;
+  border-radius: 8px;
+  border: 1px solid #e8e8e8;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  -webkit-transition: all .2s;
+  transition: all .2s; }
+
+.document-card, .document-icon-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.document-icon-wrapper {
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100px;
+  height: 120px;
+  background-color: #fef5f5;
+  border-radius: 6px;
+  margin-bottom: 12px; }
+
+.document-name {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-align: center;
+  font-size: 12px;
+  font-weight: 500;
+  color: #333;
+  word-break: break-word;
+  line-height: 1.4; }
+
+.document-action-label {
+  margin-top: 8px;
+  font-size: 11px;
+  color: #0b69a4;
+  font-weight: 600; }
+
 .employee-login-page {
   min-height: 90vh;
   width: 100%;
@@ -8170,7 +8329,7 @@ video::-webkit-media-controls-panel {
 
 @media only screen and (max-width: 639px) {
   .employee .ground-container {
-    margin-top: 36px; } }
+    margin-top: 1rem; } }
 
 @media only screen and (max-width: 950px) {
   #main-img {
@@ -8702,6 +8861,7 @@ video::-webkit-media-controls-panel {
     font-size: 16px; }
 
 .inbox-container .filters-container .search-complaint-container {
+  padding: 1rem;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
@@ -8833,6 +8993,8 @@ video::-webkit-media-controls-panel {
           fill: #1359c8; }
     .inboxLinks .body {
       margin-left: 0; }
+  .filter-card {
+    padding: 1rem !important; }
   .filter-form .filter-card {
     padding: 16px;
     --bg-opacity:1;
@@ -8873,91 +9035,93 @@ video::-webkit-media-controls-panel {
             line-height: 24px; }
       .inbox-container .filters-container .citizen-filter {
         margin-top: unset; }
-    .inbox-container .search-container .search-complaint-container {
-      margin: auto;
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -webkit-box-align: start;
-      -ms-flex-align: start;
-      align-items: flex-start;
-      margin-bottom: 16px;
-      --bg-opacity:1;
-      background-color: #fff;
-      background-color: rgba(255, 255, 255, var(--bg-opacity));
-      padding: 16px; }
-      .inbox-container .search-container .search-complaint-container .complaint-input-container {
-        display: grid !important;
-        grid-template-columns: 33.33% 33.33% 33.33%;
-        width: 100% !important; }
-        .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search {
-          grid-template-columns: 25% 25% 25% 25%; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .input-fields:nth-child(3n) {
+    .inbox-container .search-container {
+      padding: 1rem !important; }
+      .inbox-container .search-container .search-complaint-container {
+        margin: auto;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        -webkit-box-align: start;
+        -ms-flex-align: start;
+        align-items: flex-start;
+        margin-bottom: 16px;
+        --bg-opacity:1;
+        background-color: #fff;
+        background-color: rgba(255, 255, 255, var(--bg-opacity));
+        padding: 16px; }
+        .inbox-container .search-container .search-complaint-container .complaint-input-container {
+          display: grid !important;
+          grid-template-columns: 33.33% 33.33% 33.33%;
+          width: 100% !important; }
+          .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search {
+            grid-template-columns: 25% 25% 25% 25%; }
+            .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .input-fields:nth-child(3n) {
+              margin-right: 16px !important; }
+            .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .input-fields:nth-child(4n) {
+              margin-right: 0 !important; }
+            .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .search-submit-wrapper {
+              grid-column: 4/5;
+              max-width: unset;
+              margin-left: unset;
+              margin-left: 50%;
+              max-width: 50%;
+              grid-column: 3/4;
+              display: -webkit-box;
+              display: -ms-flexbox;
+              display: flex;
+              -webkit-box-orient: vertical;
+              -webkit-box-direction: normal;
+              -ms-flex-direction: column;
+              flex-direction: column;
+              -webkit-box-pack: center;
+              -ms-flex-pack: center;
+              justify-content: center;
+              text-align: center;
+              margin-top: unset;
+              margin-bottom: 20px;
+              max-width: 100%;
+              width: 100%; }
+          .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields {
+            display: inline-block !important;
             margin-right: 16px !important; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .input-fields:nth-child(4n) {
+            .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields .inbox-search-form-error {
+              padding-top: 0;
+              margin-top: 0;
+              position: absolute; }
+          .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields:nth-child(3n) {
             margin-right: 0 !important; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .search-submit-wrapper {
-            grid-column: 4/5;
-            max-width: unset;
-            margin-left: unset;
-            margin-left: 50%;
-            max-width: 50%;
-            grid-column: 3/4;
+          .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
-            flex-direction: column;
-            -webkit-box-pack: center;
-            -ms-flex-pack: center;
-            justify-content: center;
-            text-align: center;
-            margin-top: unset;
-            margin-bottom: 20px;
-            max-width: 100%;
-            width: 100%; }
-        .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields {
-          display: inline-block !important;
-          margin-right: 16px !important; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields .inbox-search-form-error {
-            padding-top: 0;
-            margin-top: 0;
-            position: absolute; }
-        .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields:nth-child(3n) {
-          margin-right: 0 !important; }
-        .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
-            --text-opacity:1;
-            color: #1359c8;
-            color: rgba(19, 89, 200, var(--text-opacity));
-            display: block; }
-            .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
-              color: #003078; }
-        .inbox-container .search-container .search-complaint-container .complaint-input-container .mobile-input {
-          margin-left: 8px; }
-      .inbox-container .search-container .search-complaint-container .search-action-wrapper {
-        width: 33%;
-        margin-top: 28px;
-        display: inline-block;
-        vertical-align: middle;
-        text-align: center; }
-        .inbox-container .search-container .search-complaint-container .search-action-wrapper button {
-          margin: 0;
-          width: 100%;
-          max-width: 300px !important; } }
+            flex-direction: column; }
+            .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
+              --text-opacity:1;
+              color: #1359c8;
+              color: rgba(19, 89, 200, var(--text-opacity));
+              display: block; }
+              .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
+                color: #003078; }
+          .inbox-container .search-container .search-complaint-container .complaint-input-container .mobile-input {
+            margin-left: 8px; }
+        .inbox-container .search-container .search-complaint-container .search-action-wrapper {
+          width: 33%;
+          margin-top: 28px;
+          display: inline-block;
+          vertical-align: middle;
+          text-align: center; }
+          .inbox-container .search-container .search-complaint-container .search-action-wrapper button {
+            margin: 0;
+            width: 100%;
+            max-width: 300px !important; } }
 
 .document-clear-all {
   grid-area: 2/2;
@@ -9224,6 +9388,9 @@ video::-webkit-media-controls-panel {
     line-height: 24px;
     text-align: left; } }
 
+.filter-card, .mCollect-filter {
+  padding: 1rem !important; }
+
 .secondary-action {
   display: inline;
   float: right; }
@@ -18266,7 +18433,8 @@ body {
     text-indent: 2px; }
 
 .text-input {
-  width: 100%; }
+  width: 100%;
+  margin-bottom: 24px; }
   .text-input input:hover, .text-input .checkbox-wrap .input-emp:hover, .checkbox-wrap .text-input .input-emp:hover {
     --border-opacity:1;
     border: 1px solid #2947a3;
@@ -18697,8 +18865,6 @@ body {
     font-size: 1rem; } }
 
 @media screen and (max-width: 768px) {
-  .stepper {
-    display: grid !important; }
   .action-bar-wrap {
     padding: 10px;
     text-align: center; }
@@ -19145,3 +19311,15 @@ audio, canvas, embed, iframe, img, object, svg, video {
   transition: background-color .2s ease,transform .1s ease,-webkit-transform .1s ease;
   -webkit-box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
   box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2); }
+
+.svgPrimaryH16px {
+  display: none !important; }
+
+@media (max-width: 767px) {
+  .card input[type=date], .card .checkbox-wrap .input-emp[type=date], .checkbox-wrap .card .input-emp[type=date], .citizen-card-input[type=date], .form-field input[type=date], .form-field .checkbox-wrap .input-emp[type=date], .checkbox-wrap .form-field .input-emp[type=date], input[type=date], .checkbox-wrap .input-emp[type=date] {
+    text-align: center !important; } }
+
+input[type=date], .checkbox-wrap .input-emp[type=date] {
+  -webkit-appearance: none !important;
+  -moz-appearance: none !important;
+  appearance: none !important; }