@pmidc/upyog-css 1.1.2 → 1.1.3

package/dist/index.css

@@ -12944,7 +12944,12 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
 .timeline-hoc-container .checkpoint-done header, .timeline-hoc-container .checkpoint header {
   -webkit-box-flex: 1;
   -ms-flex: 1;
-  flex: 1; }
+  flex: 1;
+  background: #cfc;
+  padding: 4px 8px; }
+
+.timeline-hoc-container .checkpoint-connect-wrap {
+  padding: 0; }
 
 .timeline-card {
   width: 100%;
@@ -12952,8 +12957,8 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   border-radius: 8px;
   padding: clamp(12px, 3vw, 20px);
   margin: 10px 0;
-  background: #fff;
-  font-family: Segoe UI,sans-serif; }
+  background: #cfc;
+  font-family: verdana; }
 
 .timeline-header {
   -ms-flex-wrap: wrap;
@@ -12979,14 +12984,14 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   white-space: nowrap; }
 
 .timeline-label {
-  font-weight: 500; }
-
-.timeline-label, .timeline-value {
   color: #0d43a7 !important;
-  font-size: clamp(12px, 2vw, 14px); }
+  font-size: 10px;
+  font-weight: 600; }
 
 .timeline-value {
-  font-weight: 400; }
+  color: #0d43a7 !important;
+  font-weight: 800;
+  font-size: 12px; }
 
 .timeline-note {
   margin: 10px 0; }
@@ -12995,10 +13000,11 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   border: 1px solid #ccc;
   border-radius: 6px;
   padding: 10px;
-  font-size: clamp(12px, 2vw, 14px);
   min-height: 40px;
-  background: #f9f9f9;
-  word-break: break-word; }
+  word-break: break-word;
+  font-size: 10px;
+  font-weight: 800;
+  background: #cfc; }
 
 .timeline-docs {
   margin-top: 10px; }
@@ -13025,3 +13031,49 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
 @media screen and (max-width: 768px) {
   .engagement-citizen-wrapper {
     overflow: hidden; } }
+
+.timeline-header-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin: 20px 8px;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.download-button {
+  cursor: pointer;
+  color: #fff;
+  font-weight: 700;
+  padding: 8px;
+  border: 1px solid #0d43a7;
+  border-radius: 4px;
+  -webkit-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  font-size: 16px;
+  display: inline-block; }
+  .download-button:hover {
+    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
+
+.timeline-docs-wrapper {
+  margin-top: 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 10px;
+  gap: 10px; }
+
+.timeline-doc-link {
+  min-width: 100px; }
+
+.timeline-doc-icon {
+  background: #f6f6f6;
+  padding: 8px; }
+
+.timeline-subheader {
+  margin-bottom: 0 !important; }