:root {
  /* Colors */
  --color-white: #FFF;
  --color-black: #000;
  --color-dark: #1A1A1A;
  --color-primary: #1E398D;
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 30, 57, 141;
  --color-primary-disabled: #1E398D99;
  --color-secondary-blue: #236999;
  --color-light-primary: #E2E8FF;
  --color-mint-blue: #F4F6FF;
  --color-green: #27AD4A;
  --color-success: #8DC63F;
  --color-danger: #E55451;
  --color-warning: #ECA008;
  --color-water: #01A2C2;
  --color-light-water: #CFF0F8;
  --color-lavender: #9853EB;
  --color-soft-lavender: #EBEBFF;
  --color-azure: #0B99FF;
  --color-soft-azure: #E5F4FF;
  --color-orange: #FF5C16;
  --color-soft-orange: #FFDFCB;
  --color-pale-blue: #C4ECFF;
  --color-light-blue: #D1E2FF;
  --color-popover-blue: #1E6BB8;
  --color-gray-border: #D0D0D0;
  --color-light-gray: #F9F9F9;
  --color-gray-muted: #CDCDCD;

  /* Alpha / Tint Colors */
  --color-dark-50: #1A1A1A50;
  --color-light-green: #27AD4A12;
  --color-light-green-bg: #27AD4A1F;
  --color-green-border: #27AD4A1A;
  --color-green-transparent: #27AD4B00;
  --color-green-hover: #27AD4B33;
  --color-green-active: #27AD4BE8;
  --color-light-danger: #E5545112;
  --color-light-danger-bg: #E554511F;
  --color-danger-border: #E554511A;
  --color-danger-transparent: #E5545100;
  --color-danger-hover: #E5545136;
  --color-soft-warning: #ECA00812;
  --color-light-warning-bg: #ECA0081F;
  --color-warning-border: #ECA0081A;
  --color-warning-status-bg: #FBEAC74D;
  --color-light-primary-12: #1E398D12;
  --color-primary-hover: #1E398D50;
  --color-light-primary-transparent: #E2E8FF00;
  --color-light-primary-40: #E2E8FF40;
  --color-light-gray-12: #8C8C8C12;

  /* OTP Input Box Sizing Variables */
  --otp-box-max-width: 4.5rem;
  --otp-box-height: 3.5rem;
}

/* Font Size Utilities */
.fs-10 {
  font-size: clamp(0.5rem, -0.2273rem + 1.5152vw, 0.625rem)
}

.fs-11 {
  font-size: clamp(0.5625rem, -0.1648rem + 1.5152vw, 0.6875rem);
}

.fs-12 {
  font-size: clamp(0.625rem, 0.4515rem + 0.4819vw, 0.75rem);
}

.fs-13 {
  font-size: clamp(0.75rem, 0.6719rem + 0.25vw, 0.8125rem);
}

.fs-14 {
  font-size: clamp(0.75rem, 0.5765rem + 0.4819vw, 0.875rem) !important;
}

.fs-15 {
  font-size: clamp(0.8125rem, 0.639rem + 0.4819vw, 0.9375rem);
}

.fs-16 {
  font-size: clamp(0.875rem, 0.7015rem + 0.4819vw, 1rem);
}

.fs-18 {
  font-size: clamp(1rem, 0.8265rem + 0.4819vw, 1.125rem);
}

.fs-20 {
  font-size: clamp(1.125rem, 0.9515rem + 0.4819vw, 1.25rem);
}

.fs-22 {
  font-size: clamp(1.25rem, 1.0765rem + 0.4819vw, 1.375rem);
}

.fs-24 {
  font-size: clamp(1.375rem, 1.2015rem + 0.4819vw, 1.5rem);
}

.fs-26 {
  font-size: clamp(1.5rem, 1.3265rem + 0.4819vw, 1.625rem);
}

.fs-28 {
  font-size: clamp(1.625rem, 1.4515rem + 0.4819vw, 1.75rem);
}

.fs-30 {
  font-size: clamp(1.625rem, 1.278rem + 0.9639vw, 1.875rem);
}

.fs-32 {
  font-size: clamp(1.75rem, 1.403rem + 0.9639vw, 2rem);
}

.fs-34 {
  font-size: clamp(1.875rem, 1.528rem + 0.9639vw, 2.125rem);
}

.fs-35 {
  font-size: clamp(1.625rem, 0.8443rem + 2.1687vw, 2.1875rem);
}

.fs-36 {
  font-size: clamp(2rem, 1.653rem + 0.9639vw, 2.25rem);
}

.fs-42 {
  font-size: clamp(2rem, 1.1325rem + 2.4096vw, 2.625rem);
}

.fs-46 {
  font-size: clamp(2.25rem, 1.3825rem + 2.4096vw, 2.875rem);
}

.fs-52 {
  font-size: clamp(2.25rem, 0.862rem + 3.8554vw, 3.25rem);
}

html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: .5rem;
  background-color: transparent;
  border-radius: 1.25rem;
  height: .375rem;
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-border);
  border-radius: 1.25rem;
}

.font-Kapakana {
  font-family: 'Kapakana';
}

a {
  text-decoration: none;
}

p:last-child {
  margin-bottom: 0;
}

@media (max-width:992px) {
  .br {
    display: none;
  }
}

.min-h-auto {
  min-height: auto !important
}

.flex-basis-0 {
  flex-basis: 0;
}

.mx-w-115px {
  width: min(100%, 7.1875rem);
}

.mx-w-180px {
  width: min(100%, 11.25rem);
}

.br-20px {
  --border-radius-20: 1.25rem;
  border-radius: var(--border-radius-20);
}

.border-top-left-40px {
  border-top-left-radius: 40px;
}

.border-top-right-40px {
  border-top-right-radius: 40px;
}

.border-solid {
  border-style: solid !important
}

.card.br-20px .card-header {
  border-top-right-radius: var(--border-radius-20);
  border-top-left-radius: var(--border-radius-20);
}

.text-gray {
  color: #8C8C8C;
}

.text-secondary-blue {
  color: var(--color-secondary-blue);
}

.text-blue {
  color: #2D3648;
}

.text-green {
  color: var(--color-green);
}

.bg-mint-blue {
  background-color: var(--color-mint-blue) !important;
}

.bg-bright-gray {
  background-color: #E5EDF3 !important;
}

.bg-light-green {
  background-color: var(--color-light-green);
}

.bg-light-danger {
  background-color: var(--color-light-danger);
}

.bg-soft-water {
  background-color: #CFF0F8B2;
}

.bg-light-water {
  background-color: var(--color-light-water);
}

.bg-water {
  background-color: var(--color-water);
}

.bg-snowy-mint {
  background-color: #DDFFE1;
}

.bg-pattens-blue {
  background-color: var(--color-soft-azure);
}

.bg-beige {
  background-color: #FFEFD8;
}

.bg-soft-lavender {
  background-color: var(--color-soft-lavender);
}

.bg-secondary-blue {
  background-color: var(--color-secondary-blue) !important;
}

.bg-soft-waring,
.bg-soft-warning {
  background-color: var(--color-soft-warning);
}

.bg-secondary-soft-blue {
  background-color: #23699912;
}

.bg-azure {
  background-color: var(--color-azure);
}

.bg-soft-azure {
  background-color: var(--color-soft-azure);
}

.bg-purple {
  background-color: #8538E5;
}

.bg-soft-purple {
  background-color: #F1E5FF;
}

.text-lavender {
  color: var(--color-lavender)
}

.text-azure {
  color: var(--color-azure);
}

.value-light-gray[value],
input[readonly] {
  color: var(--color-dark-50) !important;
}

.form-control:disabled,
.input:disabled,
.select:disabled {
  color: var(--color-dark-50) !important;
  background-color: var(--color-white);
}

.btn-46 {
  width: 2.875rem;
  height: 2.875rem;
}

.mt-n103 {
  margin-top: -6.4375rem;
}

.p-5px {
  padding: .3125rem;
}

.bg-light-success {
  background-color: #8CC63F1A;
}

.select2-search--dropdown .select2-search__field:focus-visible {
  outline: none;
}

.btn-primary {
  --bs-btn-color: var(--color-white);
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-color: var(--color-white);
  --bs-btn-hover-bg: #162c70;
  --bs-btn-hover-border-color: #162c70;
  --bs-btn-focus-shadow-rgb: 30, 57, 141;
  --bs-btn-active-color: var(--color-white);
  --bs-btn-active-bg: #162c70;
  --bs-btn-active-border-color: #162c70;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-white);
  --bs-btn-disabled-bg: var(--color-primary-disabled);
  --bs-btn-disabled-border-color: var(--color-primary-disabled);
  --bs-btn-disabled-opacity: 1;
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--color-primary-disabled) !important;
  border-color: var(--color-primary-disabled) !important;
  color: var(--color-white) !important;
  opacity: 1 !important;
}

.btn-light-primary {
  --bs-btn-color: var(--color-primary);
  --bs-btn-bg: var(--color-light-primary);
  --bs-btn-border-color: var(--color-light-primary);
  --bs-btn-hover-color: var(--color-primary);
  --bs-btn-hover-bg: var(--color-primary-hover);
  --bs-btn-hover-border-color: var(--color-light-primary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--color-primary);
  --bs-btn-active-bg: var(--color-primary-hover);
  --bs-btn-active-border-color: var(--color-light-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-primary);
  --bs-btn-disabled-bg: #E2E8FF50;
  --bs-btn-disabled-border-color: var(--color-light-primary-transparent)
}

.btn-light-danger {
  --bs-btn-color: var(--color-danger);
  --bs-btn-bg: var(--color-light-danger-bg);
  --bs-btn-border-color: var(--color-danger-transparent);
  --bs-btn-hover-color: var(--color-danger);
  --bs-btn-hover-bg: var(--color-danger-hover);
  --bs-btn-hover-border-color: var(--color-light-danger-bg);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--color-danger);
  --bs-btn-active-bg: var(--color-danger-hover);
  --bs-btn-active-border-color: var(--color-danger-transparent);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-danger);
  --bs-btn-disabled-bg: var(--color-light-danger-bg);
  --bs-btn-disabled-border-color: var(--color-light-danger-bg)
}

.btn-light-green {
  --bs-btn-color: var(--color-green);
  --bs-btn-bg: var(--color-light-green-bg);
  --bs-btn-border-color: var(--color-green-transparent);
  --bs-btn-hover-color: var(--color-green);
  --bs-btn-hover-bg: var(--color-green-hover);
  --bs-btn-hover-border-color: var(--color-green-transparent);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--color-green);
  --bs-btn-active-bg: var(--color-green-hover);
  --bs-btn-active-border-color: var(--color-green-transparent);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-green);
  --bs-btn-disabled-bg: var(--color-light-green-bg);
  --bs-btn-disabled-border-color: var(--color-light-green-bg)
}

.btn-green {
  --bs-btn-color: var(--color-white);
  --bs-btn-bg: var(--color-green);
  --bs-btn-border-color: var(--color-green);
  --bs-btn-hover-color: var(--color-white);
  --bs-btn-hover-bg: var(--color-green-active);
  --bs-btn-hover-border-color: var(--color-green);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--color-white);
  --bs-btn-active-bg: var(--color-green-active);
  --bs-btn-active-border-color: var(--color-green-transparent);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-white);
  --bs-btn-disabled-bg: #27AD4A50;
  --bs-btn-disabled-border-color: var(--color-light-primary-transparent)
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: .625rem 1.25rem;
  border-radius: 100px;
}

.badge-xs {
  font-size: clamp(0.625rem, 0.4515rem + 0.4819vw, 0.75rem);
  font-weight: 500;
  padding: .125rem .875rem;
  min-height: 1.625rem;
}

.badge-sm {
  font-size: clamp(0.75rem, 0.5765rem + 0.4819vw, 0.875rem);
  padding: .625rem 1.125rem;
  min-height: 2.5rem;
}

.badge-soft-primary {
  background-color: var(--color-mint-blue) !important;
  color: var(--color-secondary-blue) !important;
}

.badge-soft-waring,
.badge-soft-warning {
  background-color: var(--color-soft-warning) !important;
  color: var(--color-warning) !important;
}

.badge-soft-danger {
  background-color: var(--color-light-danger) !important;
  color: var(--color-danger) !important;
}

.badge-soft-green {
  background-color: var(--color-light-green) !important;
  color: var(--color-green) !important;
}

.badge-soft-lavender {
  background-color: var(--color-soft-lavender) !important;
  color: var(--color-lavender) !important;
}

.badge-soft-water {
  background-color: var(--color-light-water) !important;
  color: var(--color-water) !important;
}

.badge-pale-blue {
  background-color: var(--color-pale-blue);
  color: #3B9CCA;
}

.badge-light-blue {
  background-color: var(--color-light-primary);
  color: #1E398D;
}

.badge-soft-orange {
  background-color: var(--color-soft-orange) !important;
  color: var(--color-orange) !important;
}

.badge-light-primary {
  background-color: var(--color-light-primary-12);
  color: var(--color-primary);
}

.badge-soft-azure {
  background-color: var(--color-soft-azure);
  color: var(--color-azure);
}

.badge-green {
  background-color: var(--color-green);
  color: var(--color-white);
}

.badge-danger {
  background-color: var(--color-danger);
  color: var(--color-white);
}

.badge-soft-gray {
  background-color: #D0D0D030;
  color: var(--color-dark);
}

.bg-green {
  background-color: var(--color-green);
}

.bg-soft-primary {
  background-color: #E2E8FF66;
}

.bg-light-primary {
  background-color: var(--color-light-primary);
}

.card-light-blue {
  background-color: var(--color-light-primary);
  border-color: #1E398D1A;
}

.card-light-green {
  background-color: var(--color-light-green-bg);
  border-color: var(--color-green-border);
}

.card-light-pending {
  background-color: var(--color-light-warning-bg);
  border-color: var(--color-light-warning-bg);
}

.card-light-danger {
  background-color: var(--color-light-danger-bg);
  border-color: var(--color-danger-border);
}

.nav-pills .nav-link.active-success.active,
.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--color-success);
}

.flex-center {
  align-items: center;
  justify-content: center;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.form-control-solid {
  background-color: var(--color-light-gray);
}

.form-control-solid:focus {
  background-color: var(--color-light-gray);
}

.bg-light-gray {
  background-color: var(--color-light-gray) !important
}

.min-h-597px {
  min-height: 37.3125rem;
}

.min-w-150px {
  width: min(100%, 9.375rem);
}

.min-w-130px {
  width: min(100%, 130px);
}

.min-w-388px {
  width: min(100%, 24.25rem);
}

.min-w-154px {
  width: min(100%, 9.625rem);
}

.min-w-80px {
  min-width: 80px;
}

.min-h-54px {
  min-height: 54px;
}

.dropdown-menu {
  border: none;
  padding-block: .75rem;
  box-shadow: 0px 10px 20px 10px #0000001A;
}

.separated-dash {
  border-bottom: 1px dashed var(--color-gray-border);
}

.cursor-pointer {
  cursor: pointer;
}

.multiselect-container.dropdown-menu {
  width: 100%
}

table:last-child {
  margin-bottom: 0
}

.otp-input-box {
  max-width: var(--otp-box-max-width, 4.5rem);
  height: var(--otp-box-height, 3.5rem);
}

.input-group-icon {
  position: relative;
}

.custom-check-box>input+.check-div {
  cursor: pointer;
  background-color: var(--color-light-gray);
  padding: 0.875rem 1.313rem;
  border: 0.5px solid var(--color-gray-border);
  line-height: normal;
}

.custom-check-box>input+.check-div-sm {
  min-width: 5.1875rem;
  padding: .8125rem .625rem;
}

.custom-check-box>input+.check-div .check-svg {
  display: none;
}

.custom-check-box>input:checked+.check-div {
  color: #353755;
  background-color: #E0E4EE;
}

.custom-check-box>input+.check-div.check-radio {
  min-width: 26px;
  width: 26px;
  height: 26px;
  border: 1px solid var(--color-gray-border);
  padding: 4px;
  border-radius: 50%;
}

.custom-check-box>input+.check-div-sm.check-radio {
  min-width: 20px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-gray-border);
  border-radius: 50%;
}

.custom-check-box>input+.check-div-md.check-radio {
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.custom-check-box>input:checked+.check-div.check-radio {
  content: url(../img/icon/check-white.svg);
  border-color: var(--color-secondary-blue) !important;
  background-color: var(--color-secondary-blue) !important;
}

.custom-check-box>input:checked+.check-div .check-svg {
  display: block;
}

.custom-check-box>input:focus-visible+.check-div {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.custom-check-box>input:checked+.check-div.check-active-green {
  border-color: var(--color-success) !important;
  background-color: var(--color-success) !important;
  color: var(--color-white) !important;
}

.custom-check-box>input:checked+.check-div.check-active-green .check-svg path {
  stroke: var(--color-white) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-green {
  border-color: var(--color-success);
  background-color: #FBFFF5;
}

.custom-check-box>input:checked+.check-div.check-active-light-pale-blue {
  border-color: var(--color-pale-blue) !important;
  background-color: var(--color-pale-blue) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-blue {
  border-color: var(--color-light-primary) !important;
  background-color: var(--color-light-primary) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-warring,
.custom-check-box>input:checked+.check-div.check-active-light-warning {
  border-color: var(--color-soft-warning) !important;
  color: var(--color-warning);
  background-color: var(--color-soft-warning) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-danger {
  border-color: var(--color-light-danger) !important;
  color: var(--color-danger);
  background-color: var(--color-light-danger) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-green2 {
  border-color: var(--color-light-green) !important;
  color: var(--color-green);
  background-color: var(--color-light-green) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-lavender {
  border-color: var(--color-soft-lavender) !important;
  color: var(--color-lavender);
  background-color: var(--color-soft-lavender) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-water {
  border-color: var(--color-light-water) !important;
  color: var(--color-water);
  background-color: var(--color-light-water) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-upgrade {
  border-color: var(--color-light-green) !important;
  color: var(--color-green);
  background-color: var(--color-light-green) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-gray {
  border-color: var(--color-light-gray-12) !important;
  color: var(--color-dark);
  background-color: var(--color-light-gray-12) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-orange {
  border-color: var(--color-soft-orange) !important;
  color: var(--color-orange);
  background-color: var(--color-soft-orange) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-azure {
  border-color: var(--color-soft-azure) !important;
  color: var(--color-azure);
  background-color: var(--color-soft-azure) !important;
}

.custom-check-box>input:checked+.check-div.check-active-light-primary {
  border-color: var(--color-light-primary-12) !important;
  color: var(--color-primary);
  background-color: var(--color-light-primary-12) !important;
}

.form-range::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) var(--value, 0%), var(--color-light-primary) var(--value, 0%), var(--color-light-primary) 100%);
}

.input-group-icon .left-icon {
  position: absolute;
  top: .99rem;
  left: 1.23rem;
  background-color: transparent;
  width: 1.5rem;
  height: 1.5rem;
  display: grid;
  place-items: center;
  z-index: 1;
}

.input-group-icon.input-group-lg .left-icon {
  top: 1rem;
  left: 1rem;
}


/* Right icon styles */
.input-group-icon .right-icon {
  position: absolute;
  top: .9688rem;
  right: 1.23rem;
  background-color: transparent;
  width: 1.5rem;
  height: 1.5rem;
  display: grid;
  place-items: center;
  z-index: 1;
  border: none;
  padding: 0;
  cursor: pointer;
}

.input-group-icon .right-icon:focus {
  outline: none;
}

.input-group-icon .right-icon:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

.input-group-icon.input-group-lg .right-icon {
  width: 1.5rem;
  top: 1.1875rem;
  right: 1rem;
}

.input-group-icon.input-group-md .right-icon {
  top: .75rem;
}

.input-group-icon.input-group-sm .right-icon {
  top: .5rem;
}

.page-wrapper {
  background-color: var(--color-mint-blue);
  padding-top: 0;
  display: flex;
  align-items: start;
  position: relative;
  min-height: 100vh;
}

.main-layout {
  flex-grow: 1;
  flex-shrink: 1;
  /* flex-basis: 0; */
  min-width: 0;
}

.main-layout .dashboard-layout {
  height: calc(100% - 4.5625rem);
  padding: 1.375rem;
}

.main-layout .dashboard-layout .dashboard-body {
  --border-radius-dashboard-body: 1.25rem;
  border-radius: var(--border-radius-dashboard-body);
  border: 0.5px solid var(--color-gray-border);
  background: var(--color-white);
  height: 100%;
  min-height: calc(100vh - 7.3125rem);
}

.main-layout .dashboard-layout .dashboard-body:has(.app-review-progress) {
  min-height: auto;
}

.main-layout .dashboard-layout .dashboard-body .first-card {
  border-radius: var(--border-radius-dashboard-body);
  border: none;
}

.main-layout .dashboard-layout .dashboard-body .first-card .card-header {
  border-top-right-radius: var(--border-radius-dashboard-body);
  border-top-left-radius: var(--border-radius-dashboard-body);

}

.aside-body {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 6.875rem;
  border-radius: 0;
  background: var(--color-primary);
  height: 100vh;
  transition: width 0.3s ease;
  overflow: visible;
  z-index: 999;
}

.aside-body.expanded {
  width: 16.125rem;
}

.aside-body .nav-logo {
  padding: .9375rem 1.125rem;
  border-bottom: 0.5px solid#D0D0D040;
}

.aside-body .sidebar-wrapper {
  padding: 1.5rem 1.75rem;
  max-height: (100vh - 9.375rem);
  overflow-y: auto;
  overflow-x: hidden;
}

.aside-body .btn-menu {
  padding: .9375rem 1.75rem;
}

.aside-body .sidebar-menu {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.aside-body .sidebar-menu .list-item {
  margin: .625rem 0;
}

.sidebar-menu .link-item {
  display: flex;
  align-items: center;
  color: var(--color-light-primary);
  padding: 10px;
  text-decoration: none;
  position: relative;
  border-radius: 20px;
  border-bottom-right-radius: 2px;
  transition: background-color 0.3s;
}

.sidebar-menu .link-item svg {
  flex-shrink: 0;
  color: var(--color-white);
  opacity: 0.3;
}

.sidebar-menu .link-item.active {
  background-color: #FFFFFF10;
  color: var(--color-white);
}

.sidebar-menu .link-item.active svg {
  opacity: 1;
}

.aside-body.expanded .sidebar-menu .link-item .menu-text {
  display: inline;
  transform: none;
  padding: 0;
}

.aside-body .sidebar-menu .link-item .menu-text {
  font-size: .875rem;
  font-weight: 500;
  margin-left: .625rem;
  text-wrap: nowrap;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main-layout .navbar .nav-list {
  padding: 3.125rem 1.25rem;
  list-style: none;
  align-items: center;
  gap: clamp(0.5rem, -0.1057rem + 0.978vw, 0.75rem);
}

.main-layout .navbar .nav-list .nav-link {
  font-size: .875rem;
  font-weight: 500;
  background-color: var(--color-white);
  border-radius: .625rem;
  padding: .6875rem clamp(1rem, 0.5457rem + 0.7335vw, 1.1875rem);
}

.main-layout .navbar .nav-list .nav-link.active {
  background-color: var(--color-light-primary);
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width:991px) {
  .page-wrapper.fit-screen {
    align-items: normal;
    max-height: 100vh;
    overflow: hidden;
  }

  .page-wrapper.fit-screen .aside-body {
    position: relative;
    top: 0;
  }

  .page-wrapper.fit-screen .main-layout .dashboard-layout {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }

  .page-wrapper.fit-screen .main-layout .dashboard-layout .dashboard-body {
    flex: 1 1 1rem;
    overflow: auto;
  }

  .nav-popover {
    --bs-popover-bg: var(--color-black);
    --bs-popover-body-color: var(--color-white);
    --bs-popover-header-bg: var(--color-popover-blue);
    --bs-popover-header-color: var(--color-white);
    --bs-popover-border-color: var(--color-primary);
    z-index: 9999;
  }

  .nav-popover .popover-body {
    font-size: .9375rem;
    line-height: normal;
    padding: .8125rem .75rem;
  }

  .aside-body .nav-logo {
    flex-shrink: 0;
  }

  .aside-body .nav-logo .expanded-logo {
    display: none;
  }

  .aside-body.expanded .nav-logo .expanded-logo {
    display: block;
  }

  .aside-body.expanded .nav-logo .logo-hide {
    display: none;
  }

  .sidebar-menu .link-item .menu-text {
    display: none;
  }

  .main-layout .navbar .nav-list {
    padding: 0;
    flex-grow: 1;
    overflow-x: auto;
    text-wrap: nowrap;
  }

  .main-layout .navbar .nav-list::-webkit-scrollbar {
    height: 1px;
  }

  .navbar div.d-flex:last-child {
    flex-shrink: 0 !important;
  }

  .main-layout .navbar .nav-list .nav-link {
    font-size: clamp(0.75rem, 0.2957rem + 0.7335vw, 0.9375rem);
    border-radius: 6.25rem;
  }

}

@media (max-width: 991px) {
  .aside-body .nav-logo .logo-hide {
    display: none;
  }

  .aside-body {
    position: fixed;
    top: 1.25rem;
    bottom: 1.25rem;
    left: -20rem;
    width: 18.75rem;
    transition: left 0.3s ease;
    z-index: 9999;
  }

  .aside-body {
    top: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
  }

  .aside-body.open {
    top: 0;
    margin: 0;
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
  }

  .main-layout .navbar .nav-list {
    position: fixed;
    top: 0;
    left: -100%;
    width: min(100%, 18.75rem);
    background-color: var(--color-white);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: start;
    overflow: auto;
    height: 100%;
    transition: left 0.3s ease;
    z-index: 9999;
  }

  .main-layout .navbar .nav-list li {
    width: 100%;
  }

  .main-layout .navbar .nav-list.open {
    top: 0;
    left: 0;
  }
}

.main-layout .navbar .avatar+.d-none.d-xl-inline-block {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60px;
}

.main-layout .navbar {
  position: sticky;
  top: 0px;
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  z-index: 999;
  flex-wrap: nowrap;
  gap: .9375rem;
  padding: 1.1875rem 1.375rem;
  border-bottom: 0.5px solid var(--color-gray-border)
}

@media (max-width:557px) {
  .main-layout .navbar {
    gap: 0;
  }
}

.main-layout .navbar .dropdown .dropdown-menu {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: 0;
  padding: 1.25rem 1.125rem;
}

.notifications-dropdown .notifications-body {
  max-height: 22.5625rem;
  overflow-y: auto;
}

.notifications-dropdown .notifications-body .notifications-items {
  display: block;
  color: var(--color-dark);
  padding: .9375rem 1.25rem;
  border-bottom: 0.5px solid var(--color-gray-border);
}

.notifications-dropdown .notifications-body .notifications-items:last-child {
  border: none;
}

@media (max-width:576px) {
  .main-layout .navbar .notifications-dropdown.dropdown .dropdown-menu {
    min-width: max(328px, 100%) !important;
    left: 100%;
    transform: translate(-56%);
  }
}

.avatar {
  display: grid;
  place-items: center;
  border-radius: 50%;
}

.avatar.avatar-44 {
  width: 2.75rem;
  height: 2.75rem;
}

.auth-bg {
  position: relative;
  background: linear-gradient(250.97deg, #124484 4.29%, var(--color-primary) 99.17%);
  background-attachment: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(0.9375rem, -4.1157rem + 8.1585vw, 3.125rem) 0;
  min-height: 100vh;
}

@media (min-width:991px) {
  .auth-bg {
    height: 100vh;
    overflow: hidden;
  }

  .auth-sec {
    overflow: auto;
    height: 100vh;
  }
}

@media (max-width:991px) {
  .auth-side-img-box {
    height: 315px !important;
  }
}

.auth-width {
  width: min(100%, 461px);
}

.modal-close-btn {
  position: absolute;
  max-width: clamp(1.875rem, 1.0075rem + 2.4096vw, 2.5rem);
  top: clamp(0.625rem, -0.2425rem + 2.4096vw, 1.25rem);
  right: clamp(0.625rem, -0.2425rem + 2.4096vw, 1.25rem);
  cursor: pointer;
}

.otp-input-box {
  max-width: var(--otp-box-max-width, 4.5rem);
  height: var(--otp-box-height, 3.5rem);
  font-size: var(--otp-box-font-size, 1.25rem);
}

#register-navbar.scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-block: .625rem !important;
  background-color: var(--color-primary);
  z-index: 999;
  transition: background-color 0.3s ease, top 0.3s ease;
}

@media (min-width:991px) {
  .register-page {
    min-height: 100vh;
    padding-bottom: 120px;
    /* height: calc(100vh - 88px); */
    /* overflow: hidden; */
  }

  .register-page .register-body {
    height: calc(100% - 250px);
    min-height: 180px;
  }
}

.register-page {
  background-color: var(--color-mint-blue);
}

.register-page .auth-bg {
  background-position: top center;
  min-height: 19.3125rem;
  padding: 0;
}

.step-indicators {
  display: flex;
  justify-content: center;
  gap: 3.125rem;
  width: 100%;
}

.step-indicators .step-number {
  cursor: pointer;
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--color-white);
  color: var(--color-dark);
  font-size: clamp(1.125rem, 0.9515rem + 0.4819vw, 1.25rem);
  display: grid;
  place-items: center;
  margin-bottom: 0;
  z-index: 0;
}

.step-indicators .step-number.step-number-gray {
  background-color: var(--color-light-gray);
  border: 1px solid var(--color-gray-border);
}

.step-indicators .step-number::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  border-bottom: 1px dashed var(--color-gray-border);
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.step-indicators .step:last-child .step-number::after {
  display: none;
}

.step-indicators .step .step-number .img-check {
  display: none;
}

.step-indicators .step.complete .step-number .number-text {
  display: none;
}

.step-indicators .step.complete .step-number .img-check {
  display: block;
}

.step-indicators .step.complete .step-number {
  background-color: var(--color-success);
}

.step-indicators .step.current .step-number {
  background-color: var(--color-secondary-blue);
  color: var(--color-white);
}

.step-body {
  display: none;
}

.step-body.current {
  display: block;
}

.profile-layout {
  min-height: 100vh;
}

@media (min-width:991px) {
  .profile-layout {
    height: 100vh;
    overflow: hidden;
  }
}

.profile-sidebar {
  width: 340px;
  min-width: 340px;
  background-color: var(--color-primary);
  padding: 2.5rem 1.875rem;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.profile-header {
  background-color: #F4F6FF;
}

/* Vertical Step Indicators */
.step-indicators-vertical {
  --step-gap: 2.75rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--step-gap);
  width: 100%;
}

.step-indicators-vertical .step {
  position: relative;
}

.step-indicators-vertical .step-indicator-wrapper {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding-block: 5px;
}

@media (max-width:991px) {
  .step-indicators-vertical .step-indicator-wrapper {
    padding-inline: 5px;
  }
}

.step-indicators-vertical .step-number {
  position: relative;
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background-color: transparent;
  border: 2px solid #6274AF;
  color: #6274AF;
  font-size: 1.125rem;
  font-weight: 700;
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s ease;
}

.step-indicators-vertical .step-number::after {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(var(--step-gap) + 2px);
  border-bottom: none;
  background-color: #6274AF;
  left: 50%;
  top: 114%;
  transform: translateX(-50%);
  z-index: 0;
  transition: background-color 0.3s ease;
}

.step-indicators-vertical .step:last-child .step-number::after {
  display: none;
}

.step-indicators-vertical .step.complete .step-number::after {
  background-color: #FFFFFF;
}

.step-indicators-vertical .step .step-number .img-check {
  display: none;
}

.step-indicators-vertical .step.complete .step-number .number-text {
  display: none;
}

.step-indicators-vertical .step.complete .step-number .img-check {
  display: block;
}

.step-indicators-vertical .step.complete .step-number {
  background-color: #27AD4A !important;
  border-color: #27AD4A !important;
  color: #FFFFFF !important;
}

.step-indicators-vertical .step.current .step-number {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: var(--color-primary) !important;
}

.step-indicators-vertical .step-title {
  color: #6274AF;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
  transition: color 0.3s ease;
}

.step-indicators-vertical .step.current .step-title,
.step-indicators-vertical .step.complete .step-title {
  color: #FFFFFF;
}

@media (max-width: 991px) {
  .profile-layout {
    flex-direction: column;
  }

  .profile-sidebar {
    width: 100%;
    min-width: 100%;
    padding: 1.25rem 1rem;
  }

  .profile-sidebar-logo {
    text-align: center;
    margin-bottom: 1.25rem !important;
  }

  .profile-sidebar-logo img {
    max-height: 48px;
    width: auto;
  }

  .step-indicators-vertical {
    --step-gap: clamp(2.5rem, 12vw, 4.5rem);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: var(--step-gap);
    margin-top: 0.5rem;
  }

  .step-indicators-vertical .step-title {
    display: none !important;
  }

  .step-indicators-vertical .step-number {
    width: 44px;
    height: 44px;
    min-width: 44px;
    font-size: 1rem;
  }

  .step-indicators-vertical .step-number::after {
    width: calc(var(--step-gap) + 2px);
    height: 2px;
    left: 115%;
    top: 50%;
    transform: translateY(-50%);
  }
}

.dot-text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .625rem;
}

.dot-text span:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: .625rem;
  background-color: var(--color-gray-border);
  border-radius: 50%;
}

.dot-text.dot-white span:not(:first-child)::before {
  background-color: var(--color-white);
}

.dot-text.dot-off-40 span:not(:first-child)::before {
  opacity: 0.4;
}

.dot-text.dot-blue span:not(:first-child)::before {
  background-color: var(--color-secondary-blue)
}

.dot-text.dot-light-green span:not(:first-child)::before {
  background-color: #27AD4A40
}

.dot-text.dot-light-danger span:not(:first-child)::before {
  background-color: #E5545140
}

.app-form-layout {
  display: flex;
  align-items: start;
  gap: 20px;
}

.app-form-layout .step-count-body {
  position: sticky;
  top: 100px;
  max-width: 285px;
  flex-shrink: 0;
  display: flex;
  height: calc(100vh - 7.5rem);
  flex-direction: column;
  background-color: var(--color-white);
  border-radius: 1.25rem;
  border: .0313rem solid var(--color-gray-border);
  overflow: hidden;
}

@media (max-width:991px) {
  .app-form-layout .step-count-body {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 9999;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: all 0.4s ease-out;
  }

  .app-form-layout .step-count-body.show {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    transition: all 0.3s ease-in-out;

  }

}

@media (min-width: 991px) {
  .app-form-layout .step-count-body .sidebar-menu .menu-text {
    display: inline-block;
    opacity: 1;
    max-width: 200px;
    overflow: hidden;
    white-space: normal;
    min-height: 0em;
    transition: opacity 0.3s ease, max-width 0.3s ease;
  }


  .app-form-layout .step-count-body .sidebar-menu.collapsed .list-item {
    gap: 0;
    transition: gap 0.3s ease;
  }
}

.app-form-layout .step-count-body .btn-menu {
  padding: .75rem 1.375rem;
  background: var(--color-light-gray);
  border-top: .0313rem solid var(--color-gray-border);
  box-shadow: 0px -0.3125rem .375rem 0px #0000000D;

}

.app-form-layout .step-count-body .sidebar-menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .1875rem;
  padding: .625rem;
  width: 100%;
  margin-bottom: 0;
  overflow-y: auto;
  counter-reset: que-counter;
}

.app-form-layout .step-count-body .sidebar-menu .list-item {
  display: flex;
  align-items: center;
  padding: .5rem .625rem;
  border-radius: .75rem;
  gap: .625rem;
  width: 100%;
}

.app-form-layout .step-count-body .sidebar-menu .list-item .step-number {
  position: relative;
  width: 2.375rem;
  height: 2.375rem;
  flex-shrink: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-primary);
  background-color: var(--color-light-primary);
  counter-increment: que-counter;
}

.app-form-layout .step-count-body .sidebar-menu .list-item .step-number::after {
  content: counter(que-counter);
  display: grid;
  place-items: center;
}

.app-form-layout .step-count-body .sidebar-menu .list-item.complete .step-number::after {
  margin-top: .5rem;
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='19' viewBox='0 0 25 19' fill='none'><path d='M9.20348 13.8613L21.2837 1.78113C21.5687 1.49605 21.9013 1.35352 22.2814 1.35352C22.6615 1.35352 22.9941 1.49605 23.2792 1.78113C23.5643 2.06621 23.7068 2.40474 23.7068 2.79672C23.7068 3.1887 23.5643 3.52724 23.2792 3.81231L10.2012 16.9259C9.91617 17.211 9.58358 17.3535 9.20348 17.3535C8.82337 17.3535 8.49078 17.211 8.2057 16.9259L2.07653 10.7967C1.79145 10.5116 1.65485 10.1731 1.66673 9.78113C1.67861 9.38915 1.82708 9.05062 2.11216 8.76554C2.39724 8.48046 2.73577 8.33793 3.12775 8.33793C3.51973 8.33793 3.85826 8.48046 4.14334 8.76554L9.20348 13.8613Z' fill='white' stroke='white' stroke-width='1.5'/></svg>");
}

.app-form-layout .step-count-body .sidebar-menu .list-item.warning .step-number::after {
  margin-top: .3rem;
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='17' viewBox='0 0 4 17' fill='none'><path d='M2 13.3721C2.51251 13.3721 2.94642 13.5428 3.30957 13.8857C3.67249 14.2285 3.84961 14.6348 3.84961 15.1113C3.84956 15.5877 3.67236 15.9933 3.30957 16.3359C2.94639 16.6789 2.51259 16.8496 2 16.8496C1.48741 16.8496 1.05361 16.6789 0.69043 16.3359C0.327639 15.9933 0.150444 15.5877 0.150391 15.1113C0.150391 14.6348 0.327511 14.2285 0.69043 13.8857C1.05358 13.5428 1.48749 13.3721 2 13.3721ZM2 0.150391C2.51259 0.150391 2.94639 0.321057 3.30957 0.664062C3.67236 1.00675 3.84956 1.41233 3.84961 1.88867V9.44434C3.84961 9.9207 3.67231 10.3262 3.30957 10.6689C2.94639 11.012 2.51259 11.1836 2 11.1836C1.48741 11.1836 1.05361 11.012 0.69043 10.6689C0.327694 10.3262 0.150391 9.9207 0.150391 9.44434V1.88867C0.150445 1.41233 0.327639 1.00675 0.69043 0.664062C1.05361 0.321057 1.48741 0.150391 2 0.150391Z' fill='white' stroke='white' stroke-width='0.3'/></svg>");
}

.app-form-layout .step-count-body .sidebar-menu .list-item .menu-text {
  font-size: .875rem;
  font-weight: 500;
}

.app-form-layout .step-count-body .sidebar-menu .list-item.current {
  background-color: var(--color-success);
  color: var(--color-white);
}

.app-form-layout .step-count-body .sidebar-menu .list-item.current .step-number {
  background-color: var(--color-white);
  color: var(--color-success);
}

.app-form-layout .step-count-body .sidebar-menu .list-item.complete .step-number {
  background-color: var(--color-success);
}

.app-form-layout .step-count-body .sidebar-menu .list-item.warning .step-number {
  background-color: var(--color-danger);
}

.app-form-layout .step-count-body .sidebar-menu .list-item.warning {
  background-color: #E5545110;
}

.counter-group {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: que-counter;
}

.counter-group .counter-item {
  counter-increment: que-counter;
  display: flex;
  align-items: baseline;
}

.counter-group .counter-item::before {
  content: counter(que-counter) ".";
  margin-right: 0.5rem;
}

.upload-file-body {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: .875rem;
  border-radius: .75rem;
  background-color: #F4F6FF;
  padding: 1.25rem;
  border: .0625rem dashed var(--color-primary);
}

.upload-preview {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #F4F6FF;
  padding: .9375rem;
  border: .0313rem solid var(--color-light-primary);
  border-radius: .625rem;
}

.upload-preview .doc-icon {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: clamp(2.75rem, 2.403rem + 0.9639vw, 3rem);
  height: clamp(2.75rem, 2.403rem + 0.9639vw, 3rem);
  background-color: var(--color-white);
  border: 0.5px solid #1E398D1F;
  border-radius: 50%;
}

.upload-preview .action-group {
  display: flex;
  align-items: center;
  gap: 10px;

}

.upload-preview .action-group .download-icon,
.upload-preview .action-group .delete-icon {
  width: 2.4375rem;
  height: 2.4375rem;
  display: grid;
  place-items: center;
  background-color: var(--color-light-primary);
  border-radius: 50%;
  transition: background-color 0.3s ease-in-out;
}

.upload-preview .action-group .download-icon:hover,
.upload-preview .action-group .delete-icon:hover {
  background-color: #1e398d26;
}

.upload-section-modern .action-group .delete-icon {
  position: absolute;
  top: -1rem;
  right: -1rem;
  background-color: inherit !important;
}

.table-inner-p-8px td,
.table-inner-p-8px th {
  padding-top: 8px;
  padding-bottom: 8px;
}

.table-radius-6px {
  --table-radius: .375rem
}

.table-radius-8px {
  --table-radius: .5rem
}

.table-radius-10px {
  --table-radius: .625rem
}

.table-radius-15px {
  --table-radius: .9375rem
}

.table-radius table {
  border: 0.5px solid var(--color-gray-border) !important;
  border-radius: var(--table-radius);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.table-bordered>:not(caption)>*>* {
  border-width: 0;
}

.table-radius table>tbody tr:last-child td {
  border-bottom: 0;
}

.table-radius table>thead tr th:first-child {
  border-top-left-radius: var(--table-radius);
}

.table-radius table>thead tr th:last-child {
  border-top-right-radius: var(--table-radius);
}

.table-radius table>tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--table-radius);
}

.table-radius table>tbody tr:last-child td:last-child {
  border-end-end-radius: var(--table-radius);
}

.table-striped-primary.table-striped>thead>tr * {
  background-color: var(--color-light-primary);
}

.table-striped-primary.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--color-white);
  box-shadow: none;
}

.table-striped-primary.table-striped>tbody>tr:nth-of-type(even)>* {
  background-color: var(--color-mint-blue);
}

.table.bg-light-gray>:not(caption)>*>* {
  background-color: var(--color-light-gray);
}

.table.table-py-20>:not(caption)>*>* {
  padding-block: 1.275rem;
}

.table.table-border-dashed>:not(caption)>*>* {
  border-style: dashed;
}

.table-grid table {
  border: 0.5px solid var(--color-gray-border) !important;
  border-radius: var(--table-radius);
  border-collapse: separate;
  border-spacing: 0;
}

.table-grid table>:not(caption)>*>* {
  border: 0.5px solid var(--color-gray-border) !important;
}

/* signature container */
.signature-container {
  position: relative;
  width: 100%;
}

.signaturePent {
  width: 100%;
  max-width: 388px;
  height: 155px;
  background: var(--color-white);
  border: .0625rem solid var(--color-gray-border);
  border-radius: .75rem;
  cursor: crosshair;
}

.app-review-progress .app-review-tab-body {
  width: 309px;
  min-width: 309px;
  height: 100%;
  overflow-y: auto;
}

@media (min-width:991px) {
  .app-review-progress .app-review-tab-body {
    overflow: auto;
    height: calc(100vh - 19.5625rem) !important;
    min-height: 100%;
  }

  .app-review-progress .tab-content {
    overflow: auto;
    height: calc(100vh - 19.5625rem);
    min-height: 100%;
  }
}

@media (max-width:991px) {
  .app-review-progress .app-review-tab-body {
    position: fixed;
    background-color: var(--color-white);
    opacity: 0;
    top: 0;
    left: -100%;
    width: min(100%, 309px);
    min-height: 100vh;
    z-index: 999;
    transition: all 0.5s ease-in, opacity 0.8s ease-in;
  }

  .app-review-progress .app-review-tab-body.show {
    opacity: 1;
    left: 0;
    transition: all 0.5s ease-out, opacity 0.8s ease-out;
  }
}

.app-review-tab-body .nav .nav-item .nav-link {
  min-height: 60px;
}

.manage-profile-tab .nav .nav-item .nav-link {
  min-height: 3.5rem;
}

.manage-profile-tab .nav .nav-item .nav-link svg {
  color: var(--color-gray-muted);
}

.manage-profile-tab .nav .nav-item .nav-link.active svg {
  color: var(--color-white);
}

.multi_select-container .select2-search__field {
  display: none !important;
}

.accordion-style-1 .accordion-item {
  outline: none;
  border: 0;
  border-bottom: 1px solid var(--color-gray-border);
  border-radius: inherit;
}

.accordion-style-1 .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-style-1 .accordion-item .accordion-header .accordion-button {
  outline: none;
  box-shadow: none;
  background: none;
  padding-inline: 0;
  gap: .75rem;
}

.accordion-style-1 .accordion-item .accordion-header .accordion-button::after {
  width: 38px !important;
  height: 38px !important;
  display: grid;
  background-color: var(--color-light-gray);
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 9'><path d='M2.53579 0.564983C2.0588 0.14761 1.28543 0.14761 0.808432 0.564983C0.331434 0.982355 0.331434 1.65905 0.808432 2.07642L8.137 8.48892C8.614 8.9063 9.38737 8.9063 9.86436 8.48892L17.1929 2.07642C17.6699 1.65905 17.6699 0.982355 17.1929 0.564983C16.7159 0.14761 15.9426 0.14761 15.4656 0.564983L9.00068 6.22176L2.53579 0.564983Z' fill='%23CDCDCD'/></svg>");
  border-radius: 50%;
  place-items: center;
  border: 0.5px solid var(--color-gray-border);
}

.accordion-style-1 .accordion-item .accordion-body {
  padding-top: 0;
  padding-inline: 0;
}

.form-select-sm+.select2-container--default .select2-selection--single {
  border-radius: .5rem;
}

.form-select-sm+.select2-container .select2-selection__rendered {
  font-size: .875rem;
  padding: 0.4375rem 2.3rem 0.4375rem 0.9375rem;
  max-height: 2.5rem;
}

.form-select-sm+.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: .875rem;
}

.form-select-sm+.select2-container--default .select2-selection--multiple .select2-search::after,
.form-select-sm+.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 1.01rem;
  right: .625rem;
}

.form-select-md+.select2-container--default .select2-selection--single {
  border-radius: .5rem;
}

.form-select-md+.select2-container .select2-selection__rendered {
  font-size: .875rem;
  padding: .6rem 2.4rem .6rem 0.9375rem;
  max-height: 2.875rem;
}

.form-select-md+.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: .875rem;
}

.form-select-md+.select2-container--default .select2-selection--multiple .select2-search::after,
.form-select-md+.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 1.2rem;
  right: .625rem;
}

.audit-accordion .accordion-item:not(:last-child) {
  border: 0;
  margin-bottom: 1.25rem;
}

.audit-accordion .accordion-item .accordion-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 0;
}

.audit-accordion .accordion-item .accordion-header .accordion-button {
  font-size: .9375rem;
  flex-shrink: 0;
  font-weight: 500;
  width: auto;
  border-radius: 6.25rem !important;
  padding: .625rem .875rem;
  gap: .5rem;
  box-shadow: none;
  border: 1px solid var(--color-gray-border);
  background-color: var(--color-white);
}

.audit-accordion .accordion-item .accordion-header::before {
  content: "";
  width: 100%;
  height: .0313rem;
  background-color: var(--color-secondary-blue);
}

.audit-accordion .accordion-item .accordion-header::after {
  content: "";
  width: .625rem;
  height: .625rem;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: var(--color-success);
}

.audit-accordion .accordion-item .accordion-header .accordion-button::after {
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 12 6' fill='none'><path d='M11.657 0.312532C11.4235 0.128134 11.1318 0.02747 10.8308 0.02747C10.5299 0.02747 10.2382 0.128134 10.0047 0.312532L6.01292 3.64497L2.01966 0.312532C1.86553 0.181183 1.68152 0.0872365 1.48275 0.0384111C1.28398 -0.0104143 1.07612 -0.0127255 0.876253 0.0316679C0.684412 0.0656374 0.505324 0.14857 0.357357 0.271959C0.209391 0.395349 0.0978707 0.554754 0.0342357 0.733826C-0.0159224 0.907137 -0.0108651 1.09114 0.0487415 1.26161C0.108348 1.43207 0.219708 1.58099 0.368152 1.68876L5.18608 5.71494C5.41957 5.89934 5.71129 6 6.0122 6C6.3131 6 6.60483 5.89934 6.83831 5.71494L11.6577 1.69017C11.7645 1.60736 11.8507 1.50225 11.91 1.38264C11.9692 1.26303 12 1.13199 12 0.999242C12 0.866498 11.9692 0.735457 11.91 0.615847C11.8507 0.496236 11.7645 0.391126 11.6577 0.308318L11.657 0.312532Z' fill='%23236999'/></svg>");
}

.audit-accordion .accordion-item .accordion-body .item:not(:last-child) {
  padding-bottom: 1.5625rem;
}

.audit-accordion .accordion-item .accordion-body .item:last-child .time-line-box .time-line {
  display: none;
}

.audit-accordion .accordion-item .accordion-body .item .time-line-box {
  position: relative;
  z-index: 0;
  margin-top: .625rem;
}

.audit-accordion .accordion-item .accordion-body .item .time-line {
  position: relative;
  z-index: 0;
  height: calc(100% - 2.1875rem);
  display: flex;
  justify-content: space-between;
  margin-left: 1.25rem;
  flex-direction: column;
}

.audit-accordion .accordion-item .accordion-body .item .time-line .line {
  border-left: 1px dashed var(--color-gray-border);
  height: 100%;
  flex-grow: 1;
  margin-left: .1625rem;
}

.audit-accordion .accordion-item .accordion-body .item .time-line::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(0.375rem, 0.2883rem + 0.241vw, 0.4375rem);
  height: clamp(0.375rem, 0.2883rem + 0.241vw, 0.4375rem);
  border-radius: 50%;
  background-color: var(--color-gray-border);
}

.audit-accordion .accordion-item .accordion-body .item .time-line::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(0.375rem, 0.2883rem + 0.241vw, 0.4375rem);
  height: clamp(0.375rem, 0.2883rem + 0.241vw, 0.4375rem);
  border-radius: 50%;
  background-color: var(--color-gray-border);
}

@media (max-width:576px) {
  .audit-accordion .accordion-item .accordion-body .item .time-line .line {
    margin-left: .1875rem;
  }

  .audit-accordion .accordion-item .accordion-body .item .time-line::after {
    flex-shrink: 1;
  }

  .audit-accordion .accordion-item .accordion-body .item .time-line::before {
    flex-shrink: 1;
  }
}

.audit-accordion .accordion-item .accordion-body .item .card .card-body {
  position: relative;
  z-index: 0;
}

.audit-accordion .accordion-item .accordion-body .item .card .card-body::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(0.125rem, -0.0485rem + 0.4819vw, 0.25rem);
  height: 100%;
  border-radius: 6px;
  background-color: var(--color-success);
}

.audit-accordion .accordion-item .accordion-body .item .card-light-blue .card-body::before {
  background-color: var(--color-secondary-blue);
}

.skeleton {
  background: var(--color-white);
  position: relative;
  overflow: hidden;
  border-radius: .375rem;
}

/* Shimmer animation */
.skeleton::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent,
      #D6E3EE,
      transparent);
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  100% {
    transform: translateX(200%);
  }
}

/* Skeleton elements */
.skeleton-image {
  width: 100%;
  height: 9.375rem;
  margin-bottom: 1.25rem;
}

.skeleton-title {
  width: 40%;
  height: 2rem;
  border-end-end-radius: .375rem;
  border-end-start-radius: .375rem;
  margin-bottom: 0.5rem;
}

.skeleton-text {
  width: 90%;
  height: .9375rem;
  border-end-end-radius: .375rem;
  border-end-start-radius: .375rem;
  margin-bottom: .9375rem;
}

.skeleton-text-2 {
  width: 60%;
  height: .9375rem;
  border-end-end-radius: .375rem;
  border-end-start-radius: .375rem;

}

.linear-gradient-soft-blue {
  background: linear-gradient(117.33deg, rgba(219, 236, 255, 0.3) 9.83%, rgba(219, 236, 255, 0.3) 98.17%);
}

.border-style .item.item {
  border-right: 1px solid var(--color-gray-border);
  padding: 0 20px;
}

@media (min-width:576px) {
  .border-sm-end {
    border-right: 0.5px solidvar(--color-gray-border);
  }
}

@media (min-width:991px) {
  .border-lg-end {
    border-right: 0.5px solidvar(--color-gray-border);
  }

  .min-vh-lg-80vh {
    min-height: 80vh !important;
  }
}

@media (min-width:1200px) {
  .border-xl-end {
    border-right: 0.5px solidvar(--color-gray-border);
  }

  .w-xl-200px {
    width: min(100%, 200px);
  }
}

@media (max-width:1200px) {
  .border-style .item.item {
    padding: 10px 15px;
  }
}

/* Small screens (sm: ≥576px, 2 items per row with col-sm-6) */
@media (max-width: 991.98px) {
  .border-style .item:nth-child(2n) {
    border-right: none;
  }
}

/* Large screens (lg: ≥992px, 3 items per row with col-lg-4) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .border-style .item:nth-child(3n) {
    border-right: none;
  }

  .border-lg-end {
    border-right: 0.5px solidvar(--color-gray-border);
  }
}

/* Extra-large screens (xl: ≥1200px, 6 items per row with col-xl-2) */
@media (min-width: 1200px) {
  .border-style .item:nth-child(6n) {
    border-right: none;
  }

  .border-xl-start {
    border-left: 0.5px solidvar(--color-gray-border);
  }
}

.form-select-solid+.select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: var(--color-light-gray);
  border-radius: .75rem;
}

@media (min-width:0px) and (max-width:576px) {
  .register-applicant-bottom .min-w-150px {
    width: 100%;
  }

  .register-page .logo {
    max-width: 11.25rem;
  }
}

.fa-chevron-left {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 640 640'><path d='M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z'/></svg>")
}

.fa-chevron-right {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 640 640'><path d='M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z'/></svg>")
}

.fa-clock {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 640 640'><path d='M320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64zM296 184L296 320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/></svg>")
}

.fa-arrow-up {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 640 640'><path d='M342.6 81.4C330.1 68.9 309.8 68.9 297.3 81.4L137.3 241.4C124.8 253.9 124.8 274.2 137.3 286.7C149.8 299.2 170.1 299.2 182.6 286.7L288 181.3L288 552C288 569.7 302.3 584 320 584C337.7 584 352 569.7 352 552L352 181.3L457.4 286.7C469.9 299.2 490.2 299.2 502.7 286.7C515.2 274.2 515.2 253.9 502.7 241.4L342.7 81.4z'/></svg>")
}

.fa-arrow-down {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 640 640'><path d='M297.4 566.6C309.9 579.1 330.2 579.1 342.7 566.6L502.7 406.6C515.2 394.1 515.2 373.8 502.7 361.3C490.2 348.8 469.9 348.8 457.4 361.3L352 466.7L352 96C352 78.3 337.7 64 320 64C302.3 64 288 78.3 288 96L288 466.7L182.6 361.3C170.1 348.8 149.8 348.8 137.3 361.3C124.8 373.8 124.8 394.1 137.3 406.6L297.3 566.6z'/></svg>")
}

.fa-calendar {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 640 640'><path d='M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z'/></svg>")
}

#sortable .ui-state-default {
  cursor: grab;
}

#sortable .ui-sortable-placeholder {
  background: #f8f8f8;
  visibility: visible !important;
  height: 40px;
  border-radius: 6px;
  transition: all 0.25s ease, height 0.6s ease
}

.status-card {
  --bg: #f5f5f5;
  --border: #ddd;
  position: relative;
  border-color: var(--border);
  background-color: var(--bg);
  text-align: center;
}

.status-card .set-link {
  position: absolute;
  top: .9375rem;
  right: .9375rem;
  opacity: 0;
  transition: all 0.3s ease;
}

.status-card .badge {
  background-color: var(--badge-bg, #ccc);
  color: var(--badge-color, var(--color-black));
}

/* Hover effect */
.status-card:hover .set-link {
  opacity: 1;
  transition: all 0.3s ease;
}

.status-card[data-status="approved"] {
  --bg: #CEECD64D;
  --border: var(--color-green-border);
  --badge-bg: var(--color-light-green-bg);
  --badge-color: var(--color-green)
}

.status-card[data-status="in-review"] {
  --bg: #CEDDE84D;
  --border: #2369991A;
  --badge-bg: #2369991F;
  --badge-color: var(--color-secondary-blue)
}

.status-card[data-status="pending"] {
  --bg: var(--color-warning-status-bg);
  --border: var(--color-warning-border);
  --badge-bg: var(--color-light-warning-bg);
  --badge-color: var(--color-warning)
}

.status-card[data-status="need-info"] {
  --bg: var(--color-warning-status-bg);
  --border: var(--color-warning-border);
  --badge-bg: var(--color-light-warning-bg);
  --badge-color: var(--color-warning)
}

.status-card[data-status="denied"] {
  --bg: #F9D8D84D;
  --border: var(--color-danger-border);
  --badge-bg: var(--color-light-danger-bg);
  --badge-color: var(--color-danger)
}

.border-bottom-group .item:not(:last-child) {
  border-bottom: 0.5px solid var(--color-gray-border);
  padding-bottom: 1rem;
}

.icon-corner-set {
  width: 4.5rem;
  height: 3.875rem;
  display: grid;
  place-items: center;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 50px;
}

.cursor-default {
  cursor: default;
}

#centerText {
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#centerText .fs-28 {
  font-size: clamp(1.375rem, 0.9063rem + 1.5vw, 1.75rem);
}

.form-switch .form-check-input {
  background-color: var(--color-gray-muted);
  border: 0;
  height: 1.5rem;
  width: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFFFFF'/%3E%3C/svg%3E");
  cursor: pointer;
}

.form-check-green .form-check-input:checked {
  background-color: var(--color-green);
}

.select2-search-add .select2-search--dropdown::after {
  content: '';
  position: absolute;
  right: .75rem;
  top: .75rem;
  width: 1.125rem;
  height: 1.125rem;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'><path d='M7.51204 15.0241C5.41252 15.0241 3.63563 14.2969 2.18138 12.8427C0.727127 11.3884 0 9.61156 0 7.51204C0 5.41252 0.727127 3.63563 2.18138 2.18138C3.63563 0.727127 5.41252 0 7.51204 0C9.61156 0 11.3884 0.727127 12.8427 2.18138C14.2969 3.63563 15.0241 5.41252 15.0241 7.51204C15.0241 8.35955 14.8892 9.15891 14.6196 9.91011C14.3499 10.6613 13.9839 11.3258 13.5217 11.9037L17.6822 16.0642C17.8941 16.2761 18 16.5457 18 16.8732C18 17.2006 17.8941 17.4703 17.6822 17.6822C17.4703 17.8941 17.2006 18 16.8732 18C16.5457 18 16.2761 17.8941 16.0642 17.6822L11.9037 13.5217C11.3258 13.9839 10.6613 14.3499 9.91011 14.6196C9.15891 14.8892 8.35955 15.0241 7.51204 15.0241ZM7.51204 12.7127C8.95666 12.7127 10.1846 12.2071 11.1958 11.1958C12.2071 10.1846 12.7127 8.95666 12.7127 7.51204C12.7127 6.06742 12.2071 4.83949 11.1958 3.82825C10.1846 2.81701 8.95666 2.3114 7.51204 2.3114C6.06742 2.3114 4.83949 2.81701 3.82825 3.82825C2.81701 4.83949 2.3114 6.06742 2.3114 7.51204C2.3114 8.95666 2.81701 10.1846 3.82825 11.1958C4.83949 12.2071 6.06742 12.7127 7.51204 12.7127Z' fill='%23236999'/></svg>") no-repeat center center;
  background-size: 1.125rem 1.125rem;
}

.form-select:disabled+.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--color-dark-50);
}

.sign-box-407x155 {
  max-width: 407px;
  max-height: 155px;
}

@media (min-width:576px) {
  .filter-credentials-drop {
    min-width: max(100%, 362px);
    max-width: 362px;
  }
}

.filter-credentials-drop {
  min-width: max(100%, 262px);
  max-width: 262px;
}

table tr:only-child td .dropdown .dropdown-menu.show {
  position: fixed !important;
  inset: inheri !important;
}

.accordion-style-1 .accordion-item .accordion-header .arrow-normal.accordion-button::after {
  border: none;
  background-color: initial;
}

@media (min-width:1520px) {
  .container-1520 {
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
  }

}

/* update aside submenu css */
.aside-body .has-submenu .submenu {
  display: none !important;
  flex-direction: column;
  align-items: start;
  color: var(--color-white);
  padding-left: 33px !important;
  gap: 8px;
}

.aside-body .has-submenu .submenu .menu-text {
  font-size: .875rem;
  color: var(--color-white);
  display: inline;
  transform: none;
  text-wrap: nowrap;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 170px;
}

.aside-body.expanded .has-submenu.active,
.aside-body.open .has-submenu.active {
  background-color: #074287;
  border-radius: 12px;
}

.aside-body .has-submenu.active .submenu .menu-text {
  font-weight: 400;
}

.aside-body .has-submenu.active .submenu .menu-text.active {
  font-weight: 500;
}

.aside-body.expanded .has-submenu .submenu,
.aside-body.open .has-submenu .submenu {
  list-style: disc;
  display: flex !important;
  height: 0;
  width: 0;
  opacity: 0;
  padding: 0;
  transition: opacity 0.1s ease-in-out, all 0.3s ease-in-out;
}

.aside-body.expanded .has-submenu.active .submenu,
.aside-body.open .has-submenu.active .submenu {
  height: 100%;
  width: 100%;
  opacity: 1;
  padding: 10px;
  transition: opacity 0.1s ease-in-out, all 0.3s ease-in-out;
}

.aside-body .has-submenu .submenu-toggle {
  position: relative;
}

.aside-body.expanded .has-submenu .submenu-toggle,
.aside-body.open .has-submenu .submenu-toggle {
  padding-right: 30px;
}

.aside-body.expanded .has-submenu .submenu-toggle::after,
.aside-body.open .has-submenu .submenu-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 15px;
  height: 8px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 10' fill='none'%3E%3Cpath d='M16.514 0.9688C16.1833 0.6922 15.77 0.5412 15.3437 0.5412C14.9174 0.5412 14.5041 0.6922 14.1734 0.9688L8.5183 5.9675L2.8612 0.9688C2.6428 0.7718 2.3822 0.6309 2.1006 0.5576C1.819 0.4844 1.5245 0.4809 1.2414 0.5475C0.9696 0.5985 0.7159 0.7229 0.5063 0.9079C0.2966 1.093 0.1387 1.3321 0.0485 1.6007C-0.0226 1.8607 -0.0154 2.1367 0.0691 2.3924C0.1535 2.6481 0.3113 2.8715 0.5215 3.0331L7.347 9.0724C7.6777 9.349 8.091 9.5 8.5173 9.5C8.9436 9.5 9.3568 9.349 9.6876 9.0724L16.5151 3.0353C16.6663 2.911 16.7885 2.7534 16.8725 2.574C16.9564 2.3945 17 2.198 17 1.9989C17 1.7997 16.9564 1.6032 16.8725 1.4238C16.7885 1.2444 16.6663 1.0867 16.5151 0.9625L16.514 0.9688Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: center;
  transition: transform 0.3s ease-in-out;
}

.aside-body.expanded .has-submenu.active .submenu-toggle::after,
.aside-body.open .has-submenu.active .submenu-toggle::after {
  transform: translateY(-50%) rotate(-180deg);
  transition: transform 0.3s ease-in-out;
}

.aside-body.expanded #desktop-toggle {
  rotate: 180deg;
}

.nav-popover.nav-popover-white {
  --bs-popover-bg: var(--color-white);
  --bs-popover-body-color: var(--color-black);
  --bs-popover-header-bg: var(--color-popover-blue);
  --bs-popover-header-color: var(--color-white);
  --bs-popover-border-color: var(--color-white);
  z-index: 9999;
  box-shadow: 0px 9px 24px 10px #00000026;
}

.nav-popover.nav-popover-white .popover-arrow {
  display: none;
}

.popover-menu .popover-submenu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 20px !important;
  margin-top: 0;
  margin-bottom: 0;
}

.popover-menu .popover-submenu li a {
  font-size: 15px;
  font-weight: normal;
  color: var(--color-black) !important;
}

@media (min-width: 576px) {
  .border-bottom-sm-0 {
    border-bottom: 0 !important;
  }

  .border-sm-end {
    border-right: 1px solid var(--color-gray-border);
  }
}

@media (max-width:576px) {

  .accordion-style-1 .accordion-item .accordion-header .accordion-button::after {
    position: absolute;
    top: -12px;
    right: -12px;
  }
}

.border-group.table tbody tr:first-child td:first-child {
  border-top-left-radius: 15px !important;
}

.border-group.table tbody tr:first-child td:last-child {
  border-top-right-radius: 15px !important;
}

.border-group.table tbody tr:last-child> :last-child {
  border-bottom-right-radius: 15px !important;
}

/* border */
.border-group.table tbody td {
  border-right: 1px solid var(--color-gray-border);
  border-bottom: 1px solid var(--color-gray-border);
}

.border-group.table tbody td:last-child {
  border-right: none;
}

.border-group.table tbody tr:last-child td {
  border-bottom: none;
}

.border-group.table tbody td div:empty {
  display: none;
}

@media (min-width:991px) {
  .position-lg-relative {
    position: relative !important;
  }
}

@media (min-width:576px) {
  .position-sm-relative {
    position: relative !important;
  }
}

/* Status Pulse Dot Animation */
.status-dot-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.status-pulse-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: var(--color-danger);
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.status-pulse-dot::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: var(--color-danger);
  border-radius: 50%;
  z-index: 1;
  opacity: 0.4;
  animation: status-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes status-pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }

  100% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0;
  }
}


/* ── Checkbox row template ── */
.s2-checkbox-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}

.s2-label {
  flex: 1;
  line-height: 1.4;
}

/* --- Select2 Multi-Select Checkbox Styles --- */


.multiselect-tab-view+.select2-results__option {
  padding: 0;
  background-color: transparent !important;
}

.multiselect-tab-view+.select2-results__option--highlighted[aria-selected] .select2-custom-option {
  background-color: #F8F9FA;
}

.multiselect-tab-view+.form-check-input {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #DCE4EC;
  appearance: none;
  background-color: transparent;
  cursor: pointer;
  margin: 0;
  pointer-events: none;
}

.multiselect-tab-view+.select2-results__option[aria-selected="true"] .select2-custom-option .form-check-input {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 4.5L5 8.5L13 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}

.multiselect-tab-view+.select2-container--default .select2-selection--multiple {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.multiselect-tab-view+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 0;
  margin: 0;
  min-width: 10px;
  overflow: auto;
  max-width: calc(100% - 30px);
}

.multiselect-tab-view+.select2-container--default .select2-selection--multiple .select2-search--inline {
  margin-top: 0;
  display: flex;
  align-items: center;
}

.multiselect-tab-view+.select2-container--default .select2-selection--multiple {
  padding: 1.075rem 2.5rem 1.075rem 1.25rem;
  min-height: 76px;
}

.multiselect-tab-view+.select2-container--default .select2-selection--multiple .select2-search::after,
.multiselect-tab-view+.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 2.1rem;
  width: 1.2375rem;
  height: .7344rem;
}

.multiselect-tab-view+.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--color-mint-blue);
  border: 1px solid var(--color-secondary-blue);
  border-radius: 20px;
  padding: 6.45px 12px;
  gap: 4px;
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  color: #0B2B53;
  font-size: 15px;
  font-weight: 600;
  min-width: fit-content;
}

.multiselect-tab-view+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: static;
  border: none;
  background: transparent;
  color: var(--color-gray-muted);
  font-size: 20px;
  line-height: 1;
  padding: 0;
  font-weight: 300;
}

.trainee-list .card-item {
  border: 0.5px solid transparent;
  transition: all 0.3s ease-in-out;
}

.trainee-list .card-item:hover {
  border: 0.5px solid #D0D0D066;
  background: var(--color-light-gray);
  transition: all 0.3s ease-in-out;
}

.trainee-list .card-item:hover:not(.card-item-add) .btn.btn-light-primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.trainee-list.trainee-list-preview .card-item:not(:last-child) {
  border-bottom: 0.5px solid var(--color-gray-border);
}

.trainee-list.trainee-list-preview .card-item:not(:hover) {
  border-radius: 0 !important;
}

.form-select.border-0+.select2-container--default .select2-selection--single {
  border: 0;
}

tr.person-row td {
  border-bottom: 0;
  padding-bottom: 0;
}

tr.detail-row td {
  vertical-align: top;
}

/* ==========================================================================
   Unified Input Group (Seamless border & focus/invalid state across addons)
   ========================================================================== */
.input-group-unified {
  border-radius: var(--bs-border-radius, 0.375rem);
}

.input-group-unified>.input-group-text:first-child {
  border-right: 0;
}

.input-group-unified>.input-group-text:first-child+.form-control {
  border-left: 0;
}

.input-group-unified>.form-control:not(:last-child) {
  border-right: 0;
}

.input-group-unified>.form-control+.input-group-text {
  border-left: 0;
}

.input-group-unified>.input-group-text,
.input-group-unified>.form-control {
  transition: border-color 0.15s ease-in-out;
}

.input-group-unified>.form-control:focus {
  box-shadow: none !important;
}

/* Unified Focus State */
.input-group-unified:has(> .form-control:focus)>.input-group-text,
.input-group-unified:has(> .form-control:focus)>.form-control {
  border-color: #86b7fe !important;
  box-shadow: none !important;
}

/* Unified Invalid / Error State */
.input-group-unified:has(> .form-control.is-invalid)>.input-group-text,
.input-group-unified:has(> .form-control.is-invalid)>.form-control,
.input-group-unified:has(> .form-control.error)>.input-group-text,
.input-group-unified:has(> .form-control.error)>.form-control {
  border-color: var(--color-danger, #E55451) !important;
  box-shadow: none !important;
}

/* Error text positioning */
.input-group-unified~label.error,
.input-group-unified~.invalid-feedback,
.input-group-unified>label.error,
.input-group-unified>.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: var(--color-danger, #E55451);
}

/* Page Loader */
.page-loader {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.page-loader.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Force visible for testing/development */
.page-loader.show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.page-loader .loader-img {
  width: min(240px, 60vw);
  height: auto;
  object-fit: contain;
}