/* 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: .3125rem;
  background-color: transparent;
  border-radius: 1.25rem;
  height: .375rem;
}

::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
  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;
}
.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: #236999;
}
.text-blue{
  color: #2D3648;
}
.bg-mint-blue{background-color: #EFF3F8 !important;}
.bg-bright-gray{background-color: #E5EDF3 !important;}
.bg-light-green{background-color: #27AD4A12;}
.bg-light-danger{background-color: #E5545112;}
.bg-soft-water{background-color: #CFF0F8B2;}
.bg-light-water{background-color: #CFF0F8;}
.bg-water{background-color: #01A2C2;}
.bg-snowy-mint{background-color: #DDFFE1;}
.bg-pattens-blue{background-color: #E5F4FF;}
.bg-beige{background-color: #FFEFD8;}
.bg-soft-lavender{background-color: #EBEBFF;}
.bg-secondary-blue{background-color: #236999 !important;}
.bg-soft-waring{background-color: #ECA00812;}
.bg-secondary-soft-blue{background-color: #23699912;}
.bg-azure{background-color: #0B99FF;}
.bg-soft-azure{background-color: #E5F4FF;}
.bg-purple{background-color: #8538E5;}
.bg-soft-purple{background-color: #F1E5FF;}
.value-light-gray[value],input[readonly]{
  color: #1A1A1A50 !important;
}
.form-control:disabled,.input:disabled,.select:disabled{
  color: #1A1A1A50 !important;
  background-color: #FFF;
}
.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-light-primary {
  --bs-btn-color: #0F4C92;
  --bs-btn-bg: #DBECFF;
  --bs-btn-border-color: #DBECFF;
  --bs-btn-hover-color: #0F4C92;
  --bs-btn-hover-bg: #0f4c9250;
  --bs-btn-hover-border-color: #DBECFF;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #0F4C92;
  --bs-btn-active-bg: #0f4c9250;
  --bs-btn-active-border-color: #DBECFF;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0F4C92;
  --bs-btn-disabled-bg: #DBECFF50;
  --bs-btn-disabled-border-color: #DBECFF00
}
.btn-green {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #27AD4A;
  --bs-btn-border-color: #27AD4A;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #27ad4be8;
  --bs-btn-hover-border-color: #27AD4A;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #27ad4be8;
  --bs-btn-active-border-color: #27ad4b00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFF;
  --bs-btn-disabled-bg: #27AD4A50;
  --bs-btn-disabled-border-color: #DBECFF00
}
.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: #EFF3F8 !important;
  color: #236999 !important;
}
.badge-soft-waring{
  background-color: #ECA00812 !important;
  color: #ECA008 !important;
}
.badge-soft-danger{
  background-color: #E5545112 !important;
  color: #E55451 !important;
}
.badge-soft-green{
  background-color: #27AD4A12 !important;
  color: #27AD4A !important;
}
.badge-soft-lavender {
  background-color: #EBEBFF !important;
  color: #4D49FC !important;
}
.badge-soft-water {
  background-color: #CFF0F8 !important;
  color:#01A2C2 !important;
}
.badge-pale-blue{
  background-color: #C4ECFF;
  color: #3B9CCA;
}
.badge-light-blue{
background-color: #D1E2FF;
color: #4073CA;
}
.badge-light-primary{
  background-color: #0F4C9212;
  color: #0F4C92;
  }
.badge-soft-azure{
    background-color: #E5F4FF;
    color: #0B99FF;
}
.badge-soft-gray{background-color: #D0D0D030;color: #1A1A1A;}
.bg-green{background-color: #27AD4A;}
.bg-soft-primary{background-color: #DBECFF66;}
.bg-light-primary{background-color: #DBECFF;}
.card-light-blue{background-color: #DBECFF;border-color: #0F4C921A;}
.card-light-green{background-color: #27AD4A1F;border-color: #27AD4A1A;}
.nav-pills .nav-link.active-success.active, .nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: #8CC63F;
}
.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: #F9F9F9;}
.form-control-solid:focus{background-color: #F9F9F9;}
.bg-light-gray{background-color: #F9F9F9 !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);}
.dropdown-menu{border: none; padding-block: .75rem;box-shadow: 0px 10px 20px 10px #0000001A;}
.separated-dash{border-bottom: 1px dashed #D0D0D0;}
.cursor-pointer{cursor: pointer;}
.multiselect-container.dropdown-menu{width: 100%}
table:last-child{margin-bottom: 0}
.input-group-icon {position: relative;}
.custom-check-box>input+.check-div{
    cursor: pointer;
    background-color: #F9F9F9;
    padding: 1.104rem 1.313rem;
    border: 0.5px solid #D0D0D0;
    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:checked+.check-div .check-svg {
  display: block;
}
.custom-check-box>input:checked+.check-div.check-active-light-green {
  border-color: #8CC63F;
  background-color: #FBFFF5;
}
.custom-check-box>input:checked+.check-div.check-active-light-pale-blue {
  border-color: #C4ECFF !important;
  background-color: #C4ECFF !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-blue {
  border-color: #D1E2FF !important;
  background-color: #D1E2FF !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-warring {
  border-color: #ECA00812 !important;
  color: #ECA008;
  background-color: #ECA00812 !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-danger {
  border-color: #E5545112 !important;
  color: #E55451;
  background-color: #E5545112 !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-green2 {
  border-color: #27AD4A12 !important;
  color: #27AD4A;
  background-color: #27AD4A12 !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-lavender {
  border-color: #EBEBFF !important;
  color: #4D49FC;
  background-color: #EBEBFF !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-water {
  border-color: #CFF0F8 !important;
  color: #01A2C2;
  background-color: #CFF0F8 !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-upgrade {
  border-color: #27AD4A12 !important;
  color: #27AD4A;
  background-color: #27AD4A12 !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-gray {
  border-color: #8C8C8C12 !important;
  color: #1A1A1A;
  background-color: #8C8C8C12 !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-orange {
  border-color: #FFDFCB !important;
  color: #FF5C16;
  background-color: #FFDFCB !important;
}
.custom-check-box>input:checked+.check-div.check-active-light-azure {
  border-color: #E5F4FF !important;
  color: #0B99FF;
  background-color: #E5F4FF !important;
}
.form-range::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #0F4C92 0%, #0F4C92 var(--value, 0%), #DBECFF var(--value, 0%), #DBECFF 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;
}

.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: #EFF3F8;
  padding: clamp(1rem, 0.653rem + 0.9639vw, 1.25rem);
  padding-top: 0;
  display: flex;
  align-items: start;
  gap: clamp(1.125rem, 0.778rem + 0.9639vw, 1.375rem);
  position: relative;
  min-height: 100vh;
}

.main-layout {
  flex-grow: 1;
  flex-shrink: 1;
  /* flex-basis: 0; */
  min-width: 0;
}
.main-layout .navbar{
  padding: clamp(0.625rem, -0.6762rem + 3.6145vw, 1.5625rem) 0;
}
.main-layout .dashboard-layout {
  height: calc(100% - 6rem);
}
.main-layout .dashboard-layout .dashboard-body{
  --border-radius-dashboard-body:1.25rem ;
  border-radius: var(--border-radius-dashboard-body);
  border: 0.5px solid #D0D0D0;
  background: #FFF;
  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: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 5.625rem;
  border-radius: 1.25rem;
  background: #0F4C92;
  height: calc(100vh - 40px);
  margin-top: 1.25rem;
  transition: width 0.3s ease;
  overflow: visible;
  z-index: 999;
}

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

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

.aside-body .sidebar-wrapper {
  padding: 1.25rem;
  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;
}

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

.sidebar-menu .link-item {
  display: flex;
  align-items: center;
  color: #DBECFF;
  padding: 10px;
  text-decoration: none;
  position: relative;
  border-radius: 12px;
  transition: background-color 0.3s;
}

.sidebar-menu .link-item svg {
  flex-shrink: 0;
  color: #FFF;
  opacity: 0.3;
}

.sidebar-menu .link-item.active {
  background-color: #8CC63F;
  color: #FFF;
}

.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: #fff;
  border-radius: .625rem;
  padding: .6875rem clamp(1rem, 0.5457rem + 0.7335vw, 1.1875rem);
}

.main-layout .navbar .nav-list .nav-link.active {
  background-color: #DBECFF;
  color: #0F4C92;
  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: #000;
    --bs-popover-body-color: #fff;
    --bs-popover-header-bg: #1e6bb8;
    --bs-popover-header-color: #fff;
    --bs-popover-border-color: #0F4C92;
      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: #FFF;
    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: #EFF3F8;
  display: flex;
  align-items: center;
  z-index: 999;
  flex-wrap: nowrap;
  gap: .9375rem;
}
@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: #1A1A1A;
  padding: .9375rem 1.25rem;
  border-bottom: 0.5px solid #D0D0D0;
}

.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: url(../img/other/auth-bg.webp) no-repeat center center / cover;
  background-attachment: fixed;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 2.5rem 0;
}
.auth-width{width: min(100%,496px);}
.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;
}
#register-navbar.scroll{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-block: .625rem !important;
  background-color: #0F4C92;
  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: #EFF3F8;
}
.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: #FFFFFF;
  color: #1A1A1A;
  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::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  border-bottom: 1px dashed #D0D0D0;
  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: #8CC63F;
}
.step-indicators .step.current .step-number{
  background-color: #236999;
  color: #FFF;
}
.step-body {
  display: none;
}

.step-body.current {
  display: block;
}
.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: #D0D0D0;
  border-radius: 50%;
}
.dot-text.dot-white span:not(:first-child)::before{
  background-color: #FFF;
}
.dot-text.dot-off-40 span:not(:first-child)::before{
  opacity: 0.4;
}
.dot-text.dot-blue span:not(:first-child)::before {
  background-color: #236999
}
.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.375rem);
  flex-direction: column;
  background-color: #FFF;
  border-radius: 1.25rem;
  border: .0313rem solid #D0D0D0;
  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: #F9F9F9;
  border-top: .0313rem solid #D0D0D0;
  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: #0F4C92;
  background-color: #DBECFF;
  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: #236999;
  color: #FFF;
}

.app-form-layout .step-count-body .sidebar-menu .list-item.current .step-number{
  background-color: #FFFFFF;
}
.app-form-layout .step-count-body .sidebar-menu .list-item.complete .step-number{
  background-color: #8CC63F;
}
.app-form-layout .step-count-body .sidebar-menu .list-item.warning .step-number{
  background-color: #E55451;
}
.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: #DBECFF40;
  padding: 1.25rem;
  border: .0625rem dashed #0F4C92;
}

.upload-preview{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color:#DBECFF40;
  padding: .9375rem;
  border: .0313rem solid #0F4C924D;
  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: #FFF;
  border: 0.5px solid #0F4C921F;
  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: #DBECFF;
  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: #c3dfff;
}

.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 #D0D0D0 !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: #DBECFF;
}
.table-striped-primary.table-striped>tbody>tr:nth-of-type(odd)>*{
  background-color: #FFF ;
  box-shadow: none;
}
.table-striped-primary.table-striped>tbody>tr:nth-of-type(even)>*{
  background-color: #EFF3F8;
}
/* signature container */
.signature-container {
  position: relative;
  width: 100%;
}

.signaturePent {
  width: 100%;
  max-width: 388px;
  height: 155px;
  background: #FFF;
  border: .0625rem solid #D0D0D0;
  border-radius: .75rem;
  cursor: pointer;
}
.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: #FFF;
    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: #CDCDCD;
}
.manage-profile-tab .nav .nav-item .nav-link.active svg{
  color: #FFF;
}
.multi_select-container .select2-search__field {
  display: none !important;
}
.accordion-style-1 .accordion-item{
  outline: none;
  border: 0;
  border-bottom:1px solid #D0D0D0 ;
  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: #F9F9F9;
  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 #D0D0D0;
}
.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 #D0D0D0;
  background-color: #Fff;
}

.audit-accordion .accordion-item .accordion-header::before{
  content: "";
  width: 100%;
  height: .0313rem;
  background-color: #236999;
}
.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: #8CC63F;
}
.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 #D0D0D0;
  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: #D0D0D0;
}
.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: #D0D0D0;
}
@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: #8CC63F;
}
.audit-accordion .accordion-item .accordion-body .item .card-light-blue .card-body::before{
  background-color: #236999;
}
.skeleton {
  background: #FFF;
  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 #D0D0D0;
  padding:0 20px;
}
@media (min-width:576px) {.border-sm-end{border-right:0.5px solid#D0D0D0;}}
@media (min-width:991px) {.border-lg-end{border-right:0.5px solid#D0D0D0;}}
@media (min-width:1200px) {.border-xl-end{border-right:0.5px solid#D0D0D0;} .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 solid#D0D0D0;}
}

/* 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 solid#D0D0D0 ;}
}
.form-select-solid + .select2-container--default .select2-selection--single .select2-selection__rendered{
  background-color: #F9F9F9 ;
  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, #000);
}
/* Hover effect */
.status-card:hover .set-link{
  opacity: 1;
  transition: all 0.3s ease;
}
.status-card[data-status="approved"] {--bg: #CEECD64D;--border: #27AD4A1A;--badge-bg:#27AD4A1F;--badge-color:#27AD4A}
.status-card[data-status="in-review"] {--bg: #CEDDE84D;--border: #2369991A;--badge-bg:#2369991F;--badge-color:#236999}
.status-card[data-status="pending"] {--bg: #FBEAC74D;--border: #ECA0081A;--badge-bg:#ECA0081F;--badge-color:#ECA008}
.status-card[data-status="need-info"] {--bg: #FBEAC74D;--border: #ECA0081A;--badge-bg:#ECA0081F;--badge-color:#ECA008}
.status-card[data-status="denied"] {--bg: #F9D8D84D;--border: #E554511A;--badge-bg:#E554511F;--badge-color:#E55451}
.border-bottom-group .item:not(:last-child){
  border-bottom: 0.5px solid #D0D0D0;
  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:#CDCDCD;
  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:#27AD4A;
}
.max-w-260{max-width: 260px;}