/* In your CSS file or <style> block */

/* Class to vertically align inline/inline-block elements */
.v-align-middle {
    vertical-align: bottom !important;
  }
  
  /* Class to add small spacing to the left */
  .space-left-sm {
    margin-left: 10px; /* Adjust spacing as needed */
  }
.text-purple {
  color: #4F2683 !important;
}
p, span, li{
  font-size: .8rem !important;
}
.required::after {
    content: " *";
    margin-left: 2px;
}
.btn-purple {
    --bs-btn-color: #fff; /* Text color remains white for contrast */
    --bs-btn-bg: #4F2683; /* Set background color to the desired purple */
    --bs-btn-border-color: #4F2683; /* Match border color to the background */
    --bs-btn-hover-color: #fff; /* Keep text white on hover */
    --bs-btn-hover-bg: #401F6A; /* Slightly darker purple for hover background */
    --bs-btn-hover-border-color: #351A5A; /* Slightly darker purple for hover border */
    --bs-btn-focus-shadow-rgb: 79, 38, 131; /* RGB equivalent of #4F2683 for focus shadow */
    --bs-btn-active-color: #fff; /* Keep text white when active */
    --bs-btn-active-bg: #351A5A; /* Even darker purple for active background */
    --bs-btn-active-border-color: #2d164b; /* Even darker purple for active border */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Standard active shadow */
    --bs-btn-disabled-color: #fff; /* Keep text white when disabled */
    --bs-btn-disabled-bg: #4F2683; /* Use the base purple for disabled background */
    --bs-btn-disabled-border-color: #4F2683; /* Use the base purple for disabled border */
}