@pmidc/upyog-css 1.0.4 → 1.0.6

package/dist/index.css

@@ -1189,7 +1189,7 @@ img, video {
   outline: none;
   font-size: 16px;
   position: relative;
-  color: #5f5c62;
+  font-weight: 500;
   line-height: 48px;
   -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
@@ -1198,8 +1198,7 @@ img, video {
   background: none; }
   .drawer-desktop .menu-item .icon {
     display: block;
-    color: #757575;
-    fill: #757575;
+    fill: #61646b;
     height: 21px !important;
     width: 21px !important;
     float: left;
@@ -1219,12 +1218,13 @@ img, video {
     padding-right: 16px;
     padding-left: 16px; }
     .drawer-desktop .sidebar-list.active {
-      border-left: 5px solid #a82227;
-      padding-left: 11px; }
+      border-left: 10px solid #0d43a7;
+      padding-left: 11px;
+      background-color: #f2faff; }
       .drawer-desktop .sidebar-list.active .menu-label {
-        color: #a82227; }
+        color: #0d43a7; }
       .drawer-desktop .sidebar-list.active .icon {
-        fill: #a82227; }
+        fill: #0d43a7; }
     .drawer-desktop .sidebar-list .submenu-container {
       cursor: pointer;
       display: -webkit-box;
@@ -3483,7 +3483,7 @@ img, video {
 .toast-success {
   max-width: 480px;
   width: calc(100% - 20px);
-  bottom: 64px;
+  bottom: 100px;
   left: 0;
   margin: 0 10px;
   grid-gap: 16px;
@@ -4636,7 +4636,10 @@ video::-webkit-media-controls-panel {
   margin-left: 16px;
   margin-right: 16px;
   padding: 16px;
-  margin-bottom: 24px; }
+  margin-bottom: 24px;
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  border-radius: 8px; }
   .CitizenHomeCard .header {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -4680,8 +4683,6 @@ video::-webkit-media-controls-panel {
     padding: 16px !important;
     margin-right: 16px !important;
     display: block !important;
-    -webkit-box-shadow: rgba(50, 50, 93, 0.18) 0 50px 100px -20px, rgba(0, 0, 0, 0.16) 0 30px 60px -30px, rgba(10, 37, 64, 0.17) 0 -2px 6px 0 inset;
-    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.18), 0 30px 60px -30px rgba(0, 0, 0, 0.16), inset 0 -2px 6px 0 rgba(10, 37, 64, 0.17);
     display: inline-block;
     margin-right: 24px;
     padding: 24px;
@@ -4725,10 +4726,10 @@ video::-webkit-media-controls-panel {
     color: #505a5f;
     font-weight: 400; }
   .PropertySearchForm .PropertySearchFormSwitcher .selected {
-    color: #a82227;
+    color: #2947a3;
     font-weight: 700;
     padding-bottom: 10px;
-    border-bottom: 2px solid #a82227; }
+    border-bottom: 2px solid #2947a3; }
   .PropertySearchForm .PropertySearchFormSwitcher span {
     margin-right: 20px; }
 
@@ -4889,7 +4890,7 @@ video::-webkit-media-controls-panel {
       text-align: center;
       color: #fff; }
     .timeline-container .timeline-content .secondary-color {
-      color: #0b0c0c;
+      color: #2947a3;
       padding: 5px;
       font-size: small; }
   .timeline-container .line {
@@ -4906,8 +4907,8 @@ video::-webkit-media-controls-panel {
     border-radius: 50%;
     text-align: center; }
   .timeline-container .active {
-    background-color: #a82227;
-    border-color: #a82227; }
+    background-color: #1359c8;
+    border-color: #1359c8; }
 
 .TLComments {
   max-width: 360px;
@@ -4957,8 +4958,7 @@ video::-webkit-media-controls-panel {
     display: none; }
   .PageBasedInputWrapper .SubmitBarInCardInDesktopView {
     display: block;
-    position: relative;
-    background-color: rgba(255, 255, 255, 0); }
+    position: relative; }
   .PageBasedInputWrapper .card, .PageBasedInputWrapper .card-emp {
     max-width: 960px; }
   .PageBasedInputWrapper button {
@@ -5031,7 +5031,7 @@ video::-webkit-media-controls-panel {
       margin: auto; }
       .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper {
         margin: auto !important;
-        background: rgba(244, 119, 56, 0.12);
+        background: #f5fbff;
         mix-blend-mode: normal;
         padding-top: 14px;
         height: 3rem;
@@ -5041,11 +5041,12 @@ video::-webkit-media-controls-panel {
         .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper svg {
           height: 20px;
           width: 20px;
-          fill: #a82227;
+          fill: #1359c8;
           margin: auto; }
       .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionName {
         font-size: 12px;
-        line-height: 14px; }
+        line-height: 14px;
+        color: #2947a3; }
 
 @media (min-width: 780px) {
   .CardBasedOptions {
@@ -5573,7 +5574,7 @@ video::-webkit-media-controls-panel {
   margin-right: 20px; }
 
 .staticDataCard {
-  background: #eee;
+  background: #f2faff;
   mix-blend-mode: normal;
   height: auto;
   max-height: 100px;
@@ -7068,7 +7069,18 @@ video::-webkit-media-controls-panel {
     padding-top: 8px;
     padding-bottom: 8px;
     font-size: 16px;
-    line-height: 24px; }
+    line-height: 24px;
+    width: "100%";
+    display: "flex";
+    font-size: "0.8rem";
+    padding-left: "10px";
+    -ms-flex-wrap: "wrap";
+    flex-wrap: "wrap";
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: "row";
+    flex-direction: "row";
+    padding-top: "10px"; }
     .complaint-links-container .links-wrapper .link {
       padding: 0 0 4px !important;
       color: #a82227 !important; }
@@ -8125,27 +8137,45 @@ body {
     left: 0; } }
 
 .middle-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
-  height: 360px; }
+  height: 522px; }
+  @media (min-width: 768px) {
+    .middle-content .middle-content {
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+      flex-direction: row;
+      min-height: 360px; } }
 
-.middle-content, .middle-left-half {
+.middle-left-half {
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex; }
-
-.middle-left-half {
+  display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  width: 50%; }
+  width: 100%; }
+  @media (min-width: 768px) {
+    .middle-left-half {
+      width: 50%; } }
 
 .middle-left-half-upper {
-  height: 50%;
-  margin-bottom: auto;
+  min-height: 162px;
+  margin-bottom: 18px;
   border: 1px solid #000; }
+  @media (min-width: 768px) {
+    .middle-left-half-upper {
+      height: 50%; } }
 
 .middle-left-half-upper-body {
   list-style-type: none;
@@ -8165,16 +8195,20 @@ body {
   color: #00f; }
 
 .middle-left-half-lower {
-  height: 48%;
+  min-height: 162px;
   border: 1px solid #000; }
   @media (min-width: 768px) {
     .middle-left-half-lower {
       height: 45%; } }
 
 .middle-right-half {
-  height: 360px;
-  width: 48%;
+  min-height: 162px;
+  width: 100%;
   border: 1px solid #000; }
+  @media (min-width: 768px) {
+    .middle-right-half {
+      height: 360px;
+      width: 48%; } }
 
 .middle-header {
   font-size: 20px;
@@ -8338,7 +8372,8 @@ body {
   justify-content: space-around;
   padding: 50px 50px 20px;
   font-family: Poppins;
-  font-size: 14px; }
+  font-size: 14px;
+  color: #fff; }
   @media (max-width: 639px) {
     .footer-bottom {
       display: -webkit-box;
@@ -8356,14 +8391,9 @@ body {
       padding-right: 0;
       padding-top: 20px; } }
 
-.footer-bottom-first [dir=ltr] h2 {
-  text-align: left; }
-
-.footer-bottom-first [dir=rtl] h2 {
-  text-align: right; }
-
 .footer-bottom-first h2 {
-  margin-bottom: 10px; }
+  margin-bottom: 10px;
+  text-align: left; }
 
 @media (max-width: 639px) {
   .footer-bottom-first {
@@ -8372,25 +8402,16 @@ body {
     padding-right: 0;
     padding-top: 20px; } }
 
-.footer-bottom-fourth [dir=ltr] h1, .footer-bottom-second [dir=ltr] h1, .footer-bottom-third [dir=ltr] h1 {
-  text-align: left; }
-
-.footer-bottom-fourth [dir=rtl] h1, .footer-bottom-second [dir=rtl] h1, .footer-bottom-third [dir=rtl] h1 {
-  text-align: right; }
-
 .footer-bottom-fourth h1, .footer-bottom-second h1, .footer-bottom-third h1 {
   margin-bottom: 10px;
   text-decoration: underline; }
 
-.footer-bottom-fourth [dir=ltr] ul, .footer-bottom-second [dir=ltr] ul, .footer-bottom-third [dir=ltr] ul {
+.footer-bottom-fourth h1, .footer-bottom-fourth ul, .footer-bottom-second h1, .footer-bottom-second ul, .footer-bottom-third h1, .footer-bottom-third ul {
   text-align: left; }
 
-.footer-bottom-fourth [dir=rtl] ul, .footer-bottom-second [dir=rtl] ul, .footer-bottom-third [dir=rtl] ul {
-  text-align: right; }
-
 .footer-bottom-fourth ul, .footer-bottom-second ul, .footer-bottom-third ul {
   list-style-type: disc;
-  padding: 0 25px; }
+  padding: 0 12px; }
 
 .footer-bottom-fourth li, .footer-bottom-second li, .footer-bottom-third li {
   margin: 5px 0;
@@ -8437,7 +8458,7 @@ body {
   bottom: 0; }
 
 .fill-path-primary-main path {
-  fill: #a82227; }
+  fill: #1359c8; }
 
 .obps-search {
   margin: 8px; }
@@ -9492,7 +9513,6 @@ body {
       border-color: #d6d5d4;
       border-color: rgba(214, 213, 212, var(--border-opacity)); }
   .surveyformslist_wrapper {
-    width: 75%;
     display: grid;
     grid-gap: 1.5rem;
     gap: 1.5rem;
@@ -9568,7 +9588,17 @@ body {
   background-color: #f0f8ff; }
 
 .category-card h3 {
-  margin-top: 0; }
+  font-weight: 600;
+  font-family: roboto; }
+
+.category-card h2, .category-card h3 {
+  margin-top: 5px;
+  margin-bottom: 2px;
+  color: #0d43a7; }
+
+.category-card h2 {
+  font-weight: 700;
+  font-size: 18px; }
 
 .category-card input, .category-card .checkbox-wrap .input-emp, .checkbox-wrap .category-card .input-emp, .category-card select {
   display: block;
@@ -9576,7 +9606,8 @@ body {
   padding: 10px;
   margin-bottom: 10px;
   border: 1px solid #ccc;
-  border-radius: 4px; }
+  border-radius: 4px;
+  color: #0d43a7; }
 
 .category-card button {
   padding: 10px 20px;
@@ -9617,6 +9648,9 @@ body {
   background-color: #ccc;
   cursor: not-allowed; }
 
+.category-card span {
+  color: #ff2400; }
+
 .frame-54925, .frame-54925 * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
@@ -10156,7 +10190,9 @@ body {
       font-weight: 400;
       font-size: 14px;
       line-height: 20px;
-      letter-spacing: .25px; }
+      letter-spacing: .25px;
+      max-height: 300px;
+      overflow: auto; }
   .employee-dashboard-container .employee-dashboard-table-and-services {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -10174,9 +10210,9 @@ body {
         -ms-flex-direction: row;
         flex-direction: row; } }
     .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container {
-      -webkit-box-flex: 1;
-      -ms-flex: 1;
-      flex: 1; }
+      -webkit-box-flex: 2;
+      -ms-flex: 2;
+      flex: 2; }
       .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-header {
         display: -webkit-box;
         display: -ms-flexbox;
@@ -10222,8 +10258,40 @@ body {
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
-        grid-gap: 20px;
-        gap: 20px; }
+        grid-gap: 16px;
+        gap: 16px; }
+        .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card {
+          width: 350px;
+          height: 72px;
+          padding: 8px 16px;
+          border-radius: 8px;
+          background: #fff;
+          -webkit-box-shadow: 0 4px 22px 0 rgba(159, 159, 159, 0.14902);
+          box-shadow: 0 4px 22px 0 rgba(159, 159, 159, 0.14902); }
+          .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card .employee-dashboard-quick-service-card-content {
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-orient: horizontal;
+            -webkit-box-direction: normal;
+            -ms-flex-direction: row;
+            flex-direction: row;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            align-items: center;
+            grid-gap: 16px;
+            gap: 16px; }
+            .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card .employee-dashboard-quick-service-card-content .employee-dashboard-quick-service-card-module-icon {
+              width: "48px";
+              height: "41px";
+              background: #0d43a7; }
+            .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card .employee-dashboard-quick-service-card-content .employee-dashboard-quick-service-card-module-name {
+              font-family: Noto Sans;
+              font-weight: 500;
+              font-size: 16px;
+              line-height: 24px;
+              letter-spacing: .15px;
+              color: #1e293b; }
 
 .display-none {
   display: none; }
@@ -10862,7 +10930,7 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   background-color: #d7aefc !important; }
 
 .icon-banner-employee svg {
-  background-color: #bf2f3b !important;
+  background-color: #0d43a7 !important;
   width: 40px;
   height: 40px; }