@pmidc/upyog-css 1.2.36-UAT.3 → 1.2.36-UAT.5

package/dist/index.css

@@ -1642,7 +1642,6 @@ body {
     margin-bottom: 8px;
     margin-top: 8px;
     font-weight: 700;
-    text-transform: uppercase;
     letter-spacing: .5px;
     width: 100%; }
   .card .card-label-error {
@@ -1738,7 +1737,6 @@ body {
     color: #0f172a;
     margin-bottom: 8px;
     font-weight: 700;
-    text-transform: uppercase;
     letter-spacing: .5px; }
   .employeeCard .card-label-error {
     display: block;
@@ -4476,7 +4474,8 @@ body {
   .upload-file input, .upload-file .checkbox-wrap .input-emp, .checkbox-wrap .upload-file .input-emp {
     position: absolute;
     opacity: 0;
-    height: 100%;
+    height: 40px;
+    width: 175px;
     top: 20%;
     left: 3%; }
 
@@ -7991,7 +7990,7 @@ video::-webkit-media-controls-panel {
 .employee .ground-container {
   margin-bottom: 56px;
   margin-left: 0;
-  margin-top: 3rem !important;
+  margin-top: 5rem !important;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -16302,7 +16301,7 @@ body {
 .bpa-owner-search-icon-container {
   position: absolute;
   right: 12px;
-  top: 36%;
+  top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   display: -webkit-box;
@@ -19622,6 +19621,36 @@ body {
 .error-text {
   color: red; }
 
+.back-button-container {
+  cursor: pointer;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: Roboto Condensed,sans-serif;
+  color: rgba(13, 67, 167, var(--text-opacity));
+  font-size: 16px;
+  line-height: 24px; }
+
+.stepper-margin {
+  margin-left: 30px; }
+
+.document-link-bpa {
+  text-decoration: none;
+  cursor: pointer;
+  -webkit-transition: -webkit-transform .2s,-webkit-box-shadow .2s;
+  transition: -webkit-transform .2s,-webkit-box-shadow .2s;
+  transition: transform .2s,box-shadow .2s;
+  transition: transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s;
+  width: 250px; }
+  .document-link-bpa:hover .document-card {
+    -webkit-transform: translateY(-4px);
+    transform: translateY(-4px);
+    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
+
 @media (max-width: 768px) {
   .upload-tag-container {
     width: 80%; } }
@@ -19663,6 +19692,708 @@ body {
   border-radius: 10%;
   cursor: pointer; }
 
+.TL-response-dFlex-endBaseL {
+  -webkit-box-align: baseline !important;
+  -ms-flex-align: baseline !important;
+  align-items: baseline !important; }
+
+.TL-response-dFlex-endBaseL, .TL-response-dFlex-endGapW {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: end !important;
+  -ms-flex-pack: end !important;
+  justify-content: flex-end !important; }
+
+.TL-response-dFlex-endGapW {
+  grid-gap: 1rem !important;
+  gap: 1rem !important;
+  width: auto !important; }
+
+.TL-ml-unset {
+  margin-left: unset !important; }
+
+.TL-mt-16 {
+  margin-top: 16px; }
+
+.TL-mb-10 {
+  margin-bottom: 10px; }
+
+.TL-ml-16 {
+  margin-left: 16px; }
+
+.TL-wAuto {
+  width: auto !important; }
+
+.Tl-ml-15 {
+  margin-left: 15px !important; }
+
+.TL-mr-1 {
+  margin-right: 1rem !important; }
+
+.TL-ground-ml-0 {
+  margin-left: 0 !important; }
+
+.TL-ground-full-width {
+  width: 100% !important; }
+
+.TL-breadcrumb-offset {
+  margin-left: 15px !important;
+  margin-top: 3rem !important; }
+
+.TL-chb-container {
+  width: 100% !important;
+  padding-right: 25px !important;
+  padding-left: 25px !important; }
+
+.TL-page-title {
+  color: #000 !important;
+  font-family: Noto Sans, sans-serif !important;
+  font-size: 28px !important;
+  font-weight: 500 !important;
+  margin: 0 !important; }
+
+.TL-divider {
+  border: 1px solid #dfe0e2 !important;
+  margin-bottom: 50px !important; }
+
+.TL-divider, .TL-full-width-container {
+  width: 100% !important; }
+
+.TL-label-inline-100 {
+  width: 100px !important;
+  display: inline !important; }
+
+.TL-mb-15 {
+  margin-bottom: 15px !important; }
+
+.TL-flex-center-start-gap10 {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: center !important;
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+  -webkit-box-align: start !important;
+  -ms-flex-align: start !important;
+  align-items: flex-start !important;
+  grid-gap: 10px !important;
+  gap: 10px !important; }
+
+.TL-z10-relative {
+  z-index: 10 !important;
+  position: relative !important; }
+
+.TL-fee-layout {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: justify !important;
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+  -webkit-box-align: start !important;
+  -ms-flex-align: start !important;
+  align-items: flex-start !important; }
+
+.TL-flex-1 {
+  -webkit-box-flex: 1 !important;
+  -ms-flex: 1 !important;
+  flex: 1 !important; }
+
+.TL-fee-table {
+  width: 100% !important;
+  border-collapse: collapse !important; }
+
+.TL-fee-td-label {
+  padding: 12px 16px !important;
+  color: #0b4da2 !important;
+  font-weight: 600 !important; }
+
+.TL-tooltip-icon {
+  display: inline-block !important;
+  width: 16px !important;
+  height: 16px !important;
+  border-radius: 50% !important;
+  background-color: #6c757d !important;
+  color: #fff !important;
+  text-align: center !important;
+  font-size: 11px !important;
+  line-height: 16px !important;
+  margin-left: 6px !important;
+  cursor: pointer !important; }
+
+.TL-fee-td-right {
+  padding: 12px 16px !important;
+  text-align: right !important; }
+
+.TL-fee-total-row {
+  border-top: 2px solid #0b4da2 !important; }
+
+.TL-fee-td-total-label {
+  color: #0b4da2 !important; }
+
+.TL-fee-td-total-amount, .TL-fee-td-total-label {
+  padding: 12px 16px !important;
+  font-weight: 700 !important; }
+
+.TL-fee-summary-box, .TL-fee-td-total-amount {
+  text-align: right !important; }
+
+.TL-fee-summary-box {
+  margin-left: 40px !important;
+  min-width: 200px !important; }
+
+.TL-fee-summary-label {
+  color: #0b4da2 !important;
+  font-size: 14px !important; }
+
+.TL-fee-summary-amount {
+  font-size: 36px !important;
+  font-weight: 700 !important; }
+
+.TL-fee-actions {
+  padding-top: 16px !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  grid-gap: 24px !important;
+  gap: 24px !important; }
+
+.TL-action-link {
+  color: #d4351c !important;
+  font-weight: 700 !important;
+  cursor: pointer !important;
+  text-transform: uppercase !important;
+  font-size: 14px !important; }
+
+.TL-modal-overlay {
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  background-color: rgba(0, 0, 0, 0.5) !important;
+  z-index: 9999 !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: center !important;
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important; }
+
+.TL-modal-content-sm {
+  min-width: 400px !important;
+  max-width: 550px !important;
+  max-height: 80vh !important; }
+
+.TL-modal-content-md, .TL-modal-content-sm {
+  background-color: #fff !important;
+  border-radius: 4px !important;
+  padding: 24px !important;
+  overflow-y: auto !important;
+  position: relative !important;
+  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important; }
+
+.TL-modal-content-md {
+  min-width: 500px !important;
+  max-width: 600px !important;
+  max-height: 85vh !important; }
+
+.TL-modal-header-lg {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: justify !important;
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  margin-bottom: 20px !important; }
+
+.TL-breakup-section-title-mt {
+  font-size: 14px !important;
+  font-weight: 600 !important;
+  margin-top: 12px !important;
+  margin-bottom: 8px !important; }
+
+.TL-breakup-row-bold {
+  padding: 4px 0 !important; }
+
+.TL-breakup-row-bold, .TL-breakup-subtotal {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: justify !important;
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+  font-size: 13px !important;
+  font-weight: 600 !important; }
+
+.TL-breakup-subtotal {
+  border-top: 1px solid #ddd !important;
+  padding: 6px 0 !important;
+  margin-top: 4px !important; }
+
+.TL-breakup-final-section {
+  border-top: 2px solid #333 !important;
+  margin-top: 12px !important;
+  padding-top: 8px !important; }
+
+.TL-breakup-rebate-section {
+  border-top: 1px solid #ddd !important;
+  margin-top: 8px !important;
+  padding-top: 8px !important; }
+
+.TL-loader-overlay {
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  background-color: rgba(255, 255, 255, 0.7) !important;
+  z-index: 10000 !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: center !important;
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important; }
+
+.TL-mb-20 {
+  margin-bottom: 20px !important; }
+
+.TL-adhoc-section-title {
+  font-size: 15px !important;
+  font-weight: 600 !important;
+  margin-bottom: 12px !important;
+  color: #0b4da2 !important; }
+
+.TL-form-label {
+  display: block !important;
+  font-size: 13px !important;
+  margin-bottom: 4px !important;
+  color: #505a5f !important; }
+
+.TL-form-input, .TL-form-select {
+  width: 100% !important;
+  padding: 10px 12px !important;
+  border: 1px solid #d6d5d4 !important;
+  border-radius: 2px !important;
+  font-size: 14px !important;
+  -webkit-box-sizing: border-box !important;
+  box-sizing: border-box !important; }
+
+.TL-form-select {
+  background-color: #fff !important; }
+
+.TL-form-textarea {
+  width: 100% !important;
+  padding: 10px 12px !important;
+  border: 1px solid #d6d5d4 !important;
+  border-radius: 2px !important;
+  font-size: 14px !important;
+  -webkit-box-sizing: border-box !important;
+  box-sizing: border-box !important;
+  resize: vertical !important; }
+
+.TL-adhoc-divider {
+  border: none !important;
+  border-top: 1px solid #d6d5d4 !important;
+  margin: 16px 0 !important; }
+
+.TL-adhoc-actions {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: end !important;
+  -ms-flex-pack: end !important;
+  justify-content: flex-end !important;
+  grid-gap: 12px !important;
+  gap: 12px !important;
+  margin-top: 16px !important; }
+
+.TL-btn-cancel {
+  border: 1px solid #0b4da2 !important;
+  background-color: #fff !important;
+  color: #0b4da2 !important;
+  cursor: pointer !important;
+  border-radius: 2px !important; }
+
+.TL-btn-cancel, .TL-btn-submit {
+  padding: 10px 24px !important;
+  font-size: 14px !important;
+  font-weight: 600 !important;
+  text-transform: uppercase !important; }
+
+.TL-btn-submit {
+  border: none !important;
+  background: linear-gradient(135deg, #2563eb, #1e40af) !important;
+  color: #fff !important;
+  border-radius: 2px !important; }
+
+.TL-btn-disabled {
+  cursor: not-allowed !important;
+  opacity: 0.7 !important; }
+
+.TL-max-width-960 {
+  max-width: 960px !important; }
+
+.TL-multi-box {
+  border: groove !important;
+  background: #fafafa !important;
+  border-radius: 4px !important;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+  margin-top: 10px !important;
+  margin-bottom: 10px !important; }
+
+.TL-doc-container {
+  margin-top: 20px !important;
+  margin-bottom: 20px !important;
+  border-radius: 4px !important;
+  border: 1px solid #e0e4e8 !important;
+  background-color: #f9f9f9 !important;
+  padding: 16px !important; }
+
+.TL-no-doc-placeholder {
+  padding: 16px !important;
+  color: #7a8a96 !important;
+  background-color: #fff !important;
+  border-radius: 4px !important; }
+
+.TL-alignC, .TL-no-doc-placeholder {
+  text-align: center !important; }
+
+.TL-stepper-nav {
+  -webkit-box-orient: vertical !important;
+  -webkit-box-direction: normal !important;
+  -ms-flex-direction: column !important;
+  flex-direction: column !important;
+  padding: 18px !important;
+  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8fafc)) !important;
+  background: linear-gradient(180deg, #fff, #f8fafc) !important;
+  border: 1px solid rgba(15, 23, 42, 0.04) !important;
+  -webkit-box-shadow: 0 8px 20px rgba(2, 6, 23, 0.06) !important;
+  box-shadow: 0 8px 20px rgba(2, 6, 23, 0.06) !important;
+  border-radius: 12px !important;
+  min-width: 120px !important;
+  max-width: 320px !important; }
+
+.TL-step-item, .TL-stepper-nav {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important; }
+
+.TL-step-item {
+  -webkit-box-pack: end !important;
+  -ms-flex-pack: end !important;
+  justify-content: flex-end !important;
+  -webkit-box-flex: 0 !important;
+  -ms-flex: 0 0 auto !important;
+  flex: 0 0 auto !important;
+  padding: 14px 12px !important;
+  width: 260px !important;
+  margin-bottom: 18px !important; }
+
+.TL-step-item-last {
+  margin-bottom: 6px !important; }
+
+.TL-step-active {
+  color: #0d43a7 !important; }
+
+.TL-step-inactive {
+  color: #9ca3af !important; }
+
+.TL-step-sub-content {
+  -webkit-box-orient: vertical !important;
+  -webkit-box-direction: normal !important;
+  -ms-flex-direction: column !important;
+  flex-direction: column !important;
+  -webkit-box-align: end !important;
+  -ms-flex-align: end !important;
+  align-items: flex-end !important;
+  margin: 10px !important; }
+
+.TL-step-circle, .TL-step-sub-content {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important; }
+
+.TL-step-circle {
+  width: 56px !important;
+  height: 56px !important;
+  border-radius: 50% !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  -webkit-box-pack: center !important;
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+  margin-bottom: 8px !important;
+  font-weight: 600 !important;
+  font-size: 18px !important;
+  position: relative !important; }
+
+.TL-step-circle-completed {
+  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
+  color: #fff !important;
+  border: none !important;
+  -webkit-box-shadow: 0 6px 18px rgba(37, 99, 235, 0.18) !important;
+  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.18) !important; }
+
+.TL-step-circle-pending {
+  background: #fff !important;
+  color: #0f172a !important;
+  border: 1px solid rgba(15, 23, 42, 0.08) !important;
+  -webkit-box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04) !important;
+  box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04) !important; }
+
+.TL-search-wAuto {
+  width: auto !important; }
+
+.TL-search-ml-24 {
+  margin-left: 24px !important; }
+
+[dir=ltr] .TL-text-start {
+  text-align: left !important; }
+
+[dir=rtl] .TL-text-start {
+  text-align: right !important; }
+
+.TL-search-error {
+  font-weight: 700 !important;
+  color: #d4351c !important;
+  padding-left: 8px !important;
+  margin-top: -10px !important;
+  font-size: 12px !important; }
+
+.TL-search-clear-wrapper {
+  width: 240px !important;
+  text-align: right !important;
+  margin-left: 96px !important;
+  margin-top: 8px !important; }
+
+.TL-w-full {
+  width: 100% !important; }
+
+.TL-pt-9 {
+  padding-top: 9px !important; }
+
+.TL-p-0 {
+  padding: 0 !important; }
+
+.TL-color-error {
+  color: #a82227 !important; }
+
+.TL-property-search-field {
+  margin-top: 20px !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important; }
+
+.TL-btn-white, .TL-search-btn {
+  color: #fff !important; }
+
+.TL-search-btn {
+  padding: 8px 16px !important;
+  border: none !important;
+  border-radius: 4px !important;
+  font-size: 13px !important;
+  font-weight: 600 !important;
+  white-space: nowrap !important;
+  min-width: 80px !important;
+  height: 38px !important;
+  -webkit-transition: all 0.2s ease !important;
+  transition: all 0.2s ease !important; }
+
+.TL-search-btn-active {
+  background: linear-gradient(135deg, #2563eb, #1e40af) !important;
+  cursor: pointer !important; }
+
+.TL-search-btn-searching {
+  background: #94a3b8 !important;
+  cursor: not-allowed !important; }
+
+.TL-mb-16 {
+  margin-bottom: 16px !important; }
+
+.TL-mb-24 {
+  margin-bottom: 24px !important; }
+
+.TL-mt-4 {
+  margin-top: 4px !important; }
+
+.TL-doc-note {
+  font-size: 13px !important;
+  color: #505a5f !important;
+  margin-bottom: 12px !important; }
+
+.TL-download-btn {
+  background-color: #5e5e5e !important;
+  color: #fff !important;
+  border: none !important;
+  padding: 10px 20px !important;
+  font-size: 14px !important;
+  font-weight: 700 !important;
+  cursor: pointer !important;
+  letter-spacing: 0.5px !important; }
+
+.TL-doc-file-info {
+  font-size: 12px !important;
+  color: #505a5f !important;
+  margin-top: 4px !important; }
+
+.TL-mt-5 {
+  margin-top: 5px !important; }
+
+.TL-mt-12 {
+  margin-top: 12px !important; }
+
+.TL-fw-600 {
+  font-weight: 600 !important; }
+
+.TL-breakup-link {
+  color: #a82227 !important;
+  cursor: pointer !important;
+  font-weight: 700 !important;
+  text-decoration: underline !important;
+  font-size: 14px !important; }
+
+.TL-modal-backdrop {
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  background-color: rgba(0, 0, 0, 0.5) !important;
+  z-index: 9999 !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: center !important;
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important; }
+
+.TL-modal-content {
+  background-color: #fff !important;
+  border-radius: 4px !important;
+  padding: 24px !important;
+  min-width: 400px !important;
+  max-width: 550px !important;
+  max-height: 80vh !important;
+  overflow-y: auto !important;
+  position: relative !important;
+  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important; }
+
+.TL-modal-header {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: justify !important;
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  margin-bottom: 16px !important; }
+
+.TL-modal-title {
+  margin: 0 !important;
+  font-size: 18px !important;
+  font-weight: 600 !important; }
+
+.TL-modal-close {
+  cursor: pointer !important;
+  font-size: 20px !important;
+  font-weight: 700 !important;
+  color: #666 !important; }
+
+.TL-breakup-section-title {
+  font-size: 14px !important;
+  font-weight: 600 !important;
+  margin-bottom: 8px !important; }
+
+.TL-breakup-row {
+  padding: 4px 0 !important; }
+
+.TL-breakup-row, .TL-breakup-subtotal-row {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: justify !important;
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+  font-size: 13px !important; }
+
+.TL-breakup-subtotal-row {
+  border-top: 1px solid #ddd !important;
+  padding: 6px 0 !important;
+  font-weight: 600 !important;
+  margin-top: 4px !important; }
+
+.TL-breakup-strong-section {
+  border-top: 2px solid #333 !important;
+  margin-top: 12px !important;
+  padding-top: 8px !important; }
+
+.TL-breakup-light-section {
+  border-top: 1px solid #ddd !important; }
+
+.TL-breakup-grand-total, .TL-breakup-light-section {
+  margin-top: 8px !important;
+  padding-top: 8px !important; }
+
+.TL-breakup-grand-total {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: justify !important;
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+  border-top: 2px solid #333 !important;
+  font-weight: 700 !important;
+  font-size: 15px !important; }
+
+.TL-item-index {
+  font-weight: 600 !important;
+  margin-bottom: 0.5rem !important; }
+
+.TL-declaration-row {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  grid-gap: 10px !important;
+  gap: 10px !important;
+  cursor: pointer !important;
+  margin-top: 20px !important; }
+
+.TL-declaration-checkbox {
+  width: 18px !important;
+  height: 18px !important;
+  cursor: pointer !important; }
+
+.TL-declaration-label {
+  cursor: pointer !important;
+  margin: 0 !important; }
+
 .display-none {
   display: none; }
 
@@ -20489,7 +21220,6 @@ body {
 
 .options-card {
   max-height: 350px;
-  min-height: 20px;
   overflow-y: auto;
   overflow-x: hidden;
   border: 1px solid #ccc;
@@ -20497,8 +21227,7 @@ body {
   background-color: #fff;
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
-  padding: 4px 0;
-  z-index: 1000; }
+  padding: 4px 0; }
 
 .timeline-hoc-container .checkpoint-done header, .timeline-hoc-container .checkpoint header {
   -webkit-box-flex: 1;
@@ -21865,3 +22594,18 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
   @media (max-width: 768px) {
     .surveyCardSection {
       width: 100%; } }
+
+.hrms-text-transform {
+  text-transform: none !important; }
+
+.noc-popupStyles {
+  width: unset;
+  min-width: 360px;
+  max-width: 600px;
+  padding: 20px; }
+
+.engagementForm {
+  width: 70%; }
+  @media (max-width: 768px) {
+    .engagementForm {
+      width: 100%; } }