@pmidc/upyog-css 1.2.7 → 1.2.9

package/dist/index.css

@@ -2090,6 +2090,46 @@ body {
   width: 100%;
   margin: 0; }
 
+@media (min-width: 768px) {
+  .employee .employeeCard .label-field-pair {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap; }
+  .employee .employeeCard .card-label {
+    width: 30%; }
+  .employee .employeeCard .field, .employee .employeeCard .form-field {
+    width: 50%; }
+  .employee .employeeCard .label-field-pair + .card-label-error, .employee .employeeCard .label-field-pair .card-label-error {
+    width: 50% !important;
+    margin-left: 50% !important;
+    margin-top: -10px !important;
+    margin-bottom: 8px !important; } }
+
+@media (max-width: 767px) {
+  .employee .employeeCard .card-label, .employee .employeeCard .field, .employee .employeeCard .form-field {
+    width: 100%; }
+  .employee .employeeCard .label-field-pair {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start; }
+  .employee .employeeCard .label-field-pair + .card-label-error, .employee .employeeCard .label-field-pair .card-label-error {
+    width: 100% !important;
+    margin-left: 0 !important;
+    margin-top: 2px !important;
+    margin-bottom: 8px !important; } }
+
+.employee-login-container .form-field, .employee-login-form .form-field, .employee-login-page .form-field, .employeeCard .headerStyle + .card-label-desc ~ div .form-field {
+  width: 100% !important; }
+
 .selector-button, .selector-button-primary, .selector-button-secondary {
   color: #fff !important;
   border: none !important;
@@ -9120,6 +9160,20 @@ video::-webkit-media-controls-panel {
   .desktop-w-full {
     width: 100% !important; } }
 
+employee-form-first {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 24px;
+  gap: 24px;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
 .scroll-table-wrapper {
   -ms-overflow-style: none;
   scrollbar-width: none;
@@ -16353,9 +16407,13 @@ body {
 
 .ral-error-label {
   width: 70%;
-  margin-left: 30%;
+  margin-left: 1%;
   margin-top: -18px; }
 
+@media (min-width: 768px) {
+  .ral-error-label {
+    margin-left: 50%; } }
+
 .ral-applicant-container {
   border: 1px solid #ddd;
   padding: 12px;
@@ -16559,6 +16617,9 @@ body {
   font-size: 24px;
   margin-top: 30px; }
 
+.mandatory-asterisk {
+  color: red !important; }
+
 .survey-modal-wrapper {
   padding: 0;
   background-color: #f9fafb; }
@@ -17846,7 +17907,8 @@ body {
 .dark {
   --text-opacity:1;
   color: #0d43a7;
-  color: rgba(13, 67, 167, var(--text-opacity)); }
+  color: rgba(13, 67, 167, var(--text-opacity));
+  width: auto !important; }
 
 .mrlg {
   margin-right: 24px; }
@@ -18154,9 +18216,6 @@ body {
   max-width: 540px;
   width: 100%; }
 
-.employeeCard, .text-mobile-input-width {
-  max-width: 100%; }
-
 .custom-time-picker {
   width: 100%;
   max-width: 200px; }
@@ -18563,7 +18622,7 @@ body {
   padding: 25px; }
 
 .step-label {
-  font-size: 17px !important; }
+  font-size: 12px !important; }
 
 .modal-action .employeeCard {
   margin-left: 0 !important; }