@pmidc/upyog-css 1.2.55 → 1.2.57

package/dist/index.css

@@ -22863,6 +22863,202 @@ body {
   margin-top: 30px;
 }
 
+.ral-payment-history {
+  margin-top: 24px;
+}
+
+.ral-payment-history__header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  grid-gap: 24px;
+  gap: 24px;
+  margin-bottom: 20px;
+}
+
+.ral-payment-history__consumer {
+  margin: 4px 0 0;
+  color: #5b6b82;
+  font-size: 14px;
+}
+
+.ral-payment-history__totals {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 12px;
+  gap: 12px;
+}
+
+.ral-payment-history__totals > div {
+  min-width: 126px;
+  padding: 10px 14px;
+  border: 1px solid #dbe7f5;
+  border-radius: 8px;
+  background: #f7fbff;
+}
+
+.ral-payment-history__totals span, .ral-payment-history__totals strong {
+  display: block;
+}
+
+.ral-payment-history__totals span {
+  color: #5b6b82;
+  font-size: 12px;
+}
+
+.ral-payment-history__totals strong {
+  margin-top: 4px;
+  color: #173f73;
+  font-size: 16px;
+}
+
+.ral-payment-history__table-wrap {
+  overflow-x: auto;
+  border: 1px solid #dbe7f5;
+  border-radius: 8px;
+}
+
+.ral-payment-history__table {
+  width: 100%;
+  min-width: 780px;
+  border-collapse: collapse;
+  color: #23354d;
+  font-size: 14px;
+}
+
+.ral-payment-history__table td, .ral-payment-history__table th {
+  padding: 14px 16px;
+  border-bottom: 1px solid #e4edf7;
+  text-align: left;
+  vertical-align: middle;
+}
+
+.ral-payment-history__table th {
+  color: #5b6b82;
+  background: #f7faff;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+.ral-payment-history__table tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+.ral-payment-history__month-button {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 6px;
+  gap: 6px;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: #0b63ce;
+  font: inherit;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.ral-payment-history__month-button:disabled {
+  color: #23354d;
+  cursor: default;
+}
+
+.ral-payment-history__month-button span {
+  width: 10px;
+  color: #287e37;
+  font-size: 18px;
+  line-height: 1;
+}
+
+.ral-payment-history__status {
+  display: inline-block;
+  padding: 5px 9px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.ral-payment-history__status--paid {
+  color: #16733a;
+  background: #eaf8ee;
+}
+
+.ral-payment-history__status--partially_paid {
+  color: #9a5b00;
+  background: #fff4dd;
+}
+
+.ral-payment-history__status--due {
+  color: #b42318;
+  background: #fff0ef;
+}
+
+.ral-payment-history__receipts-row td {
+  padding: 0;
+  background: #f7fbff;
+}
+
+.ral-payment-history__receipts {
+  padding: 8px 16px;
+}
+
+.ral-payment-history__receipt {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 8px 18px;
+  gap: 8px 18px;
+  padding: 10px 0;
+  border-bottom: 1px solid #e4edf7;
+}
+
+.ral-payment-history__receipt:last-child {
+  border-bottom: 0;
+}
+
+.ral-payment-history__receipt strong {
+  color: #173f73;
+}
+
+.ral-payment-history__message {
+  padding: 24px 0;
+  color: #5b6b82;
+}
+
+.ral-payment-history__message--error {
+  color: #b42318;
+}
+
+@media (max-width: 768px) {
+  .ral-payment-history__header, .ral-payment-history__totals {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+  }
+
+  .ral-payment-history__totals, .ral-payment-history__totals > div {
+    width: 100%;
+  }
+}
 .ral-bill-generate {
   max-width: 100%;
 }
@@ -23205,6 +23401,96 @@ body {
   display: none;
 }
 
+.ral-owner-search-results {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+.ral-owner-search-results .ndc-new-table-wrapper {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+.ral-owner-search-results .customTable {
+  min-width: 1480px;
+  table-layout: fixed;
+}
+.ral-owner-search-results .customTable td, .ral-owner-search-results .customTable th {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: anywhere;
+  text-align: left;
+}
+.ral-owner-search-results .customTable th {
+  line-height: 1.3;
+  white-space: normal;
+}
+.ral-owner-search-results .customTable td:first-child, .ral-owner-search-results .customTable th:first-child {
+  width: 170px;
+}
+.ral-owner-search-results .customTable td:nth-child(2), .ral-owner-search-results .customTable th:nth-child(2) {
+  width: 130px;
+  white-space: nowrap;
+}
+.ral-owner-search-results .customTable td:nth-child(3), .ral-owner-search-results .customTable th:nth-child(3) {
+  width: 220px;
+}
+.ral-owner-search-results .customTable td:nth-child(4), .ral-owner-search-results .customTable th:nth-child(4) {
+  width: 125px;
+  white-space: nowrap;
+}
+.ral-owner-search-results .customTable td:nth-child(5), .ral-owner-search-results .customTable th:nth-child(5) {
+  width: 205px;
+}
+.ral-owner-search-results .customTable td:nth-child(6), .ral-owner-search-results .customTable th:nth-child(6) {
+  width: 220px;
+}
+.ral-owner-search-results .customTable td:nth-child(7), .ral-owner-search-results .customTable th:nth-child(7) {
+  width: 110px;
+  white-space: nowrap;
+}
+.ral-owner-search-results .customTable td:nth-child(8), .ral-owner-search-results .customTable th:nth-child(8) {
+  width: 120px;
+  text-align: center;
+  white-space: nowrap;
+}
+
+.ral-owner-details-step {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  overflow-x: hidden !important;
+}
+.ral-owner-details-step #owner-search-form-container {
+  max-width: 100%;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.ral-owner-search-controls {
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+}
+.ral-owner-search-controls .obps-page-components-layout-owner-search-modal--style-7 {
+  -webkit-box-flex: 0;
+  -ms-flex: 0 1 380px;
+  flex: 0 1 380px;
+  width: 380px;
+  max-width: 100%;
+}
+
+@media (max-width: 768px) {
+  .ral-owner-search-controls .obps-page-components-layout-owner-search-modal--style-7 {
+    width: 100%;
+  }
+}
 .survey-modal-wrapper {
   padding: 0;
   background-color: #f9fafb;