@pmidc/upyog-css 1.2.9 → 1.2.11

package/dist/index.css

@@ -207,14 +207,6 @@ button, input, .checkbox-wrap .input-emp, optgroup, select, textarea {
 code, kbd, pre, samp {
   font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; }
 
-audio, canvas, embed, iframe, img, object, svg, video {
-  display: block;
-  vertical-align: middle; }
-
-img, video {
-  max-width: 100%;
-  height: auto; }
-
 .container {
   width: 100%; }
 
@@ -1798,7 +1790,7 @@ body {
 .card-link {
   height: 40px;
   background: linear-gradient(135deg, #2563eb, #1e40af);
-  color: #fff;
+  color: #fff !important;
   text-align: center;
   outline: none;
   width: 175px;
@@ -1816,8 +1808,12 @@ body {
     transform: translateY(-2px);
     -webkit-box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
     box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32); }
+  .card-link:focus, .card-link:hover {
+    color: #fff !important; }
   .card-link:focus {
     outline: none; }
+  .card-link:active, .card-link:visited {
+    color: #fff !important; }
   .card-link header {
     font-weight: 600;
     font-size: 12px;
@@ -2097,18 +2093,21 @@ body {
     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%; }
+    align-items: flex-start; }
+  .employee .employeeCard .field {
+    width: 40%; }
+  .employee .employeeCard .form-field {
+    width: 100%; }
   .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; } }
+    margin-bottom: 8px !important; }
+  .popup-module .card-label, .popup-module .field, .popup-module .form-field {
+    width: auto; } }
+
+.BPAemployeeCard.bpa-workflow-modal-form .card-label, .BPAemployeeCard.bpa-workflow-modal-form .form-field {
+  width: 100% !important; }
 
 @media (max-width: 767px) {
   .employee .employeeCard .card-label, .employee .employeeCard .field, .employee .employeeCard .form-field {
@@ -2130,6 +2129,21 @@ body {
 .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; }
 
+.obps-search-mobile-wrapper {
+  width: 100% !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important; }
+
+.obps-search-mobile-wrapper .employee-select-wrap {
+  width: 100% !important;
+  -webkit-box-flex: 1 !important;
+  -ms-flex: 1 !important;
+  flex: 1 !important; }
+
+.BPAemployeeCard .employeeCard .card-label, .BPAemployeeCard .employeeCard .form-field, .obps-search-mobile-wrapper .form-field {
+  width: 100% !important; }
+
 .selector-button, .selector-button-primary, .selector-button-secondary {
   color: #fff !important;
   border: none !important;
@@ -6940,10 +6954,10 @@ video::-webkit-media-controls-panel {
     .sidebar-menu .menu-item .menu-item-text {
       margin-left: 1em; }
 
-.InboxComposerWrapper .form-field-flex-one .field, .InboxComposerWrapper .form-field-flex-one .form-field {
-  -webkit-box-flex: 1;
-  -ms-flex: 1 1 0%;
-  flex: 1 1 0%; }
+.complaint-input-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
 
 .inboxPopupMobileWrapper {
   display: block;
@@ -8826,7 +8840,8 @@ video::-webkit-media-controls-panel {
       padding: 16px; }
       .inbox-container .search-container .search-complaint-container .complaint-input-container {
         display: grid !important;
-        grid-template-columns: 33.33% 33.33% 33.33%; }
+        grid-template-columns: 33.33% 33.33% 33.33%;
+        width: 100% !important; }
         .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search {
           grid-template-columns: 25% 25% 25% 25%; }
           .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .input-fields:nth-child(3n) {
@@ -9160,7 +9175,7 @@ video::-webkit-media-controls-panel {
   .desktop-w-full {
     width: 100% !important; } }
 
-employee-form-first {
+.employee-form-first {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -9174,6 +9189,9 @@ employee-form-first {
   -ms-flex-direction: column;
   flex-direction: column; }
 
+.complaint-input-container .complaint-input .form-field, .complaint-input-container .form-field {
+  width: 100% !important; }
+
 .scroll-table-wrapper {
   -ms-overflow-style: none;
   scrollbar-width: none;
@@ -13865,7 +13883,7 @@ body {
   min-width: calc(25% - 15px) !important;
   max-width: calc(25% - 15px) !important; }
 
-.alignmentSettle .form-field:nth-child(4n), .alignmentSettle .submit {
+.alignmentSettle .field:nth-child(4n), .alignmentSettle .form-field:nth-child(4n), .alignmentSettle .submit {
   margin-right: 0 !important; }
 
 .alignmentSettle .submit {
@@ -13903,6 +13921,10 @@ body {
     margin-right: 10px !important; }
   .alignmentSettle .form-field:nth-child(2n) {
     margin-right: 0 !important; }
+  .alignmentSettle .field:nth-child(4n) {
+    margin-right: 10px !important; }
+  .alignmentSettle .field:nth-child(2n) {
+    margin-right: 0 !important; }
   .alignmentSettle .submit {
     width: calc(50% - 10px) !important;
     min-width: calc(50% - 10px) !important;
@@ -13914,7 +13936,7 @@ body {
     min-width: 100% !important;
     max-width: 100% !important;
     margin-bottom: 12px !important; }
-  .alignmentSettle .field, .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(2n) {
+  .alignmentSettle .field, .alignmentSettle .field:nth-child(2n), .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(2n) {
     margin-right: 0 !important; }
   .alignmentSettle .submit {
     width: 100% !important;
@@ -18600,8 +18622,7 @@ body {
   margin: 0 !important; }
 
 .ndc_card_labels {
-  width: 100%;
-  max-width: 200px; }
+  width: 100%; }
 
 .downLoadButton {
   color: "#A52A2A";
@@ -18836,18 +18857,9 @@ body {
 
 .user-profile-image-section {
   position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
   max-width: 100%;
   min-height: 280px;
   border-radius: 12px 12px 0 0;
@@ -18862,9 +18874,7 @@ body {
   .user-profile-image-section.employee {
     border-radius: 0; }
 
-.user-profile-image-wrapper {
-  height: 160px;
-  width: 160px;
+.user-profile-image-section, .user-profile-image-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -18873,7 +18883,11 @@ body {
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
-  align-items: center;
+  align-items: center; }
+
+.user-profile-image-wrapper {
+  height: 160px;
+  width: 160px;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
@@ -19042,6 +19056,14 @@ body {
 .user-profile-full-width {
   width: 100%; }
 
+img, video {
+  max-width: 100%;
+  height: auto; }
+
+audio, canvas, embed, iframe, img, object, svg, video {
+  display: block;
+  vertical-align: middle; }
+
 @media only screen and (max-width: 768px) {
   .card-header, .employee-upyog-title, .header-title, .heading, .landing-card-header, .page-header, .section-header, .survey-card-header, h1, h2, h3, header {
     font-size: 18px !important; }