@pmidc/upyog-css 1.2.28 → 1.2.30

package/dist/index.css

@@ -2397,11 +2397,7 @@ body {
   justify-content: center;
   height: auto;
   min-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; }
@@ -3103,6 +3099,10 @@ body {
 .mobile-number-input-with-prefix {
   padding-left: 45px !important; }
 
+@media only screen and (max-width: 768px) {
+  .employee-card-input {
+    font-size: 14px; } }
+
 .emp-success-wrap, .success-wrap {
   display: block;
   --bg-opacity:1;
@@ -16968,7 +16968,8 @@ body {
   font-size: 14px;
   color: #374151;
   line-height: 1.6;
-  word-wrap: break-word; }
+  word-wrap: break-word;
+  word-break: break-word; }
 
 .custom-doc-container {
   display: inline-block;
@@ -20662,11 +20663,20 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
 .custom-fee-table-header {
   padding: 14px 12px;
   font-size: 12px;
-  white-space: nowrap; }
+  white-space: nowrap;
+  background: linear-gradient(135deg, #1e3a8a, #2563eb);
+  color: #fff;
+  font-weight: 600;
+  text-align: left; }
 
 .custom-fee-table-cell {
   padding: 14px 12px;
-  font-size: 13px; }
+  font-size: 16px; }
+
+@media (max-width: 768px) {
+  .custom-fee-table-cell {
+    font-size: 13px;
+    padding: 10px 8px; } }
 
 .custom-fee-table-cell-taxhead {
   min-width: 150px; }
@@ -20695,9 +20705,13 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
 
 .custom-fee-history-header {
   padding: 12px 8px;
-  font-size: 12px;
+  font-size: 14px;
   white-space: nowrap;
-  min-width: 120px; }
+  min-width: 120px;
+  background-color: #0d43a7;
+  color: #fff;
+  font-weight: 600;
+  text-align: left; }
 
 .custom-fee-history-cell {
   padding: 12px 8px;
@@ -20705,7 +20719,7 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
   vertical-align: top; }
 
 .custom-fee-history-content {
-  font-size: 12px; }
+  font-size: 14px; }
 
 .custom-fee-history-label, .custom-fee-history-row {
   margin-bottom: 8px; }
@@ -20715,13 +20729,268 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
 
 .custom-fee-table-input {
   width: 100%;
-  padding: 8px;
-  border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 13px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
 
+.custom-fee-mobile-cards {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 12px;
+  gap: 12px;
+  padding: 0; }
+
+.custom-fee-card {
+  background: #fff;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 16px;
+  -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: -webkit-box-shadow .2s ease;
+  transition: -webkit-box-shadow .2s ease;
+  transition: box-shadow .2s ease;
+  transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
+  transition: box-shadow .2s ease,-webkit-box-shadow .2s ease; }
+  .custom-fee-card:hover {
+    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); }
+
+.custom-fee-card-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-bottom: 12px;
+  padding-bottom: 12px;
+  border-bottom: 2px solid #f0f0f0; }
+
+.custom-fee-card-type {
+  font-weight: 700;
+  font-size: 14px;
+  color: #1a1a1a;
+  text-transform: capitalize;
+  letter-spacing: .3px; }
+
+.custom-fee-card-original-amount {
+  font-size: 12px;
+  color: #888;
+  font-weight: 500; }
+
+.custom-fee-card-content {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 14px;
+  gap: 14px; }
+
+.custom-fee-card-content, .custom-fee-card-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.custom-fee-card-row {
+  grid-gap: 12px;
+  gap: 12px; }
+
+.custom-fee-card-field {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 6px;
+  gap: 6px;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }
+
+.custom-fee-card-label {
+  font-weight: 600;
+  font-size: 12px;
+  color: #000;
+  text-transform: uppercase;
+  letter-spacing: .5px; }
+
+.custom-fee-card-value {
+  font-size: 13px;
+  color: #333;
+  padding: 8px;
+  background: #f9f9f9;
+  border-radius: 4px;
+  min-height: 32px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: 1px solid #e8e8e8; }
+
+.custom-fee-card-total-row {
+  background: linear-gradient(135deg, #f5f7fa, #f0f3f8);
+  border: 2px solid #d0d8e8;
+  margin-top: 8px; }
+  .custom-fee-card-total-row .custom-fee-card-header {
+    display: none; }
+
+.custom-fee-card-total-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 8px;
+  gap: 8px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: center;
+  padding: 12px 0; }
+
+.custom-fee-card-total-label {
+  font-size: 12px;
+  color: #1f4ed4;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .5px; }
+
+.custom-fee-card-total-value {
+  font-size: 24px;
+  font-weight: 800;
+  color: #1a1a1a;
+  letter-spacing: .2px; }
+
+.custom-fee-card-total-words {
+  font-size: 11px;
+  color: #1f4ed4;
+  font-style: italic;
+  margin-top: 4px;
+  line-height: 1.4; }
+
+.custom-fee-mobile-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.custom-fee-mobile-history {
+  background: #fff;
+  border: 1px solid #e0e0e0;
+  overflow: hidden;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  margin-top: 20px; }
+
+.custom-fee-history-toggle-mobile {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 16px;
+  cursor: pointer;
+  background: linear-gradient(135deg, #f5f7fa, #f0f3f8);
+  border-bottom: 1px solid #e0e0e0;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease; }
+  .custom-fee-history-toggle-mobile:active {
+    background: linear-gradient(135deg, #f0f3f8, #e8ecfa); }
+
+.custom-fee-history-title {
+  font-weight: 700;
+  font-size: 14px;
+  color: #1a1a1a;
+  text-transform: uppercase;
+  letter-spacing: .5px; }
+
+.custom-fee-history-icon {
+  font-size: 12px;
+  color: #666;
+  font-weight: 600; }
+
+.custom-fee-history-cards {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 12px;
+  gap: 12px; }
+
+.custom-fee-history-card {
+  background: #f9f9f9;
+  border: 1px solid #e8e8e8;
+  border-radius: 6px;
+  overflow: hidden; }
+
+.custom-fee-history-card-header {
+  background: #0d43a7;
+  padding: 12px 16px;
+  font-weight: 600;
+  font-size: 15px;
+  color: #fff;
+  border-bottom: 1px solid #0d43a7;
+  text-transform: uppercase;
+  letter-spacing: .3px; }
+
+.custom-fee-history-card-content {
+  padding: 12px 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 10px;
+  gap: 10px; }
+
+.custom-fee-history-entry {
+  padding: 8px 0;
+  border-bottom: 1px solid #e8e8e8; }
+  .custom-fee-history-entry:last-child {
+    border-bottom: none; }
+
+.custom-fee-history-item {
+  font-size: 14px;
+  color: #555;
+  line-height: 1.5;
+  word-break: break-word; }
+
+.custom-fee-history-label-bold {
+  color: #333;
+  font-weight: 700;
+  font-size: 15px;
+  margin-right: 4px; }
+
 .checklist-document-table-wrapper {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
@@ -20760,7 +21029,7 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
   text-align: center; }
 
 .checklist-table-cell-doc-name {
-  font-size: 13px;
+  font-size: 16px;
   min-width: 150px; }
 
 .checklist-table-cell-file {
@@ -20772,8 +21041,17 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
 .checklist-table-input {
   width: 100%;
   padding: 8px;
-  border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 13px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
+
+@media (min-width: 1024px) {
+  .data-card .employee-card-sub-heade {
+    margin-bottom: 40px;
+    font-size: 18px;
+    font-weight: 700;
+    color: #1e293b;
+    text-align: left;
+    text-transform: uppercase;
+    letter-spacing: .4px; } }