.my-indicator{
    display:none;
}
.htmx-request .my-indicator{
    display:inline;
}
.htmx-request.my-indicator{
    display:inline;
}
.my-custom-btn:hover {
    background-color: #243759 !important;
    color: white !important;
  }

/* Set a light background for the page or main content area */
body {
    background-color: #f4f4f4!important;
  }
  .bg-body-tertiary {
    background-color: #f4f4f4!important;
  }
  /* Alerts */
  .alert-success {
    background-color: #708598;
    color: #f4f4f4;
    border: none;
  }
  .alert-danger {
    background-color: #243759;
    color: #f4f4f4;
    border: none;
  }
  .alert-warning {
    background-color: #f4f4f4;
    color: #243759;
    border: 1px solid #708598;
  }
  
  /* Cards for location options */
  .card {
    background-color: white;
    border: 1px solid #708598;
    transition: box-shadow 0.3s ease;
  }
  
  /* Hover effect on cards */
  .hover-shadow:hover {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
  }
  
  /* Typography inside cards */
  .card h6 {
    color: #243759;
  }
  .card .text-muted {
    color: #708598 !important;
  }
  
  /* Radio inputs */
  .form-check-input:checked {
    background-color: #243759;
    border-color: #243759;
  }
  
  /* Primary button styles */
  .btn.btn-primary.onboarding {
    background-color: #243759 !important;
    border-color: #243759 !important;
    color: #f4f4f4 !important;
  }
  
  /* Hover state for primary button */
  .btn.btn-primary.onboarding:hover {
    background-color: #708598 !important;
    border-color: #708598 !important;
  }
  
  /* Outline button (e.g., for change link) */
  .btn-outline-dark {
    border-color: #243759;
    color: #243759;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  /* Hover for outline button */
  .btn-outline-dark:hover {
    background-color: #243759;
    color: #f4f4f4;
  }
  .py-lg-5 {
    padding-top:0rem!important;
    padding-bottom:3rem!important;
    max-height:150px!important;
  }