@pmidc/upyog-css 1.2.36-UAT.30 → 1.2.36-UAT.32

package/src/modules/rentAndLease/index.scss

@@ -1,882 +1,701 @@
-.ral-banner {
-  padding: 10px;
-}
-
-.ral-banner-header {
-  font-size: 32px;
-  word-break: break-word;
-}
-
-.ral-action-bar {
-  display: flex;
-  justify-content: flex-end;
-  align-items: baseline;
-}
-
-.ral-error-label {
-  width: 70%;
-  margin-left: 1%;
-  margin-top: -18px;
-}
-
-.ral-last-paid-upto-label {
-  position: relative;
-  margin: 18px 0 10px;
-  padding: 12px 14px 12px 42px;
-  color: #163d63;
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 1.45;
-  background: linear-gradient(90deg, #eaf4fb 0%, #f7fbfe 100%);
-  border: 1px solid #b7d8ed;
-  border-left: 4px solid #fa001d;
-  border-radius: 4px;
-  box-shadow: 0 2px 6px rgba(13, 110, 168, 0.08);
-}
-
-.ral-last-paid-upto-hidden {
-  display: none;
-}
-
-.ral-arrear-details-hidden {
-  display: none;
-}
-
-.ral-last-paid-upto-label::before {
-  content: "i";
-  position: absolute;
-  top: 50%;
-  left: 13px;
-  display: flex;
-  width: 18px;
-  height: 18px;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-  font-family: Georgia, serif;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1;
-  background: #0d6ea8;
-  border-radius: 50%;
-  transform: translateY(-50%);
-}
-
-@media (max-width: 780px) {
-  .ral-last-paid-upto-label {
-    margin-top: 14px;
-    padding: 10px 12px 10px 38px;
-  }
-}
-
-/* Desktop view - margin-left 50% */
-@media (min-width: 768px) {
-  .ral-error-label {
-    margin-left: 50%;
-  }
-}
-
-.ral-applicant-container {
-  border: 1px solid #ddd;
-  padding: 12px;
-  margin-bottom: 16px;
-  border-radius: 10px;
-}
-
-.ral-applicant-header-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 20px;
-}
-
-.ral-remove-btn {
-  background: transparent;
-  width: 100%;
-  max-width: 25px;
-}
-
-.ral-add-applicant-row {
-  display: flex;
-  justify-content: flex-end;
-  margin-bottom: 16px;
-}
-
-.ral-add-applicant-btn {
-  border: 1px solid #2947a3;
-  background: transparent;
-  color: #2947a3;
-  width: 100%;
-  max-width: 140px;
-}
-
-.ral-back-btn {
-  border: 1px solid;
-  background: transparent;
-  color: #2947a3;
-  margin-right: 8px;
-}
-
-.ral-summary-card {
-  padding: 2px;
-}
-
-.ral-summary-section {
-  background-color: #ffffff;
-  padding: 1rem 0;
-  border-radius: 8px;
-  margin-bottom: 1.5rem;
-  box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04);
-}
-
-.ral-summary-header-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 0.75rem;
-}
-
-.ral-summary-heading {
-  font-size: 1.25rem;
-  color: #0d43a7;
-  font-weight: 500;
-  margin: 0;
-}
-
-.ral-summary-row {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  border-bottom: 1px dashed #e9eef2;
-  padding: 10px 4px;
-  align-items: center;
-}
-
-.ral-summary-label {
-  font-weight: 600;
-  color: #333;
-}
-
-.ral-summary-docs-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
-  margin-top: 0.5rem;
-}
-
-.ral-summary-doc-card {
-  flex: 1 1 220px;
-  min-width: 180px;
-  max-width: 260px;
-  background-color: #fbfcfe;
-  padding: 0.6rem;
-  border: 1px solid #eef3f7;
-  border-radius: 6px;
-}
-
-.ral-summary-applicant-subheading {
-  padding: 6px 26px;
-  background: oldlace;
-  font-weight: 900;
-}
-
-.ral-summary-applicant-wrapper {
-  margin-bottom: 1rem;
-}
-
-.ral-doc-container {
-  margin-bottom: 24px;
-}
-
-.ral-doc-label {
-  width: 100%;
-}
-
-.ral-doc-field {
-  width: 100%;
-}
-
-.ral-doc-field-employee {
-  max-width: 500px;
-}
-
-.ral-doc-upload-msg {
-  width: 100%;
-}
-
-.ral-doc-upload-input {
-  width: 280px;
-}
-
-.ral-doc-error {
-  color: #d4351c;
-  font-size: 12px;
-  margin-top: 4px;
-  margin-bottom: 10px;
-}
-
-.ral-app-details-header {
-  margin-left: 14px;
-  max-width: 960px;
-}
-
-.ral-app-details-owner-header {
-  padding: 5px 24px 0px 24px;
-  font-weight: 600;
-}
-
-.ral-app-details-docs-card {
-  display: flex !important;
-  flex-direction: row !important;
-  flex-wrap: wrap !important;
-  gap: 30px;
-  margin-bottom: 26px;
-}
-
-.ral-my-properties-container {
-  margin-top: 16px;
-}
-
-.ral-my-properties-header {
-  margin-left: 8px;
-}
-
-.ral-my-properties-actions {
-  display: flex;
-  gap: 20px;
-}
-
-.ral-my-properties-no-result {
-  margin-left: 16px;
-  margin-top: 16px;
-}
-
-.ral-my-properties-load-more {
-  margin-left: 16px;
-  margin-top: 16px;
-}
-
-.ral-my-properties-load-more-link {
-  cursor: pointer;
-  color: #007bff;
-  font-weight: bold;
-}
-
-.ral-modal-header {
-  margin-left: 20px;
-}
-
-.ral-modal-close {
-  margin-right: 20px;
-}
-
-.ral-header-32 {
-  font-size: 32px;
-}
-
-.ral-card-subheader-24 {
-  font-size: 24px;
-}
-
-.ral-card-subheader-24-margin {
-  font-size: 24px;
-  margin-top: 30px;
-}
-
-.ral-payment-history {
-  margin-top: 24px;
-}
-
-.ral-payment-history__header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 24px;
-  margin-bottom: 20px;
-}
-
-.ral-payment-history__consumer {
-  margin: 4px 0 0;
-  color: #5b6b82;
-  font-size: 14px;
-}
-
-.ral-payment-history__totals {
-  display: flex;
-  flex-wrap: wrap;
-  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 th,
-.ral-payment-history__table td {
-  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: inline-flex;
-  align-items: center;
-  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: flex;
-  flex-wrap: wrap;
-  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 {
-    flex-direction: column;
-  }
-
-  .ral-payment-history__totals {
-    width: 100%;
-  }
-
-  .ral-payment-history__totals > div {
-    width: 100%;
-  }
-}
-
-.ral-bill-generate {
-  max-width: 100%;
-}
-
-.ral-bill-generate__header {
-  margin: 16px;
-}
-
-.ral-bill-generate__form {
-  padding: 0;
-  margin: 0;
-}
-
-.ral-bill-generate__actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 24px;
-}
-
-@media (min-width: 641px) {
-  .ral-bill-generate__fields {
-    width: 100%;
-    max-width: 500px;
-  }
-}
-
-@media (max-width: 640px) {
-  .ral-bill-generate__card {
-    margin: 0 12px;
-  }
-
-  .ral-bill-generate__header {
-    margin: 16px 12px;
-  }
-
-  .ral-bill-generate__fields,
-  .ral-bill-generate__fields .input-fields,
-  .ral-bill-generate__fields .complaint-input,
-  .ral-bill-generate__fields .form-field,
-  .ral-bill-generate__fields input {
-    width: 100%;
-    max-width: 100%;
-    min-width: 0;
-    box-sizing: border-box;
-  }
-
-  .ral-bill-generate__actions {
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: stretch;
-  }
-
-  .ral-bill-generate__actions .submit-bar {
-    flex: 1 1 0;
-    width: auto;
-    min-width: 0;
-    margin: 0;
-  }
-
-  .ral-bill-generate__actions .ral-back-btn {
-    margin-right: 0;
-  }
-}
-
-.mandatory-asterisk {
-  color: #ff0000 !important;
-}
-
-/* Generated from static Rent and Lease JSX styles. */
-
-.ral-style-07e09bd50b {
-  justify-content: flex-start;
-}
-
-.ral-style-09fe054f3c {
-  font-size: 13px;
-  color: green;
-  padding-bottom: 10px;
-}
-
-.ral-style-13e42518aa {
-  cursor: pointer;
-  caret-color: transparent;
-}
-
-.ral-style-16a8a8b00c {
-  overflow: auto;
-}
-
-.ral-style-16b4c2d840 {
-  flex: none;
-}
-
-.ral-style-1ca832ca6c {
-  align-items: center;
-}
-
-.ral-style-2122396076 {
-  width: 100%;
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-  gap: 16px;
-  margin: 0;
-}
-
-.ral-style-25d0175a45 {
-  font-weight: normal;
-}
-
-.ral-style-26afc10d19 {
-  border: 1px solid #e0e0e0;
-  padding: 6px;
-  margin-top: 5px;
-}
-
-.ral-style-44b6015a79 {
-  display: flex;
-  align-items: center;
-  margin-top: auto;
-}
-
-.ral-style-463f21217a {
-  display: flex;
-  gap: 15px;
-}
-
-.ral-style-526d2de178 {
-  margin: 16px;
-}
-
-.ral-style-5c357d95f7 {
-  margin-top: 20px;
-}
-
-.ral-style-63d465e80f {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 9999;
-}
-
-.ral-style-669a0ee4e0 {
-  display: flex;
-  justify-content: flex-end;
-  align-items: baseline;
-}
-
-.ral-style-705874e93f {
-  width: 100%;
-  text-align: right;
-  width: 240px;
-  text-align: right;
-  margin-left: 96px;
-  margin-top: 8px;
-}
-
-.ral-style-7623f05545 {
-  flex: 1;
-}
-
-.ral-style-7f90823361 {
-  margin-left: 10px;
-}
-
-.ral-style-806dcbc2f3 {
-  border: 1px solid #e0e0e0;
-  padding: 6px;
-}
-
-.ral-style-8119d65878 {
-  margin-left: 8px;
-  font-weight: normal;
-}
-
-.ral-style-8556ab25bb {
-  position: relative;
-  width: 100%;
-  cursor: pointer;
-}
-
-.ral-style-8f96e7bd84 {
-  color: #fe7a51;
-  cursor: pointer;
-}
-
-.ral-style-99871d5ffa {
-  margin-right: 1rem;
-}
-
-.ral-style-9be68d3ddc {
-  position: absolute;
-  right: 12px;
-  top: 45%;
-  transform: translateY(-50%);
-  pointer-events: none;
-  width: 16px;
-  height: 16px;
-}
-
-.ral-style-a2e94d72eb {
-  padding: 0;
-}
-
-.ral-style-a527bac1ee {
-  text-align: right;
-}
-
-.ral-style-aa35c0473f {
-  padding-right: 0;
-  margin-top: 0;
-}
-
-.ral-style-b46b779814 {
-  margin-top: 24px;
-  background: white;
-  padding: 16px;
-  border-radius: 8px;
-}
-
-.ral-style-b89d6f781b {
-  padding: 0;
-  margin: 0;
-}
-
-.ral-style-ba53c25006 {
-  padding-top: 9px;
-}
-
-.ral-style-bd1c956dbd {
-  z-index: 1000;
-}
-
-.ral-style-cad980f4b7 {
-  width: 100%;
-}
-
-.ral-style-dac4fe6c9b {
-  text-align: center;
-}
-
-.ral-style-fbb51b7b95 {
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 24px;
-}
-
-.ral-style-fcab9f05b8 {
-  width: 70%;
-  margin-left: 30%;
-  font-size: 12px;
-  margin-top: -21px;
-}
-
-.ral-citizen-breadcrumb--offset {
-  margin-left: 10px;
-}
-
-.ral-hidden-date-input {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 32px;
-  height: 100%;
-  opacity: 0;
-  cursor: pointer;
-  border: none;
-  padding: 0;
-  margin: 0;
-}
-
-.ral-desktop-inbox__result {
-  flex: 1;
-}
-
-.ral-desktop-inbox__result--inbox {
-  margin-left: 24px;
-}
-
-.ral-inbox-search {
-  width: auto;
-}
-
-.ral-inbox-search--inbox {
-  margin-left: 24px;
-}
-
-.ral-inbox-search__fields {
-  width: 100%;
-  display: grid;
-}
-
-.ral-inbox-search__clear-link {
-  display: inline;
-}
-
-.ral-inbox-search__clear-link--mobile {
-  margin: 0;
-}
-
-.ral-property-details__non-legacy--hidden {
-  display: none;
-}
-
-.ral-owner-search-results {
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-
-  .ndc-new-table-wrapper {
-    width: 100%;
-    max-width: 100%;
-    min-width: 0;
-    overflow-x: auto;
-    overflow-y: hidden;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .customTable {
-    min-width: 1480px;
-    table-layout: fixed;
-  }
-
-  .customTable th,
-  .customTable td {
-    box-sizing: border-box;
-    overflow-wrap: anywhere;
-    text-align: left;
-  }
-
-  .customTable th {
-    line-height: 1.3;
-    white-space: normal;
-  }
-
-  .customTable th:nth-child(1),
-  .customTable td:nth-child(1) {
-    width: 170px;
-  }
-
-  .customTable th:nth-child(2),
-  .customTable td:nth-child(2) {
-    width: 130px;
-    white-space: nowrap;
-  }
-
-  .customTable th:nth-child(3),
-  .customTable td:nth-child(3) {
-    width: 220px;
-  }
-
-  .customTable th:nth-child(4),
-  .customTable td:nth-child(4) {
-    width: 125px;
-    white-space: nowrap;
-  }
-
-  .customTable th:nth-child(5),
-  .customTable td:nth-child(5) {
-    width: 205px;
-  }
-
-  .customTable th:nth-child(6),
-  .customTable td:nth-child(6) {
-    width: 220px;
-  }
-
-  .customTable th:nth-child(7),
-  .customTable td:nth-child(7) {
-    width: 110px;
-    white-space: nowrap;
-  }
-
-  .customTable th:nth-child(8),
-  .customTable td: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;
-
-  #owner-search-form-container {
-    max-width: 100%;
-    min-width: 0;
-    overflow: hidden;
-  }
-}
-
-.ral-owner-search-controls {
-  justify-content: flex-start;
-
-  .obps-page-components-layout-owner-search-modal--style-7 {
-    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%;
-    }
-  }
-}
+.ral-banner {
+  padding: 10px;
+}
+
+.ral-banner-header {
+  font-size: 32px;
+  word-break: break-word;
+}
+
+.ral-action-bar {
+  display: flex;
+  justify-content: flex-end;
+  align-items: baseline;
+}
+
+.ral-error-label {
+  width: 70%;
+  margin-left: 1%;
+  margin-top: -18px;
+}
+
+.ral-last-paid-upto-label {
+  position: relative;
+  margin: 18px 0 10px;
+  padding: 12px 14px 12px 42px;
+  color: #163d63;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.45;
+  background: linear-gradient(90deg, #eaf4fb 0%, #f7fbfe 100%);
+  border: 1px solid #b7d8ed;
+  border-left: 4px solid #fa001d;
+  border-radius: 4px;
+  box-shadow: 0 2px 6px rgba(13, 110, 168, 0.08);
+}
+
+.ral-last-paid-upto-hidden {
+  display: none;
+}
+
+.ral-arrear-details-hidden {
+  display: none;
+}
+
+.ral-last-paid-upto-label::before {
+  content: "i";
+  position: absolute;
+  top: 50%;
+  left: 13px;
+  display: flex;
+  width: 18px;
+  height: 18px;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-family: Georgia, serif;
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 1;
+  background: #0d6ea8;
+  border-radius: 50%;
+  transform: translateY(-50%);
+}
+
+@media (max-width: 780px) {
+  .ral-last-paid-upto-label {
+    margin-top: 14px;
+    padding: 10px 12px 10px 38px;
+  }
+}
+
+/* Desktop view - margin-left 50% */
+@media (min-width: 768px) {
+  .ral-error-label {
+    margin-left: 50%;
+  }
+}
+
+.ral-applicant-container {
+  border: 1px solid #ddd;
+  padding: 12px;
+  margin-bottom: 16px;
+  border-radius: 10px;
+}
+
+.ral-applicant-header-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+
+.ral-remove-btn {
+  background: transparent;
+  width: 100%;
+  max-width: 25px;
+}
+
+.ral-add-applicant-row {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 16px;
+}
+
+.ral-add-applicant-btn {
+  border: 1px solid #2947a3;
+  background: transparent;
+  color: #2947a3;
+  width: 100%;
+  max-width: 140px;
+}
+
+.ral-back-btn {
+  border: 1px solid;
+  background: transparent;
+  color: #2947a3;
+  margin-right: 8px;
+}
+
+.ral-summary-card {
+  padding: 2px;
+}
+
+.ral-summary-section {
+  background-color: #ffffff;
+  padding: 1rem 0;
+  border-radius: 8px;
+  margin-bottom: 1.5rem;
+  box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04);
+}
+
+.ral-summary-header-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.75rem;
+}
+
+.ral-summary-heading {
+  font-size: 1.25rem;
+  color: #0d43a7;
+  font-weight: 500;
+  margin: 0;
+}
+
+.ral-summary-row {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  border-bottom: 1px dashed #e9eef2;
+  padding: 10px 4px;
+  align-items: center;
+}
+
+.ral-summary-label {
+  font-weight: 600;
+  color: #333;
+}
+
+.ral-summary-docs-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  margin-top: 0.5rem;
+}
+
+.ral-summary-doc-card {
+  flex: 1 1 220px;
+  min-width: 180px;
+  max-width: 260px;
+  background-color: #fbfcfe;
+  padding: 0.6rem;
+  border: 1px solid #eef3f7;
+  border-radius: 6px;
+}
+
+.ral-summary-applicant-subheading {
+  padding: 6px 26px;
+  background: oldlace;
+  font-weight: 900;
+}
+
+.ral-summary-applicant-wrapper {
+  margin-bottom: 1rem;
+}
+
+.ral-doc-container {
+  margin-bottom: 24px;
+}
+
+.ral-doc-label {
+  width: 100%;
+}
+
+.ral-doc-field {
+  width: 100%;
+}
+
+.ral-doc-field-employee {
+  max-width: 500px;
+}
+
+.ral-doc-upload-msg {
+  width: 100%;
+}
+
+.ral-doc-upload-input {
+  width: 280px;
+}
+
+.ral-doc-error {
+  color: #d4351c;
+  font-size: 12px;
+  margin-top: 4px;
+  margin-bottom: 10px;
+}
+
+.ral-app-details-header {
+  margin-left: 14px;
+  max-width: 960px;
+}
+
+.ral-app-details-owner-header {
+  padding: 5px 24px 0px 24px;
+  font-weight: 600;
+}
+
+.ral-app-details-docs-card {
+  display: flex !important;
+  flex-direction: row !important;
+  flex-wrap: wrap !important;
+  gap: 30px;
+  margin-bottom: 26px;
+}
+
+.ral-my-properties-container {
+  margin-top: 16px;
+}
+
+.ral-my-properties-header {
+  margin-left: 8px;
+}
+
+.ral-my-properties-actions {
+  display: flex;
+  gap: 20px;
+}
+
+.ral-my-properties-no-result {
+  margin-left: 16px;
+  margin-top: 16px;
+}
+
+.ral-my-properties-load-more {
+  margin-left: 16px;
+  margin-top: 16px;
+}
+
+.ral-my-properties-load-more-link {
+  cursor: pointer;
+  color: #007bff;
+  font-weight: bold;
+}
+
+.ral-modal-header {
+  margin-left: 20px;
+}
+
+.ral-modal-close {
+  margin-right: 20px;
+}
+
+.ral-header-32 {
+  font-size: 32px;
+}
+
+.ral-card-subheader-24 {
+  font-size: 24px;
+}
+
+.ral-card-subheader-24-margin {
+  font-size: 24px;
+  margin-top: 30px;
+}
+
+.ral-bill-generate {
+  max-width: 100%;
+}
+
+.ral-bill-generate__header {
+  margin: 16px;
+}
+
+.ral-bill-generate__form {
+  padding: 0;
+  margin: 0;
+}
+
+.ral-bill-generate__actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  margin-top: 24px;
+}
+
+@media (min-width: 641px) {
+  .ral-bill-generate__fields {
+    width: 100%;
+    max-width: 500px;
+  }
+}
+
+@media (max-width: 640px) {
+  .ral-bill-generate__card {
+    margin: 0 12px;
+  }
+
+  .ral-bill-generate__header {
+    margin: 16px 12px;
+  }
+
+  .ral-bill-generate__fields,
+  .ral-bill-generate__fields .input-fields,
+  .ral-bill-generate__fields .complaint-input,
+  .ral-bill-generate__fields .form-field,
+  .ral-bill-generate__fields input {
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
+    box-sizing: border-box;
+  }
+
+  .ral-bill-generate__actions {
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: stretch;
+  }
+
+  .ral-bill-generate__actions .submit-bar {
+    flex: 1 1 0;
+    width: auto;
+    min-width: 0;
+    margin: 0;
+  }
+
+  .ral-bill-generate__actions .ral-back-btn {
+    margin-right: 0;
+  }
+}
+
+.mandatory-asterisk {
+  color: #ff0000 !important;
+}
+
+/* Generated from static Rent and Lease JSX styles. */
+
+.ral-style-07e09bd50b {
+  justify-content: flex-start;
+}
+
+.ral-style-09fe054f3c {
+  font-size: 13px;
+  color: green;
+  padding-bottom: 10px;
+}
+
+.ral-style-13e42518aa {
+  cursor: pointer;
+  caret-color: transparent;
+}
+
+.ral-style-16a8a8b00c {
+  overflow: auto;
+}
+
+.ral-style-16b4c2d840 {
+  flex: none;
+}
+
+.ral-style-1ca832ca6c {
+  align-items: center;
+}
+
+.ral-style-2122396076 {
+  width: 100%;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 16px;
+  margin: 0;
+}
+
+.ral-style-25d0175a45 {
+  font-weight: normal;
+}
+
+.ral-style-26afc10d19 {
+  border: 1px solid #e0e0e0;
+  padding: 6px;
+  margin-top: 5px;
+}
+
+.ral-style-44b6015a79 {
+  display: flex;
+  align-items: center;
+  margin-top: auto;
+}
+
+.ral-style-463f21217a {
+  display: flex;
+  gap: 15px;
+}
+
+.ral-style-526d2de178 {
+  margin: 16px;
+}
+
+.ral-style-5c357d95f7 {
+  margin-top: 20px;
+}
+
+.ral-style-63d465e80f {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 9999;
+}
+
+.ral-style-669a0ee4e0 {
+  display: flex;
+  justify-content: flex-end;
+  align-items: baseline;
+}
+
+.ral-style-705874e93f {
+  width: 100%;
+  text-align: right;
+  width: 240px;
+  text-align: right;
+  margin-left: 96px;
+  margin-top: 8px;
+}
+
+.ral-style-7623f05545 {
+  flex: 1;
+}
+
+.ral-style-7f90823361 {
+  margin-left: 10px;
+}
+
+.ral-style-806dcbc2f3 {
+  border: 1px solid #e0e0e0;
+  padding: 6px;
+}
+
+.ral-style-8119d65878 {
+  margin-left: 8px;
+  font-weight: normal;
+}
+
+.ral-style-8556ab25bb {
+  position: relative;
+  width: 100%;
+  cursor: pointer;
+}
+
+.ral-style-8f96e7bd84 {
+  color: #fe7a51;
+  cursor: pointer;
+}
+
+.ral-style-99871d5ffa {
+  margin-right: 1rem;
+}
+
+.ral-style-9be68d3ddc {
+  position: absolute;
+  right: 12px;
+  top: 45%;
+  transform: translateY(-50%);
+  pointer-events: none;
+  width: 16px;
+  height: 16px;
+}
+
+.ral-style-a2e94d72eb {
+  padding: 0;
+}
+
+.ral-style-a527bac1ee {
+  text-align: right;
+}
+
+.ral-style-aa35c0473f {
+  padding-right: 0;
+  margin-top: 0;
+}
+
+.ral-style-b46b779814 {
+  margin-top: 24px;
+  background: white;
+  padding: 16px;
+  border-radius: 8px;
+}
+
+.ral-style-b89d6f781b {
+  padding: 0;
+  margin: 0;
+}
+
+.ral-style-ba53c25006 {
+  padding-top: 9px;
+}
+
+.ral-style-bd1c956dbd {
+  z-index: 1000;
+}
+
+.ral-style-cad980f4b7 {
+  width: 100%;
+}
+
+.ral-style-dac4fe6c9b {
+  text-align: center;
+}
+
+.ral-style-fbb51b7b95 {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  margin-top: 24px;
+}
+
+.ral-style-fcab9f05b8 {
+  width: 70%;
+  margin-left: 30%;
+  font-size: 12px;
+  margin-top: -21px;
+}
+
+.ral-citizen-breadcrumb--offset {
+  margin-left: 10px;
+}
+
+.ral-hidden-date-input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 32px;
+  height: 100%;
+  opacity: 0;
+  cursor: pointer;
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+
+.ral-desktop-inbox__result {
+  flex: 1;
+}
+
+.ral-desktop-inbox__result--inbox {
+  margin-left: 24px;
+}
+
+.ral-inbox-search {
+  width: auto;
+}
+
+.ral-inbox-search--inbox {
+  margin-left: 24px;
+}
+
+.ral-inbox-search__fields {
+  width: 100%;
+  display: grid;
+}
+
+.ral-inbox-search__clear-link {
+  display: inline;
+}
+
+.ral-inbox-search__clear-link--mobile {
+  margin: 0;
+}
+
+.ral-property-details__non-legacy--hidden {
+  display: none;
+}
+
+.ral-owner-search-results {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+
+  .ndc-new-table-wrapper {
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .customTable {
+    min-width: 1480px;
+    table-layout: fixed;
+  }
+
+  .customTable th,
+  .customTable td {
+    box-sizing: border-box;
+    overflow-wrap: anywhere;
+    text-align: left;
+  }
+
+  .customTable th {
+    line-height: 1.3;
+    white-space: normal;
+  }
+
+  .customTable th:nth-child(1),
+  .customTable td:nth-child(1) {
+    width: 170px;
+  }
+
+  .customTable th:nth-child(2),
+  .customTable td:nth-child(2) {
+    width: 130px;
+    white-space: nowrap;
+  }
+
+  .customTable th:nth-child(3),
+  .customTable td:nth-child(3) {
+    width: 220px;
+  }
+
+  .customTable th:nth-child(4),
+  .customTable td:nth-child(4) {
+    width: 125px;
+    white-space: nowrap;
+  }
+
+  .customTable th:nth-child(5),
+  .customTable td:nth-child(5) {
+    width: 205px;
+  }
+
+  .customTable th:nth-child(6),
+  .customTable td:nth-child(6) {
+    width: 220px;
+  }
+
+  .customTable th:nth-child(7),
+  .customTable td:nth-child(7) {
+    width: 110px;
+    white-space: nowrap;
+  }
+
+  .customTable th:nth-child(8),
+  .customTable td: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;
+
+  #owner-search-form-container {
+    max-width: 100%;
+    min-width: 0;
+    overflow: hidden;
+  }
+}
+
+.ral-owner-search-controls {
+  justify-content: flex-start;
+
+  .obps-page-components-layout-owner-search-modal--style-7 {
+    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%;
+    }
+  }
+}