@pmidc/upyog-css 1.2.42 → 1.2.44

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;
@@ -4062,7 +4065,6 @@ body {
   color: #475569;
   vertical-align: middle;
   font-size: 14px;
-  word-break: break-word;
   -webkit-transition: color .2s ease;
   transition: color .2s ease;
   border-right: 1px solid transparent;
@@ -19590,7 +19592,7 @@ body {
   height: auto;
   min-height: 40px;
   max-height: 40px;
-  width: 43%;
+  width: 175px;
   padding: 0; }
 
 .upload-hidden {
@@ -19611,15 +19613,62 @@ 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;
@@ -19705,6 +19754,13 @@ body {
   .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;
@@ -19742,6 +19798,724 @@ 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; }
+
 .display-none {
   display: none; }
 
@@ -20568,7 +21342,6 @@ body {
 
 .options-card {
   max-height: 350px;
-  min-height: 20px;
   overflow-y: auto;
   overflow-x: hidden;
   border: 1px solid #ccc;
@@ -20576,8 +21349,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;
@@ -21935,12 +22707,6 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
 .margin-right-50 {
   margin-right: 50px; }
 
-.engagementForm {
-  width: 70%; }
-  @media (max-width: 768px) {
-    .engagementForm {
-      width: 100%; } }
-
 .surveyCardSection {
   background: #fff;
   display: block;
@@ -21951,32 +22717,17 @@ input[type=date], .checkbox-wrap .input-emp[type=date] {
     .surveyCardSection {
       width: 100%; } }
 
-.hrms-text-transform {
-  text-transform: none !important; }
-
 .noc-popupStyles {
   width: unset;
   min-width: 360px;
   max-width: 600px;
   padding: 20px; }
 
-.security-banner {
-  width: 100%;
-  max-width: 920px;
-  margin: 1px auto 20px;
-  padding: 16px 24px;
-  border-radius: 12px;
-  background: -webkit-gradient(linear, left top, right top, from(#1e4db7), to(#3a7bd5));
-  background: linear-gradient(90deg, #1e4db7, #3a7bd5);
-  color: #fff;
-  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  grid-gap: 14px;
-  gap: 14px;
-  -webkit-box-align: start;
-  -ms-flex-align: start;
-  align-items: flex-start;
-  line-height: 1.6; }
+.engagementForm {
+  width: 70%; }
+  @media (max-width: 768px) {
+    .engagementForm {
+      width: 100%; } }
+
+.hrms-text-transform {
+  text-transform: none !important; }