@pmidc/upyog-css 1.2.36-dev.1.1 → 1.2.36-dev.1.11

package/dist/index.css

@@ -1644,6 +1644,9 @@ body {
     font-weight: 700;
     letter-spacing: .5px;
     width: 100%; }
+  .card .card-label span {
+    color: #dc2626;
+    font-weight: "bold"; }
   .card .card-label-error {
     display: block;
     font-size: 12px;
@@ -3892,7 +3895,7 @@ body {
       text-align: left;
       margin-bottom: 4px;
       z-index: 30;
-      width: 240px;
+      width: 257px;
       right: 24px; }
       .action-bar-wrap .menu-wrap div {
         height: 3rem;
@@ -7989,7 +7992,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;
@@ -19590,7 +19593,7 @@ body {
   height: auto;
   min-height: 40px;
   max-height: 40px;
-  width: 43%;
+  width: 175px;
   padding: 0; }
 
 .upload-hidden {
@@ -19611,19 +19614,154 @@ body {
   margin-bottom: 10px; }
 
 .upload-file-input {
-  width: 43%;
-  min-height: 42px;
-  max-height: 42px;
-  top: 5px;
-  left: 5px; }
+  position: absolute;
+  opacity: 0;
+  width: 175px;
+  max-width: 90%;
+  min-height: 50px;
+  max-height: 50px;
+  top: 10px;
+  left: 15px; }
 
 .error-text {
   color: red; }
 
+.close-btn {
+  background-color: linear-gradient(135deg, #2563eb, #1e40af);
+  padding: 8px 16px; }
+
+.advisory-text {
+  font-size: 13px;
+  color: red;
+  margin: 0; }
+
+.upload-file-new {
+  min-height: 56px;
+  position: relative;
+  border-width: 1px;
+  --border-opacity:1;
+  border-color: #464646;
+  border-color: rgba(70, 70, 70, var(--border-opacity));
+  width: 100%;
+  border-radius: 10px; }
+  .upload-file-new div {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    height: 100%;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    padding-left: 16px;
+    margin-top: 8px;
+    margin-bottom: 8px;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    border-radius: 10px; }
+    .upload-file-new div .file-upload-status {
+      font-size: 16px;
+      line-height: 24px;
+      margin-left: 8px; }
+
+.inbox-name {
+  padding-left: 30px; }
+
+.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); }
+
+.action-bar-wrap-menu {
+  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 -2px 8px;
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
+  z-index: 100;
+  height: auto;
+  position: absolute;
+  --bg-opacity:1;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+  text-align: right;
+  top: 100%;
+  left: 0;
+  width: 100%; }
+  .action-bar-wrap-menu div {
+    width: 100%; }
+  .action-bar-wrap-menu .menu-wrap-position {
+    position: absolute;
+    --bg-opacity:1;
+    background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+    text-align: left;
+    margin-bottom: 4px;
+    z-index: 30;
+    cursor: pointer;
+    top: 100%;
+    left: 0;
+    -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
+    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+    width: auto;
+    min-width: 200px;
+    max-width: calc(100% - 16px);
+    padding: 2px; }
+    .action-bar-wrap-menu .menu-wrap-position div {
+      height: 3rem;
+      padding-left: 8px;
+      padding-top: 16px;
+      padding-bottom: 16px;
+      font-size: 16px;
+      line-height: 24px;
+      --text-opacity:1;
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity)); }
+      .action-bar-wrap-menu .menu-wrap-position div:hover {
+        --bg-opacity:1;
+        background-color: #eee;
+        background-color: rgba(238, 238, 238, var(--bg-opacity));
+        width: 100%; }
+
+.card-dropdown-wrapper {
+  position: relative; }
+
 @media (max-width: 768px) {
   .upload-tag-container {
     width: 80%; } }
 
+.inbox-name {
+  font-size: 32px;
+  font-family: Noto Sans,sans-serif;
+  color: #000;
+  display: inline;
+  padding-left: 180px; }
+
 .bpa-site-photograph-container {
   padding: 50px 0;
   display: -webkit-box;
@@ -19661,6 +19799,739 @@ 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; }
+
+.TL-Tradetype-disabled {
+  height: 50px !important;
+  border: 1px solid #d1d5db !important;
+  border-radius: 8px !important;
+  background-color: #fafafa !important;
+  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;
+  padding-left: 10px !important;
+  font-size: 16px !important;
+  color: #333 !important;
+  margin-bottom: 8px !important; }
+
+.TL-new-application-btn {
+  background: linear-gradient(135deg, #2563eb, #1e40af) !important;
+  color: #fff !important;
+  border: none !important;
+  border-radius: 4px !important;
+  padding: 10px 20px !important;
+  font-size: 16px !important;
+  font-weight: 500 !important;
+  cursor: pointer !important; }
+
+.TL-plus-icon {
+  font-size: 24px !important;
+  font-weight: 700 !important;
+  line-height: 1 !important; }
+
 .display-none {
   display: none; }
 
@@ -20487,7 +21358,6 @@ body {
 
 .options-card {
   max-height: 350px;
-  min-height: 20px;
   overflow-y: auto;
   overflow-x: hidden;
   border: 1px solid #ccc;
@@ -20495,8 +21365,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;
@@ -21863,3 +22732,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%; } }