@pmidc/upyog-css 1.2.8 → 1.2.10

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%; }
 
@@ -1588,6 +1580,10 @@ body {
   flex-direction: row;
   width: 100%; }
 
+.card {
+  -webkit-box-shadow: none;
+  box-shadow: none; }
+
 .card {
   padding: 20px 24px 28px;
   max-width: 95vw;
@@ -1978,13 +1974,7 @@ body {
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
-      align-items: center; }
-      .employeeCard .label-field-pair h2 {
-        width: 30%; }
-      .employeeCard .label-field-pair .field {
-        width: 50%;
-        margin-right: 20%;
-        margin-right: unset; } }
+      align-items: center; } }
 
 .card-section-header {
   font-size: 18px;
@@ -2092,6 +2082,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;
@@ -2252,6 +2282,16 @@ body {
   border: 1px solid !important;
   margin-right: 10px !important; }
 
+.action-button-myapplication {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 20px;
+  gap: 20px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-top: 10px; }
+
 .radio-wrap {
   margin-top: 8px;
   display: block;
@@ -2823,7 +2863,7 @@ body {
 .mobile-number-prefix {
   position: absolute;
   left: 12px;
-  top: 34%;
+  top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 16px;
@@ -5738,7 +5778,7 @@ video::-webkit-media-controls-panel {
   .PropertySearchForm .PropertySearchFormSwitcher span {
     margin-right: 20px; }
 
-.PropertySearchForm .form-field {
+.PropertySearchForm .field, .PropertySearchForm .form-field {
   width: 30% !important;
   margin-bottom: 20px; }
 
@@ -5748,7 +5788,7 @@ video::-webkit-media-controls-panel {
     margin-bottom: 20px; } }
 
 @media (max-width: 780px) {
-  .PropertySearchForm .form-field, .PropertySearchForm .pt-form-field {
+  .PropertySearchForm .field, .PropertySearchForm .form-field, .PropertySearchForm .pt-form-field {
     width: 100% !important;
     margin-bottom: 15px; } }
 
@@ -5769,7 +5809,7 @@ video::-webkit-media-controls-panel {
   padding-bottom: 24px;
   padding-left: 24px;
   border-radius: 8px; }
-  .search-form-wrapper .form-field {
+  .search-form-wrapper .field, .search-form-wrapper .form-field {
     width: calc(25% - 16px);
     display: inline-block;
     margin-right: 16px;
@@ -6892,7 +6932,7 @@ video::-webkit-media-controls-panel {
     .sidebar-menu .menu-item .menu-item-text {
       margin-left: 1em; }
 
-.InboxComposerWrapper .form-field-flex-one .form-field {
+.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%; }
@@ -6917,7 +6957,7 @@ video::-webkit-media-controls-panel {
     -webkit-box-direction: reverse !important;
     -ms-flex-direction: row-reverse !important;
     flex-direction: row-reverse !important; }
-  .inboxPopupMobileWrapper .form-field {
+  .inboxPopupMobileWrapper .field, .inboxPopupMobileWrapper .form-field {
     margin: 0 !important;
     width: 100%; }
   .inboxPopupMobileWrapper .InboxMobilePopupCloseButtonWrapper {
@@ -6945,7 +6985,7 @@ video::-webkit-media-controls-panel {
     height: fit-content; }
   .wns-inbox-composer .wns-search-field {
     width: 30% !important; }
-  .wns-inbox-composer .form-field {
+  .wns-inbox-composer .field, .wns-inbox-composer .form-field {
     width: 100% !important; }
   .wns-inbox-composer .SubmitAndClearAllContainer {
     width: 100%;
@@ -7007,10 +7047,10 @@ video::-webkit-media-controls-panel {
     .search-form-wns-inbox .search-complaint-container .complaint-input-container {
       display: grid !important;
       grid-template-columns: 33.33% 33.33% 33.33%; }
-    .search-form-wns-inbox .search-complaint-container .form-field {
+    .search-form-wns-inbox .search-complaint-container .field, .search-form-wns-inbox .search-complaint-container .form-field {
       width: 100%;
       padding-right: 15px; }
-      .search-form-wns-inbox .search-complaint-container .form-field .clear-search {
+      .search-form-wns-inbox .search-complaint-container .field .clear-search, .search-form-wns-inbox .search-complaint-container .form-field .clear-search {
         padding-top: 10px; }
   .search-form-wns-inbox .submit {
     margin-top: 0;
@@ -7960,8 +8000,8 @@ video::-webkit-media-controls-panel {
     margin-bottom: unset; }
     .RightMostTopBarOptions .select-wrap svg {
       fill: #a82227; }
-    .RightMostTopBarOptions .select-wrap .form-field {
-      width: 100% !important; }
+    .RightMostTopBarOptions .select-wrap .field, .RightMostTopBarOptions .select-wrap .form-field {
+      width: 100%; }
 
 .fullWidth {
   width: 100%; }
@@ -9103,15 +9143,29 @@ video::-webkit-media-controls-panel {
   display: inline;
   float: right; }
 
-.form-field {
+.field, .form-field {
   width: 100%; }
 
 @media (min-width: 780px) {
-  .form-field {
+  .field, .form-field {
     width: 100%; }
   .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;
@@ -13796,7 +13850,7 @@ body {
   background-color: red;
   padding-bottom: 90px !important; }
 
-.alignmentSettle .form-field {
+.alignmentSettle .field, .alignmentSettle .form-field {
   width: calc(25% - 15px) !important;
   margin-right: 15px !important;
   margin-bottom: 16px !important;
@@ -13833,11 +13887,11 @@ body {
     font-size: 12px !important; }
 
 @media (max-width: 1024px) {
-  .alignmentSettle .form-field {
+  .alignmentSettle .field, .alignmentSettle .form-field {
     width: calc(50% - 10px) !important;
     min-width: calc(50% - 10px) !important;
     max-width: calc(50% - 10px) !important; }
-  .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(4n) {
+  .alignmentSettle .field, .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(4n) {
     margin-right: 10px !important; }
   .alignmentSettle .form-field:nth-child(2n) {
     margin-right: 0 !important; }
@@ -13847,12 +13901,12 @@ body {
     max-width: calc(50% - 10px) !important; } }
 
 @media (max-width: 640px) {
-  .alignmentSettle .form-field {
+  .alignmentSettle .field, .alignmentSettle .form-field {
     width: 100% !important;
     min-width: 100% !important;
     max-width: 100% !important;
     margin-bottom: 12px !important; }
-  .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(2n) {
+  .alignmentSettle .field, .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(2n) {
     margin-right: 0 !important; }
   .alignmentSettle .submit {
     width: 100% !important;
@@ -13864,7 +13918,7 @@ body {
       font-size: 16px !important; } }
 
 @media (max-width: 480px) {
-  .alignmentSettle .form-field {
+  .alignmentSettle .field, .alignmentSettle .form-field {
     margin-bottom: 10px !important; }
   .alignmentSettle .submit button {
     height: 48px !important; } }
@@ -14200,7 +14254,7 @@ body {
 .search-icon {
   position: relative;
   z-index: 100;
-  left: 160px;
+  right: 50px;
   margin-top: -55px;
   cursor: pointer; }
   @media (min-width: 780px) {
@@ -16345,9 +16399,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;
@@ -17309,6 +17367,479 @@ body {
   max-width: unset;
   margin-left: unset; }
 
+.hrms-flex, .hrms-flex-between {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.hrms-flex-between {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.hrms-flex-between-center, .hrms-flex-center {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.hrms-flex-between-center {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.hrms-flex-column {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.hrms-flex-wrap {
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.hrms-flex-end {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end; }
+
+.hrms-gap-xs {
+  grid-gap: 8px;
+  gap: 8px; }
+
+.hrms-gap-sm {
+  grid-gap: 10px;
+  gap: 10px; }
+
+.hrms-gap-md {
+  grid-gap: 12px;
+  gap: 12px; }
+
+.hrms-gap-base {
+  grid-gap: 16px;
+  gap: 16px; }
+
+.hrms-gap-lg {
+  grid-gap: 20px;
+  gap: 20px; }
+
+.hrms-mt-xs {
+  margin-top: 8px; }
+
+.hrms-mt-sm {
+  margin-top: 10px; }
+
+.hrms-mt-md {
+  margin-top: 12px; }
+
+.hrms-mt-base {
+  margin-top: 16px; }
+
+.hrms-mt-lg {
+  margin-top: 20px; }
+
+.hrms-mt-xl {
+  margin-top: 24px; }
+
+.hrms-mb-xs {
+  margin-bottom: 8px; }
+
+.hrms-mb-sm {
+  margin-bottom: 10px; }
+
+.hrms-mb-md {
+  margin-bottom: 12px; }
+
+.hrms-mb-base {
+  margin-bottom: 16px; }
+
+.hrms-mb-lg {
+  margin-bottom: 20px; }
+
+.hrms-mb-xl {
+  margin-bottom: 24px; }
+
+.hrms-ml-xs {
+  margin-left: 8px; }
+
+.hrms-ml-sm {
+  margin-left: 10px; }
+
+.hrms-ml-md {
+  margin-left: 12px; }
+
+.hrms-ml-base {
+  margin-left: 16px; }
+
+.hrms-mr-0 {
+  margin-right: 0; }
+
+.hrms-p-xs {
+  padding: 8px; }
+
+.hrms-p-sm {
+  padding: 10px; }
+
+.hrms-p-md {
+  padding: 12px; }
+
+.hrms-p-base {
+  padding: 16px; }
+
+.hrms-p-lg {
+  padding: 20px; }
+
+.hrms-text-bold {
+  font-weight: 700; }
+
+.hrms-text-semibold {
+  font-weight: 600; }
+
+.hrms-text-medium {
+  font-weight: 500; }
+
+.hrms-text-lg {
+  font-size: 18px; }
+
+.hrms-text-xl {
+  font-size: 28px; }
+
+.hrms-text-accent {
+  color: #f47738; }
+
+.hrms-text-secondary {
+  color: #505a5f; }
+
+.hrms-text-primary {
+  color: #0b0c0c; }
+
+.hrms-bg-light {
+  background-color: #f9f9f9; }
+
+.hrms-bg-lighter {
+  background-color: #fafafa; }
+
+.hrms-bg-white {
+  background-color: #fff; }
+
+.hrms-breadcrumb-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 16px 20px 10px;
+  border-bottom: 1px solid #e0e0e0;
+  background: #fff; }
+  @media (max-width: 768px) {
+    .hrms-breadcrumb-wrapper {
+      padding-left: 12px;
+      padding-bottom: 12px;
+      padding-right: 12px;
+      padding-top: 12px; } }
+
+.hrms-breadcrumb-back-link, .hrms-breadcrumb-wrapper {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.hrms-breadcrumb-back-link {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  grid-gap: 6px;
+  gap: 6px;
+  color: #505a5f;
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 500;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  padding: 6px 12px;
+  border-radius: 4px;
+  white-space: nowrap; }
+  .hrms-breadcrumb-back-link .back-arrow {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 1; }
+  .hrms-breadcrumb-back-link:hover {
+    color: #0b4b66;
+    background-color: #f7f7f7; }
+  .hrms-breadcrumb-back-link:active {
+    background-color: #e8e8e8; }
+  @media (max-width: 768px) {
+    .hrms-breadcrumb-back-link {
+      padding-left: 8px;
+      padding-bottom: 4px;
+      padding-right: 8px;
+      padding-top: 4px;
+      font-size: 13px; } }
+
+.hrms-card {
+  padding: 20px;
+  margin: 10px 0;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  background-color: #fff; }
+
+.hrms-card-light {
+  background-color: #f9f9f9;
+  padding: 15px; }
+
+.hrms-card-header {
+  font-size: 28px;
+  font-weight: 400;
+  color: #1c1d1f; }
+
+.hrms-form-section {
+  margin-bottom: 24px; }
+
+.hrms-form-header {
+  font-size: 18px;
+  font-weight: 700;
+  margin-bottom: 16px; }
+
+.hrms-form-grid {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 2%;
+  gap: 2%; }
+  .hrms-form-grid__item {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 48%;
+    flex: 0 0 48%;
+    margin: 1%; }
+    @media (max-width: 768px) {
+      .hrms-form-grid__item {
+        -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%; } }
+
+.hrms-form-field {
+  margin-bottom: 24px; }
+
+.hrms-form-actions {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 20px; }
+
+.hrms-assignment-card, .hrms-jurisdiction-card {
+  padding: 12px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  margin-bottom: 10px;
+  background: #fff; }
+
+.hrms-card-actions {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  grid-gap: 10px;
+  gap: 10px;
+  margin-top: 10px; }
+
+.hrms-card-actions, .hrms-item-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.hrms-item-header {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 8px;
+  gap: 8px; }
+
+.hrms-inbox-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 16px;
+  border-bottom: 1px solid #e0e0e0; }
+
+.hrms-inbox-row {
+  padding: 12px;
+  margin-bottom: 8px;
+  background-color: #fafafa; }
+  @media (max-width: 768px) {
+    .hrms-inbox-row {
+      padding-left: 10px;
+      padding-bottom: 10px;
+      padding-right: 10px;
+      padding-top: 10px; } }
+
+.hrms-inbox-actions {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 10px;
+  gap: 10px;
+  margin-left: 10px; }
+
+.hrms-filter-container {
+  margin-bottom: 16px; }
+
+.hrms-filter-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 16px;
+  gap: 16px; }
+  @media (max-width: 768px) {
+    .hrms-filter-grid {
+      grid-template-columns: 1fr; } }
+
+.hrms-badge {
+  padding: 4px 12px;
+  border-radius: 16px;
+  font-size: 12px;
+  font-weight: 500;
+  display: inline-block;
+  text-align: center; }
+  .hrms-badge--category {
+    background-color: #e0f2fe;
+    color: #0369a1; }
+  .hrms-badge--subcategory {
+    background-color: #dbeafe;
+    color: #1e40af; }
+  .hrms-badge--zone {
+    background-color: #d1f2eb;
+    color: #0d6759; }
+  .hrms-badge--role {
+    background-color: #e9d5ff;
+    color: #7c3aed; }
+
+.hrms-response-container {
+  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;
+  margin-top: 24px; }
+
+.hrms-details-section {
+  margin-top: 20px; }
+
+.hrms-details-grid {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.hrms-divider {
+  border-bottom: 1px solid #e0e0e0; }
+
+.hrms-section-bg {
+  background-color: #f9f9f9;
+  padding: 15px;
+  border-radius: 4px; }
+
+.hrms-cursor-pointer {
+  cursor: pointer; }
+
+@media (max-width: 768px) {
+  .hrms-mobile-full {
+    width: 100%; }
+  .hrms-mobile-p-sm {
+    padding: 10px; }
+  .hrms-mobile-mb-xs {
+    margin-bottom: 8px; } }
+
+.hrms-grid-2 {
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 16px; }
+  @media (max-width: 768px) {
+    .hrms-grid-2 {
+      grid-template-columns: 1fr; } }
+
+.hrms-grid-2, .hrms-grid-3 {
+  display: grid;
+  gap: 16px; }
+
+.hrms-grid-3 {
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 16px; }
+  @media (max-width: 768px) {
+    .hrms-grid-3 {
+      grid-template-columns: 1fr; } }
+
+.hrms-header-wrapper {
+  margin-left: 15px; }
+  @media (max-width: 640px) {
+    .hrms-header-wrapper {
+      margin-left: -12px; } }
+
+.hrms-document-link {
+  min-width: 160px;
+  margin-right: 20px;
+  cursor: pointer;
+  display: inline-block; }
+
+.hrms-document-svg {
+  background: #f6f6f6;
+  padding: 8px;
+  margin-left: 15px; }
+
+.hrms-document-name {
+  margin-top: 8px;
+  max-width: 196px; }
+
+.hrms-jurisdiction-status-table {
+  max-width: 640px;
+  border: 1px solid #d6d5d4;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  padding: .2rem;
+  margin-bottom: 2rem; }
+
+.hrms-section-title {
+  padding-bottom: 2rem; }
+
+.hrms-card .card-header {
+  font-size: 28px;
+  font-weight: 400;
+  color: #1c1d1f; }
+
+.hrms-delete-btn {
+  background: none;
+  border: none;
+  color: #d4351c;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  padding: 0; }
+  .hrms-delete-btn:hover {
+    text-decoration: underline; }
+  .hrms-delete-btn:disabled {
+    opacity: .5;
+    cursor: not-allowed; }
+
 .display-none {
   display: none; }
 
@@ -17368,7 +17899,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; }
@@ -17676,9 +18208,6 @@ body {
   max-width: 540px;
   width: 100%; }
 
-.employeeCard, .text-mobile-input-width {
-  max-width: 100%; }
-
 .custom-time-picker {
   width: 100%;
   max-width: 200px; }
@@ -18048,10 +18577,6 @@ body {
   padding: 15px;
   font-size: 1.2rem; }
 
-.ndc_property_search .text-input {
-  width: 100%;
-  max-width: 300px; }
-
 .action-bar-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -18089,7 +18614,7 @@ body {
   padding: 25px; }
 
 .step-label {
-  font-size: 17px !important; }
+  font-size: 12px !important; }
 
 .modal-action .employeeCard {
   margin-left: 0 !important; }
@@ -18303,18 +18828,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;
@@ -18329,9 +18845,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;
@@ -18340,7 +18854,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;
@@ -18509,6 +19027,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; }