/* Highlight active wizard step */
#company-create-wizard .bs-stepper-header .step.active .bs-stepper-icon,
#company-create-wizard .bs-stepper-header .step.active .bs-stepper-label {
    color: var(--bs-primary) !important;
}

/* Make icons scale slightly when active */
#company-create-wizard .bs-stepper-header .step.active .bs-stepper-icon svg {
    transform: scale(1.2);
    fill: var(--bs-primary) !important;
}


/* Tidy up regular selects in dark mode */
:root[data-bs-theme="dark"] select,
:root[data-bs-theme="dark"] .form-select {
  background-color: #30334e;     /* dropdown background */
  color: #f5f5f9;                /* text colour */
  border-color: #3b4253;         /* border, not that light grey */
}

/* Options inside the dropdown */
:root[data-bs-theme="dark"] select option,
:root[data-bs-theme="dark"] .form-select option {
  background-color: #30334e;     /* default option background */
  color: #f5f5f9;
}

/* Hovered / selected option in the dropdown */
:root[data-bs-theme="dark"] select option:hover,
:root[data-bs-theme="dark"] select option:checked,
:root[data-bs-theme="dark"] .form-select option:hover,
:root[data-bs-theme="dark"] .form-select option:checked {
  background-color: #101624;     /* your primary */
  color: #ffffff;                /* readable text */
}

/* Remove bullet points (::before pseudo-elements) from submenu items */
.menu .menu-sub > .menu-item > .menu-link::before {
  display: none !important;
}

/* Remove the left padding/space that was for the bullets */
.menu .menu-sub > .menu-item > .menu-link {
  padding-inline-start: 1.7rem !important;
}