@tattvafoundation/upyog-css 1.0.24 → 1.0.25

package/dist/index.css

@@ -3228,28 +3228,29 @@ body {
     font-weight: 700; }
   .customTable td, .customTable th {
     text-align: left;
-    border-bottom: 1px solid #b1b4b6;
-    padding: 15px 10px; }
+    padding: 15px !important;
+    border-bottom: 1px solid #fdf0c4 !important; }
   .customTable tr:nth-child(odd) {
-    background-color: #eee; }
+    background-color: #fffcf6; }
   .customTable tr:nth-child(2n) {
     background-color: #fff; }
   .customTable thead tr:first-child {
-    background-color: unset; }
+    background: #f5eace;
+    color: #b08904; }
 
 .table-fixed-first-column thead th:first-child {
   position: sticky;
-  background: #fff;
+  background: #f5eace;
   left: 0;
-  border-right: 1px solid #b1b4b6;
+  border-right: 1px solid #e0cb84;
   border-top-left-radius: 4px; }
 
 .table-fixed-first-column tbody td:first-child {
   position: sticky;
-  background: #fff;
   color: #a82227;
   left: 0;
-  border-right: 1px solid #b1b4b6; }
+  border-right: 1px solid #fdf0c4;
+  border-bottom: 1px solid #fdf0c4; }
 
 .table-fixed-column-common-pay thead th:first-child {
   left: 0; }
@@ -8881,7 +8882,7 @@ body {
   --background-color:#fff;
   --text-color:#000; }
 
-body, html {
+*, body, html {
   font-size: var(--base-font-size); }
 
 body {
@@ -9033,7 +9034,7 @@ body {
   cursor: pointer; }
 
 .ChildOptionName a {
-  font-size: 14px;
+  font-size: 16px;
   color: #b08904; }
 
 @media screen and (max-width: 768px) {
@@ -10539,6 +10540,133 @@ button.submit-bar:hover {
   .ebe-custom-scroll {
     display: block; } }
 
+.ebe-row-card-header {
+  background: #fff;
+  margin-top: 20px;
+  padding: 18px;
+  border-radius: 12px; }
+
+.ebe-modal .popup-module {
+  width: 70%;
+  height: auto;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.ebe-modal .modal-header, .ebe-modal .popup-module {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.ebe-modal .modal-header {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #ddd; }
+
+.ebe-modal .modal-header h1 {
+  margin: 0; }
+
+.ebe-modal .modal-body {
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  overflow-y: auto;
+  padding: 20px 0;
+  display: grid;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.ebe-modal .modal-footer {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  grid-gap: 16px;
+  gap: 16px;
+  padding-top: 10px; }
+
+.ebe-modal .modal-footer button {
+  padding: 10px 20px;
+  font-size: 14px;
+  background-color: #007bff;
+  color: #fff;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer; }
+
+.ebe-modal .modal-footer button:disabled {
+  background-color: #ccc;
+  cursor: not-allowed; }
+
+.ebe-modal .modal-body.two-columns {
+  grid-template-columns: 1fr 1fr; }
+
+.ebe-modal .modal-body.four-columns {
+  grid-template-columns: 1fr 1fr 1fr 1fr; }
+
+.ebe-modal .modal-body .form-item {
+  padding: 8px;
+  border: 1px solid #ddd;
+  border-radius: 4px; }
+
+@media screen and (max-width: 768px) {
+  .ebe-modal {
+    width: 100%;
+    padding: 10px; }
+  .ebe-modal .modal-header h1 {
+    font-size: 18px; }
+  .ebe-modal .modal-footer {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 8px;
+    gap: 8px; }
+  .ebe-modal .modal-body.four-columns, .ebe-modal .modal-body.two-columns {
+    grid-template-columns: 1fr; } }
+
+@media screen and (max-width: 480px) {
+  .ebe-modal {
+    padding: 5px; }
+  .ebe-modal .modal-header h1 {
+    font-size: 16px; }
+  .ebe-modal .modal-footer {
+    grid-gap: 4px;
+    gap: 4px; }
+  .ebe-modal .modal-body.four-columns, .ebe-modal .modal-body.two-columns {
+    grid-template-columns: 1fr; } }
+
+.ebe-modal .modal-body table {
+  width: 100%;
+  border-collapse: collapse; }
+
+.ebe-modal .modal-body table td, .ebe-modal .modal-body table th {
+  padding: 8px;
+  text-align: left;
+  border: 1px solid #ddd; }
+
+.ebe-modal .modal-body table th {
+  background-color: #f4f4f4; }
+
+.ebe-extension .employeeCard .label-field-pair h2 {
+  width: 0; }
+
+.ebe-label {
+  display: block;
+  font-weight: 700;
+  white-space: normal;
+  word-wrap: break-word;
+  max-width: 100%;
+  line-height: 1.2; }
+
 .multi-column-dropdown-wrap {
   position: relative;
   font-size: 16px;