@pmidc/upyog-css 1.0.2 → 1.0.3

package/dist/index.css

@@ -867,8 +867,8 @@ img, video {
 
 .body-container, body {
   --bg-opacity:1;
-  background-color: #e3e3e3;
-  background-color: rgba(227, 227, 227, var(--bg-opacity)); }
+  background-color: #f5f7fa;
+  background-color: rgba(245, 247, 250, var(--bg-opacity)); }
 
 .body-container {
   height: 100%;
@@ -1296,8 +1296,8 @@ img, video {
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   margin: 8px;
   padding: 16px 16px 24px;
-  -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);
+  -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: 4px;
   max-width: 960px; }
   .card .card-header, .card-emp .card-header {
@@ -1397,7 +1397,9 @@ img, video {
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   padding: 48px;
   margin-bottom: 64px;
-  border-radius: 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; }
   .employeeCard .card-header {
     font-size: 32px;
     line-height: 40px;
@@ -1517,9 +1519,6 @@ img, video {
   font-weight: 500;
   font-size: 19px;
   line-height: 23px;
-  --text-opacity:1;
-  color: #fff;
-  color: rgba(255, 255, 255, var(--text-opacity));
   line-height: 2.5rem; }
 
 .submit-bar, .submit-bar-disabled {
@@ -1528,11 +1527,18 @@ img, video {
   background-color: #2947a3;
   background-color: rgba(41, 71, 163, var(--bg-opacity));
   text-align: center;
-  width: 100%;
   outline: 2px solid transparent;
   outline-offset: 2px;
+  --text-opacity:1;
+  color: #fff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+  width: 175px;
+  border-radius: 8px;
   outline: 2px solid transparent;
-  outline-offset: 2px; }
+  outline-offset: 2px;
+  --text-opacity:1;
+  color: #fff;
+  color: rgba(255, 255, 255, var(--text-opacity)); }
 
 .submit-bar-disabled {
   opacity: .5; }
@@ -1541,15 +1547,13 @@ img, video {
     font-weight: 500;
     font-size: 19px;
     line-height: 23px;
-    --text-opacity:1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--text-opacity));
     line-height: 2.5rem;
     line-height: 2rem !important; }
 
 @media (min-width: 780px) {
   .submit-bar, .submit-bar-disabled {
-    width: 240px;
+    width: 175px;
+    border-radius: 8px;
     height: 2rem !important; }
   .card, .card-emp {
     display: -webkit-box;
@@ -1738,7 +1742,7 @@ img, video {
   width: 100% !important; }
 
 .language-selector .submit-bar, .submit-bar-disabled {
-  background-color: #b2c4ef !important; }
+  background-color: rgba(178, 196, 239, 0.8) !important; }
 
 .owner-details {
   display: -webkit-box;
@@ -2275,7 +2279,8 @@ img, video {
   --border-opacity:1;
   border: 1px solid #d4351c;
   border-color: rgba(212, 53, 28, var(--border-opacity));
-  line-height: 2.5rem; }
+  line-height: 2.5rem;
+  border-radius: 8px; }
 
 .card-textarea, .employee-card-input-error, .employee-card-textarea {
   margin-bottom: 24px;
@@ -3036,13 +3041,14 @@ img, video {
   box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
   max-width: 480px;
   z-index: 100;
+  height: 80px;
   left: 0;
   bottom: 0;
   width: 100%;
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  padding: 8px;
+  padding: 24px 48px;
   position: fixed;
   text-align: right; }
   .action-bar-wrap div {
@@ -3089,8 +3095,8 @@ img, video {
     --bg-opacity:1;
     background-color: #fff;
     background-color: rgba(255, 255, 255, var(--bg-opacity));
-    padding-top: 8px;
-    padding-bottom: 8px;
+    padding-top: 24px;
+    padding-bottom: 24px;
     padding-right: 24px;
     text-align: right; }
     .action-bar-wrap div {
@@ -3185,7 +3191,8 @@ img, video {
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  width: 100%; }
+  width: 100%;
+  border-radius: 8px; }
   .table thead th {
     padding: 20px 18px;
     font-weight: 700;
@@ -3662,8 +3669,8 @@ img, video {
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   margin: 8px;
   padding: 8px 8px 24px;
-  -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); }
+  -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); }
   .details-card .card-label {
     font-weight: 700;
     font-size: 19px;
@@ -3982,8 +3989,8 @@ video::-webkit-media-controls-panel {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   padding: 16px 16px 24px;
-  -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);
+  -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);
   max-width: 440px;
   border-radius: 4px; }
   .metricsTable .row {
@@ -4372,8 +4379,8 @@ video::-webkit-media-controls-panel {
   width: -moz-max-content;
   width: max-content;
   position: absolute;
-  -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);
+  -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);
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
@@ -4424,8 +4431,8 @@ video::-webkit-media-controls-panel {
   .multilink-optionWrap {
     right: 20%;
     top: 110px;
-    -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);
+    -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: .125rem; } }
 
 .reports-download-btn {
@@ -4754,7 +4761,8 @@ video::-webkit-media-controls-panel {
   margin-bottom: 24px;
   padding-top: 24px;
   padding-bottom: 24px;
-  padding-left: 24px; }
+  padding-left: 24px;
+  border-radius: 8px; }
   .search-form-wrapper .form-field {
     width: calc(25% - 16px);
     display: inline-block;
@@ -6907,8 +6915,8 @@ video::-webkit-media-controls-panel {
   display: flex;
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #e3e3e3;
-  background-color: rgba(227, 227, 227, var(--bg-opacity));
+  background-color: #f5f7fa;
+  background-color: rgba(245, 247, 250, var(--bg-opacity));
   padding-bottom: 16px;
   padding-top: 8px;
   -webkit-box-pack: center;
@@ -6926,8 +6934,8 @@ video::-webkit-media-controls-panel {
   bottom: 0;
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #e3e3e3;
-  background-color: rgba(227, 227, 227, var(--bg-opacity));
+  background-color: #f5f7fa;
+  background-color: rgba(245, 247, 250, var(--bg-opacity));
   padding-bottom: 16px;
   padding-top: 8px;
   -webkit-box-pack: center;
@@ -7121,7 +7129,9 @@ video::-webkit-media-controls-panel {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   min-height: 100%;
-  padding: 10px; }
+  padding: 10px;
+  border-radius: 8px;
+  margin-bottom: 24px; }
   .filter-form .filter-card .heading {
     -webkit-box-pack: unset;
     -ms-flex-pack: unset;
@@ -8346,26 +8356,15 @@ body {
       padding-right: 0;
       padding-top: 20px; } }
 
-[dir=ltr] .footer-bottom-first {
+.footer-bottom-first [dir=ltr] h2 {
   text-align: left; }
 
-[dir=rtl] .footer-bottom-first {
+.footer-bottom-first [dir=rtl] h2 {
   text-align: right; }
 
 .footer-bottom-first h2 {
   margin-bottom: 10px; }
 
-.footer-bottom-first ul {
-  list-style-type: disc;
-  padding: 0 15px; }
-
-.footer-bottom-first li {
-  margin: 5px 0;
-  padding-left: 10px; }
-
-.footer-bottom-first a {
-  text-decoration: none; }
-
 @media (max-width: 639px) {
   .footer-bottom-first {
     padding-left: 0;
@@ -8373,12 +8372,6 @@ body {
     padding-right: 0;
     padding-top: 20px; } }
 
-[dir=ltr] .footer-bottom-fourth, [dir=ltr] .footer-bottom-second, [dir=ltr] .footer-bottom-third {
-  text-align: left; }
-
-[dir=rtl] .footer-bottom-fourth, [dir=rtl] .footer-bottom-second, [dir=rtl] .footer-bottom-third {
-  text-align: right; }
-
 .footer-bottom-fourth [dir=ltr] h1, .footer-bottom-second [dir=ltr] h1, .footer-bottom-third [dir=ltr] h1 {
   text-align: left; }
 
@@ -8429,8 +8422,8 @@ body {
   width: 100%;
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #e3e3e3;
-  background-color: rgba(227, 227, 227, var(--bg-opacity));
+  background-color: #f5f7fa;
+  background-color: rgba(245, 247, 250, var(--bg-opacity));
   padding-bottom: 16px;
   padding-top: 8px;
   -webkit-box-pack: center;
@@ -8730,8 +8723,8 @@ body {
   margin-top: 16px;
   margin-bottom: 16px;
   padding: 16px 16px 24px;
-  -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);
+  -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);
   position: relative;
   border-radius: 4px; }
 
@@ -9052,8 +9045,8 @@ body {
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   margin: 8px;
   padding: 16px 16px 24px;
-  -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);
+  -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: 4px; }
 
 .mobileInbox_attachments {
@@ -9537,6 +9530,93 @@ body {
   .survey-grid-container {
     grid-template-columns: repeat(4, 1fr); } }
 
+.section-card {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 20px;
+  margin-bottom: 20px;
+  background-color: #f9f9f9; }
+
+.section-card h3 {
+  margin-top: 0; }
+
+.section-card input, .section-card .checkbox-wrap .input-emp, .checkbox-wrap .section-card .input-emp {
+  display: block;
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+
+.section-card button {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 4px;
+  background-color: #007bff;
+  color: #fff;
+  cursor: pointer; }
+
+.section-card button:disabled {
+  background-color: #ccc;
+  cursor: not-allowed; }
+
+.category-card {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 20px;
+  margin-bottom: 20px;
+  background-color: #f0f8ff; }
+
+.category-card h3 {
+  margin-top: 0; }
+
+.category-card input, .category-card .checkbox-wrap .input-emp, .checkbox-wrap .category-card .input-emp, .category-card select {
+  display: block;
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+
+.category-card button {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 4px;
+  background-color: #007bff;
+  color: #fff;
+  cursor: pointer; }
+
+.category-card button:disabled {
+  background-color: #ccc;
+  cursor: not-allowed; }
+
+.category-card table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 10px; }
+
+.category-card table, .category-card td, .category-card th {
+  border: 1px solid #ccc; }
+
+.category-card thead {
+  background-color: #6f98b8; }
+
+.category-card td, .category-card th {
+  padding: 10px;
+  text-align: left; }
+
+.category-card label {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 4px;
+  background-color: #007bff;
+  color: #fff;
+  cursor: pointer; }
+
+.category-card label:disabled {
+  background-color: #ccc;
+  cursor: not-allowed; }
+
 .frame-54925, .frame-54925 * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }