@pmidc/upyog-css 1.1.8 → 1.1.9

package/dist/index.css

@@ -13938,11 +13938,9 @@ body {
   width: calc(100% - 16px); }
 
 .custom-timeline-container {
-  width: 100%;
   padding: 24px;
-  background-color: #f9fafb;
-  margin-left: 16px;
-  border-radius: 12px; }
+  background: linear-gradient(135deg, #fff, #f8fafb);
+  border-radius: 14px; }
 
 .custom-timeline-header {
   margin-bottom: 24px; }
@@ -14092,6 +14090,11 @@ body {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
   padding: 20px 24px; }
 
 .custom-card-left {
@@ -14102,8 +14105,7 @@ body {
 
 .custom-card-right {
   -ms-flex-negative: 0;
-  flex-shrink: 0;
-  text-align: right; }
+  flex-shrink: 0; }
 
 .custom-action-title {
   font-size: 16px;
@@ -14111,12 +14113,6 @@ body {
   color: #374151;
   margin-bottom: 8px; }
 
-.custom-actions-label {
-  font-size: 12px;
-  color: #6b7280;
-  font-weight: 600;
-  margin-bottom: 6px; }
-
 .custom-status-text {
   font-size: 14px;
   font-weight: 600;
@@ -14139,6 +14135,16 @@ body {
   font-weight: 600; }
 
 .custom-comments-section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.custom-assignee-section, .custom-comments-section {
   border-top: 1px solid #e5e7eb;
   padding: 16px 24px 20px; }
 
@@ -14153,6 +14159,97 @@ body {
   color: #374151;
   line-height: 1.6; }
 
+.custom-doc-container {
+  display: inline-block;
+  margin-right: 10px; }
+
+.custom-doc-link {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 4px;
+  gap: 4px;
+  color: #2563eb;
+  text-decoration: none; }
+  .custom-doc-link span {
+    font-size: 14px;
+    font-weight: 600; }
+
+.custom-comments-section-no-border {
+  border-top: none !important;
+  padding-top: 0 !important; }
+
+@media (max-width: 768px) {
+  .custom-timeline-container {
+    padding: 16px; }
+  .custom-tracking-line {
+    width: 40px; }
+  .custom-timeline-title {
+    font-size: 20px;
+    white-space: normal; }
+  .custom-blue-bar {
+    height: 40px;
+    min-width: 30px; }
+  .custom-vertical-line {
+    left: 24px; }
+  .custom-icon-container {
+    margin-left: 0; }
+  .custom-circular-icon {
+    width: 40px;
+    height: 40px; }
+  .custom-date-badge {
+    padding: 6px 12px;
+    font-size: 12px; }
+  .custom-entry-content {
+    grid-gap: 16px;
+    gap: 16px; }
+  .custom-card-top {
+    padding: 16px;
+    -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;
+    grid-gap: 12px;
+    gap: 12px; }
+  .custom-card-left {
+    padding-right: 0;
+    width: 100%; }
+  .custom-card-right {
+    width: 100%; }
+  .custom-comments-section {
+    padding: 12px 16px;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 12px;
+    gap: 12px; } }
+
+@media (max-width: 480px) {
+  .custom-tracking-line {
+    display: none; }
+  .custom-title-bar-row {
+    grid-gap: 12px;
+    gap: 12px; }
+  .custom-timeline-title {
+    font-size: 18px; }
+  .custom-vertical-line {
+    left: 20px; }
+  .custom-circular-icon {
+    width: 36px;
+    height: 36px; }
+  .custom-icon-container {
+    margin-left: 2px; }
+  .custom-entry-content {
+    grid-gap: 12px;
+    gap: 12px; } }
+
 .new-df-footer {
   background-color: #1e293b;
   color: #fff;
@@ -14420,6 +14517,228 @@ body {
 .new-accordion-info {
   margin-top: 16px; }
 
+.ral-banner {
+  padding: 10px; }
+
+.ral-banner-header {
+  font-size: 32px;
+  word-break: break-word; }
+
+.ral-action-bar {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline; }
+
+.ral-error-label {
+  width: 70%;
+  margin-left: 30%;
+  margin-top: -18px; }
+
+.ral-applicant-container {
+  border: 1px solid #ddd;
+  padding: 12px;
+  margin-bottom: 16px;
+  border-radius: 10px; }
+
+.ral-applicant-header-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-bottom: 20px; }
+
+.ral-remove-btn {
+  background: transparent;
+  width: 100%;
+  max-width: 25px; }
+
+.ral-add-applicant-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  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: #fff;
+  padding: 1rem 0;
+  border-radius: 8px;
+  margin-bottom: 1.5rem;
+  -webkit-box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04);
+  box-shadow: 0 2px 6px rgba(18, 38, 63, 0.04); }
+
+.ral-summary-header-row {
+  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: .75rem; }
+
+.ral-summary-heading {
+  font-size: 1.25rem;
+  color: #0d43a7;
+  font-weight: 500;
+  margin: 0; }
+
+.ral-summary-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  border-bottom: 1px dashed #e9eef2;
+  padding: 10px 4px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.ral-summary-label {
+  font-weight: 600;
+  color: #333; }
+
+.ral-summary-docs-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 1rem;
+  gap: 1rem;
+  margin-top: .5rem; }
+
+.ral-summary-doc-card {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 220px;
+  flex: 1 1 220px;
+  min-width: 180px;
+  max-width: 260px;
+  background-color: #fbfcfe;
+  padding: .6rem;
+  border: 1px solid #eef3f7;
+  border-radius: 6px; }
+
+.ral-summary-applicant-subheading {
+  padding: 6px 26px;
+  background: #fdf5e6;
+  font-weight: 900; }
+
+.ral-summary-applicant-wrapper {
+  margin-bottom: 1rem; }
+
+.ral-doc-container {
+  margin-bottom: 24px; }
+
+.ral-doc-field, .ral-doc-label {
+  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 0;
+  font-weight: 600; }
+
+.ral-app-details-docs-card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 30px;
+  gap: 30px;
+  margin-bottom: 26px; }
+
+.ral-my-properties-container {
+  margin-top: 16px; }
+
+.ral-my-properties-header {
+  margin-left: 8px; }
+
+.ral-my-properties-actions {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 20px;
+  gap: 20px; }
+
+.ral-my-properties-load-more, .ral-my-properties-no-result {
+  margin-left: 16px;
+  margin-top: 16px; }
+
+.ral-my-properties-load-more-link {
+  cursor: pointer;
+  color: #007bff;
+  font-weight: 700; }
+
+.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; }
+
 .ads-view-cart {
   margin-left: 12px;
   padding: 8px 16px;