@pmidc/upyog-css 0.0.4 → 1.0.1

package/{example → dist}/index.css

@@ -1395,8 +1395,6 @@ img, video {
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
   padding: 16px;
   margin-bottom: 64px;
   border-radius: 4px; }
@@ -1591,9 +1589,11 @@ img, video {
     .employeeCard .employee-card-sub-header {
       margin-bottom: 40px; }
     .employeeCard .card-section-header {
-      margin-bottom: 40px;
+      margin-bottom: 20px;
+      color: #0d43a7;
       font-size: 24px;
-      line-height: 32px; }
+      line-height: 32px;
+      font-weight: 500; }
     .employeeCard .card-section-sub-text {
       --text-opacity:1;
       color: #0b0c0c;
@@ -5729,6 +5729,9 @@ video::-webkit-media-controls-panel {
     -ms-flex-line-pack: center;
     align-content: center; }
 
+.employeeCard {
+  width: 100% !important; }
+
 .banner .bannerCard {
   min-width: 420px !important;
   background-color: initial; }
@@ -6154,8 +6157,7 @@ video::-webkit-media-controls-panel {
   background-color: "#152265";
   text-align: "center";
   color: #fff;
-  margin-top: 170px;
-  border: 1px solid #000; }
+  margin-top: 170px; }
 
 .footerText {
   display: "flex";
@@ -6282,13 +6284,9 @@ video::-webkit-media-controls-panel {
   padding-top: 88px; }
 
 .employee .submit-bar header {
-  height: 55px !important;
+  height: 2rem !important;
   line-height: 2rem !important;
-  background-color: #2947a3;
-  border-radius: 8px;
-  border: transparent;
-  -ms-flex-line-pack: center;
-  align-content: center; }
+  background-color: #2947a3; }
 
 .employee .loginContainer {
   padding-top: 88px;
@@ -6780,7 +6778,17 @@ video::-webkit-media-controls-panel {
 
 @media only screen and (min-width: 300px) {
   .employee .card-home {
-    height: 220px; } }
+    height: 220px;
+    border-radius: 12px; } }
+
+.pageCard {
+  width: 100%;
+  height: 100%;
+  padding: 48px;
+  grid-gap: 48px;
+  gap: 48px;
+  border-radius: 24px;
+  background: #fff; }
 
 .flex-fit {
   display: -webkit-box;
@@ -7652,25 +7660,49 @@ video::-webkit-media-controls-panel {
 .registryTable tBody tr td {
   text-align: left; }
 
-.dashboardCardTypeOne {
-  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-  background: #fff;
-  height: 188px;
-  padding: 16px 20px;
-  grid-gap: 24px;
-  gap: 24px;
-  border-radius: 8px 0 0 0;
-  border-top: 5px solid #2947a3;
-  opacity: 1; }
-
-.dashboardCardTypeOneHeader {
-  color: #14346d;
-  font-family: Roboto;
-  font-size: 20px;
-  font-weight: 500;
-  line-height: 24px;
-  text-align: left; }
+@media only screen and (max-width: 640px) {
+  .dashboardCardTypeOne {
+    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    background: #fff;
+    height: 188px;
+    padding: 16px 20px;
+    grid-gap: 24px;
+    gap: 24px;
+    border-radius: 8px 0 0 0;
+    border-top: 5px solid #2947a3;
+    opacity: 1;
+    width: 87%; }
+  .dashboardCardTypeOneHeader {
+    color: #14346d;
+    font-family: Roboto;
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 24px;
+    text-align: center;
+    word-wrap: break-word;
+    margin-left: 10%; } }
+
+@media only screen and (min-width: 641px) {
+  .dashboardCardTypeOne {
+    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    background: #fff;
+    height: 188px;
+    padding: 16px 20px;
+    grid-gap: 24px;
+    gap: 24px;
+    border-radius: 8px 0 0 0;
+    border-top: 5px solid #2947a3;
+    opacity: 1;
+    width: 100%; }
+  .dashboardCardTypeOneHeader {
+    color: #14346d;
+    font-family: Roboto;
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 24px;
+    text-align: left; } }
 
 .secondary-action {
   display: inline;
@@ -8218,9 +8250,18 @@ body {
 .help-section-icon {
   width: 70px;
   height: 70px;
-  background: -webkit-gradient(linear, left top, left bottom, from(#FF895E), to(#D8693F));
+  background: -webkit-gradient(linear, left top, left bottom, from(#ff895e), to(#d8693f));
   background: linear-gradient(#ff895e, #d8693f);
-  border-radius: 50%; }
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
 
 .about-section, .middle-section {
   padding: 20px 60px; }
@@ -9368,6 +9409,32 @@ body {
   padding: 0;
   background: none; }
 
+.survey-grid-container {
+  display: grid;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.survey-grid-container-input {
+  padding: 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+
+@media (min-width: 320px) {
+  .survey-grid-container {
+    grid-template-columns: repeat(1, 1fr); } }
+
+@media (min-width: 480px) {
+  .survey-grid-container {
+    grid-template-columns: repeat(2, 1fr); } }
+
+@media (min-width: 768px) {
+  .survey-grid-container {
+    grid-template-columns: repeat(3, 1fr); } }
+
+@media (min-width: 1024px) {
+  .survey-grid-container {
+    grid-template-columns: repeat(4, 1fr); } }
+
 .frame-54925, .frame-54925 * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
@@ -9824,6 +9891,158 @@ body {
   outline: "none";
   font-size: "29px"; }
 
+.employee-dashboard-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 20px;
+  gap: 20px;
+  margin: 20px; }
+  .employee-dashboard-container .employee-dashboard-welcome-card {
+    height: 160px;
+    border-radius: 12px;
+    padding: 20px;
+    margin-top: 20px;
+    position: relative; }
+    .employee-dashboard-container .employee-dashboard-welcome-card .employee-dashboard-welcome-card-entire-content {
+      width: 374px;
+      height: 108px;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      grid-gap: 16px;
+      gap: 16px;
+      top: 32px;
+      left: 32px; }
+    .employee-dashboard-container .employee-dashboard-welcome-card .employee-dashboard-welcome-card-heading {
+      font-family: Noto Sans;
+      font-weight: 500;
+      font-size: 28px;
+      line-height: 32px;
+      letter-spacing: 0;
+      color: #fff; }
+    .employee-dashboard-container .employee-dashboard-welcome-card .employee-dashboard-welcome-card-content {
+      color: #fff;
+      font-family: Noto Sans;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: .25px; }
+  .employee-dashboard-container .employee-dashboard-card-grid {
+    display: grid;
+    grid-template-columns: repeat(1, 1fr);
+    grid-gap: 20px;
+    gap: 20px; }
+    @media (min-width: 600px) {
+      .employee-dashboard-container .employee-dashboard-card-grid {
+        grid-template-columns: repeat(2, 1fr); } }
+    @media (min-width: 1024px) {
+      .employee-dashboard-container .employee-dashboard-card-grid {
+        grid-template-columns: repeat(4, 1fr); } }
+  .employee-dashboard-container .employee-dashboard-card {
+    padding: 20px;
+    border-radius: 12px;
+    position: relative; }
+    .employee-dashboard-container .employee-dashboard-card .employee-dashboard-card-heading-container {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      margin-bottom: 10px;
+      grid-gap: 5px;
+      gap: 5px; }
+    .employee-dashboard-container .employee-dashboard-card .employee-dashboard-card-heading {
+      font-size: 22px;
+      color: #fff;
+      font-family: Noto Sans;
+      font-weight: 400;
+      line-height: 28px;
+      letter-spacing: 0; }
+    .employee-dashboard-container .employee-dashboard-card .employee-dashboard-card-content {
+      color: #fff;
+      font-family: Noto Sans;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: .25px; }
+  .employee-dashboard-container .employee-dashboard-table-and-services {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 20px;
+    gap: 20px; }
+    @media (min-width: 1024px) {
+      .employee-dashboard-container .employee-dashboard-table-and-services {
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -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; }
+      .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-header {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+        justify-content: space-between; }
+        .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-header .employee-dashboard-table-title {
+          color: "white";
+          font-family: Manrope;
+          font-weight: 700;
+          font-size: 20px;
+          line-height: 27.32px;
+          letter-spacing: 0; }
+        .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-header .employee-dashboard-view-all-link {
+          color: #00f; }
+      .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-content {
+        overflow: auto;
+        width: 100%; }
+    .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1; }
+      .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-quick-services-header {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+        justify-content: space-between; }
+        .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-quick-services-header .employee-dashboard-quick-services-title {
+          color: "#000";
+          font-family: Manrope;
+          font-weight: 700;
+          font-size: 20px;
+          line-height: 27.32px;
+          letter-spacing: 0; }
+        .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-quick-services-header .employee-dashboard-view-all-link {
+          color: #00f; }
+      .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        grid-gap: 20px;
+        gap: 20px; }
+
 .display-none {
   display: none; }
 
@@ -10379,6 +10598,24 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
     width: unset;
     margin-right: 1rem; }
 
+.ws-button {
+  border: 1px solid grey;
+  background-color: grey; }
+
+.ws-button, .ws-search-button {
+  display: block;
+  height: 50%;
+  width: 80%;
+  text-align: "center";
+  margin-top: 6%;
+  color: "white"; }
+
+.ws-search-button {
+  border: 1px solid #000; }
+
+.button {
+  color: "white"; }
+
 .connection-details-old-value-wrapper .old-value-null-wrapper, .plumber-details-old-value-wrapper .old-value-null-wrapper {
   visibility: hidden;
   padding-bottom: 8px;