@pmidc/upyog-css 1.0.48 → 1.0.50

package/dist/index.css

@@ -2609,70 +2609,111 @@ img, video {
     line-height: 28px; } }
 
 .data-table {
-  --text-opacity:1;
   color: #0d43a7;
-  color: rgba(13, 67, 167, var(--text-opacity)); }
-  .data-table .row {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    border-bottom-width: 1px;
-    --border-opacity:1;
-    border-color: #d6d5d4;
-    border-color: rgba(214, 213, 212, var(--border-opacity));
-    padding-bottom: 8px;
-    margin-bottom: 8px; }
-    .data-table .row span {
-      width: 70%;
-      display: contents; }
-    .data-table .row h2 {
-      width: 40%;
-      font-weight: 700; }
-    .data-table .row .value, .data-table .row h2 {
-      font-size: 16px;
-      line-height: 24px; }
-    .data-table .row .value {
-      width: 50%;
-      word-break: break-all; }
-    .data-table .row .caption {
-      width: 70%;
-      font-size: 16px;
-      line-height: 24px;
-      --text-opacity:1;
-      color: #505a5f;
-      color: rgba(80, 90, 95, var(--text-opacity)); }
-  .data-table .last {
-    border: none;
-    padding: 0;
-    margin: 0; }
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  overflow: hidden;
+  width: 100%;
+  border-collapse: collapse;
+  padding-bottom: 0; }
+
+.data-table .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;
+  width: 100%;
+  margin-bottom: 0;
+  padding: 15px 30px;
+  border-bottom: 1px solid #e0e0e0;
+  border-bottom: 1px solid var(--border, #e0e0e0); }
+
+.data-table .row:nth-child(odd) {
+  background-color: #eee; }
+
+.data-table .row:nth-child(2n) {
+  background-color: #fff; }
+
+.data-table .row h2 {
+  font-weight: 600;
+  text-align: left;
+  width: 60%;
+  margin: 0; }
+
+.data-table .row .value {
+  text-align: left;
+  width: 40%;
+  word-break: break-word; }
+
+.data-table .row .caption {
+  font-size: .875rem;
+  color: #666;
+  color: var(--text-secondary, #666); }
+
+.data-table .row span {
+  width: 70%;
+  display: contents; }
+
+.data-table .last {
+  border: none;
+  padding: 0;
+  margin: 0; }
+
+.employee-data-table {
+  color: #0d43a7;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  overflow: hidden;
+  width: 100%;
+  border-collapse: collapse;
+  padding-bottom: 0; }
 
 .employee-data-table .row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  padding-bottom: 8px;
-  margin-bottom: 8px; }
-  .employee-data-table .row span {
-    width: 70%;
-    display: contents; }
-  .employee-data-table .row h2 {
-    width: 30%;
-    font-weight: 700; }
-  .employee-data-table .row .value, .employee-data-table .row h2 {
-    font-size: 16px;
-    line-height: 24px; }
-  .employee-data-table .row .value {
-    width: 50%; }
-  .employee-data-table .row .caption {
-    width: 70%;
-    font-size: 16px;
-    line-height: 24px;
-    --text-opacity:1;
-    color: #505a5f;
-    color: rgba(80, 90, 95, var(--text-opacity)); }
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 0;
+  padding: 15px 30px;
+  border-bottom: 1px solid #e0e0e0;
+  border-bottom: 1px solid var(--border, #e0e0e0); }
+
+.employee-data-table .row:nth-child(odd) {
+  background-color: #eee; }
+
+.employee-data-table .row:nth-child(2n) {
+  background-color: #fff; }
 
-.employee-data-table .vendor-details-row {
-  margin-left: 15px !important; }
+.employee-data-table .row h2 {
+  font-weight: 600;
+  text-align: left;
+  width: 60%;
+  margin: 0; }
+
+.employee-data-table .row .value {
+  text-align: left;
+  width: 40%;
+  word-break: break-word; }
+
+.employee-data-table .row .caption {
+  font-size: .875rem;
+  color: #666;
+  color: var(--text-secondary, #666); }
+
+.employee-data-table .row span {
+  width: 70%;
+  display: contents; }
 
 .employee-data-table .last {
   border: none;
@@ -11342,6 +11383,10 @@ body {
     text-align: right; } }
 
 .loader-message {
+  overflow: hidden;
+  position: relative;
+  height: 100vh;
+  width: 100vw;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -11351,8 +11396,342 @@ body {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  font-weight: 700;
-  font-size: 19px; }
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  font-weight: 600;
+  font-size: 14px;
+  color: #000; }
+
+.loader-message .body {
+  position: absolute;
+  left: 44%;
+  top: 50%;
+  -webkit-animation: speeder .4s linear infinite;
+  animation: speeder .4s linear infinite; }
+
+.loader-message .body > span {
+  height: 5px;
+  width: 35px;
+  background: #0d43a7;
+  position: absolute;
+  top: -19px;
+  left: -40px;
+  border-radius: 2px 10px 1px 0; }
+
+.loader-message .base span {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top: 6px solid transparent;
+  border-right: 100px solid #000;
+  border-bottom: 6px solid transparent; }
+
+.loader-message .base span:before {
+  content: "";
+  height: 22px;
+  width: 22px;
+  border-radius: 50%;
+  background: #0d43a7;
+  position: absolute;
+  right: -110px;
+  top: -16px; }
+
+.loader-message .base span:after {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top: 0 solid transparent;
+  border-right: 55px solid #000;
+  border-bottom: 16px solid transparent;
+  top: -16px;
+  right: -98px; }
+
+.loader-message .face {
+  position: absolute;
+  height: 12px;
+  width: 20px;
+  background: #0d43a7;
+  border-radius: 20px 20px 0 0;
+  -webkit-transform: rotate(-40deg);
+  transform: rotate(-40deg);
+  right: -125px;
+  top: -15px; }
+
+.loader-message .face:after {
+  content: "";
+  height: 12px;
+  width: 12px;
+  background: #0d43a7;
+  right: 4px;
+  top: 7px;
+  position: absolute;
+  -webkit-transform: rotate(40deg);
+  transform: rotate(40deg);
+  -webkit-transform-origin: 50% 50%;
+  transform-origin: 50% 50%;
+  border-radius: 0 0 0 2px; }
+
+.loader-message .body > span > span {
+  width: 30px;
+  height: 1px;
+  background: #0d43a7;
+  position: absolute; }
+
+.loader-message .body > span > span:first-child {
+  top: 0;
+  -webkit-animation: fazer1 .2s linear infinite;
+  animation: fazer1 .2s linear infinite; }
+
+.loader-message .body > span > span:nth-child(2) {
+  top: 3px;
+  -webkit-animation: fazer2 .4s linear infinite;
+  animation: fazer2 .4s linear infinite; }
+
+.loader-message .body > span > span:nth-child(3) {
+  top: 1px;
+  -webkit-animation: fazer3 .4s linear infinite;
+  animation: fazer3 .4s linear infinite;
+  -webkit-animation-delay: -1s;
+  animation-delay: -1s; }
+
+.loader-message .body > span > span:nth-child(4) {
+  top: 4px;
+  -webkit-animation: fazer4 1s linear infinite;
+  animation: fazer4 1s linear infinite;
+  -webkit-animation-delay: -1s;
+  animation-delay: -1s; }
+
+@-webkit-keyframes fazer1 {
+  0% {
+    left: 0; }
+  to {
+    left: -80px;
+    opacity: 0; } }
+
+@keyframes fazer1 {
+  0% {
+    left: 0; }
+  to {
+    left: -80px;
+    opacity: 0; } }
+
+@-webkit-keyframes fazer2 {
+  0% {
+    left: 0; }
+  to {
+    left: -100px;
+    opacity: 0; } }
+
+@keyframes fazer2 {
+  0% {
+    left: 0; }
+  to {
+    left: -100px;
+    opacity: 0; } }
+
+@-webkit-keyframes fazer3 {
+  0% {
+    left: 0; }
+  to {
+    left: -50px;
+    opacity: 0; } }
+
+@keyframes fazer3 {
+  0% {
+    left: 0; }
+  to {
+    left: -50px;
+    opacity: 0; } }
+
+@-webkit-keyframes fazer4 {
+  0% {
+    left: 0; }
+  to {
+    left: -150px;
+    opacity: 0; } }
+
+@keyframes fazer4 {
+  0% {
+    left: 0; }
+  to {
+    left: -150px;
+    opacity: 0; } }
+
+@-webkit-keyframes speeder {
+  0% {
+    -webkit-transform: translate(2px, 1px) rotate(0deg);
+    transform: translate(2px, 1px) rotate(0deg); }
+  10% {
+    -webkit-transform: translate(-1px, -3px) rotate(-1deg);
+    transform: translate(-1px, -3px) rotate(-1deg); }
+  20% {
+    -webkit-transform: translate(-2px) rotate(1deg);
+    transform: translate(-2px) rotate(1deg); }
+  30% {
+    -webkit-transform: translate(1px, 2px) rotate(0deg);
+    transform: translate(1px, 2px) rotate(0deg); }
+  40% {
+    -webkit-transform: translate(1px, -1px) rotate(1deg);
+    transform: translate(1px, -1px) rotate(1deg); }
+  50% {
+    -webkit-transform: translate(-1px, 3px) rotate(-1deg);
+    transform: translate(-1px, 3px) rotate(-1deg); }
+  60% {
+    -webkit-transform: translate(-1px, 1px) rotate(0deg);
+    transform: translate(-1px, 1px) rotate(0deg); }
+  70% {
+    -webkit-transform: translate(3px, 1px) rotate(-1deg);
+    transform: translate(3px, 1px) rotate(-1deg); }
+  80% {
+    -webkit-transform: translate(-2px, -1px) rotate(1deg);
+    transform: translate(-2px, -1px) rotate(1deg); }
+  90% {
+    -webkit-transform: translate(2px, 1px) rotate(0deg);
+    transform: translate(2px, 1px) rotate(0deg); }
+  to {
+    -webkit-transform: translate(1px, -2px) rotate(-1deg);
+    transform: translate(1px, -2px) rotate(-1deg); } }
+
+@keyframes speeder {
+  0% {
+    -webkit-transform: translate(2px, 1px) rotate(0deg);
+    transform: translate(2px, 1px) rotate(0deg); }
+  10% {
+    -webkit-transform: translate(-1px, -3px) rotate(-1deg);
+    transform: translate(-1px, -3px) rotate(-1deg); }
+  20% {
+    -webkit-transform: translate(-2px) rotate(1deg);
+    transform: translate(-2px) rotate(1deg); }
+  30% {
+    -webkit-transform: translate(1px, 2px) rotate(0deg);
+    transform: translate(1px, 2px) rotate(0deg); }
+  40% {
+    -webkit-transform: translate(1px, -1px) rotate(1deg);
+    transform: translate(1px, -1px) rotate(1deg); }
+  50% {
+    -webkit-transform: translate(-1px, 3px) rotate(-1deg);
+    transform: translate(-1px, 3px) rotate(-1deg); }
+  60% {
+    -webkit-transform: translate(-1px, 1px) rotate(0deg);
+    transform: translate(-1px, 1px) rotate(0deg); }
+  70% {
+    -webkit-transform: translate(3px, 1px) rotate(-1deg);
+    transform: translate(3px, 1px) rotate(-1deg); }
+  80% {
+    -webkit-transform: translate(-2px, -1px) rotate(1deg);
+    transform: translate(-2px, -1px) rotate(1deg); }
+  90% {
+    -webkit-transform: translate(2px, 1px) rotate(0deg);
+    transform: translate(2px, 1px) rotate(0deg); }
+  to {
+    -webkit-transform: translate(1px, -2px) rotate(-1deg);
+    transform: translate(1px, -2px) rotate(-1deg); } }
+
+.loader-message .longfazers {
+  position: absolute;
+  width: 100%;
+  height: 100%; }
+
+.loader-message .longfazers span {
+  position: absolute;
+  height: 2px;
+  width: 20%;
+  background: #0d43a7; }
+
+.loader-message .longfazers span:first-child {
+  top: 20%;
+  -webkit-animation: lf .6s linear infinite;
+  animation: lf .6s linear infinite;
+  -webkit-animation-delay: -5s;
+  animation-delay: -5s; }
+
+.loader-message .longfazers span:nth-child(2) {
+  top: 40%;
+  -webkit-animation: lf2 .8s linear infinite;
+  animation: lf2 .8s linear infinite;
+  -webkit-animation-delay: -1s;
+  animation-delay: -1s; }
+
+.loader-message .longfazers span:nth-child(3) {
+  top: 60%;
+  -webkit-animation: lf3 .6s linear infinite;
+  animation: lf3 .6s linear infinite; }
+
+.loader-message .longfazers span:nth-child(4) {
+  top: 80%;
+  -webkit-animation: lf4 .5s linear infinite;
+  animation: lf4 .5s linear infinite;
+  -webkit-animation-delay: -3s;
+  animation-delay: -3s; }
+
+.loader-message .message {
+  position: absolute;
+  font-family: Open Sans,sans-serif;
+  font-weight: 600;
+  font-size: 12px;
+  text-transform: uppercase;
+  left: 44%;
+  top: 58%;
+  margin-left: -20px; }
+
+@-webkit-keyframes lf {
+  0% {
+    left: 200%; }
+  to {
+    left: -200%;
+    opacity: 0; } }
+
+@keyframes lf {
+  0% {
+    left: 200%; }
+  to {
+    left: -200%;
+    opacity: 0; } }
+
+@-webkit-keyframes lf2 {
+  0% {
+    left: 200%; }
+  to {
+    left: -200%;
+    opacity: 0; } }
+
+@keyframes lf2 {
+  0% {
+    left: 200%; }
+  to {
+    left: -200%;
+    opacity: 0; } }
+
+@-webkit-keyframes lf3 {
+  0% {
+    left: 200%; }
+  to {
+    left: -100%;
+    opacity: 0; } }
+
+@keyframes lf3 {
+  0% {
+    left: 200%; }
+  to {
+    left: -100%;
+    opacity: 0; } }
+
+@-webkit-keyframes lf4 {
+  0% {
+    left: 200%; }
+  to {
+    left: -100%;
+    opacity: 0; } }
+
+@keyframes lf4 {
+  0% {
+    left: 200%; }
+  to {
+    left: -100%;
+    opacity: 0; } }
 
 .display-none {
   display: none; }