.nav-link.active {
    background-color: #e71096 !important;
    color: white !important;
}

.nav-link {
    background-color: white !important;
    color: #e71096 !important;
}

.text-bg-primary {
    background-color: #ffffff !important;
    border-color: #e71096 !important;
}

.card {
    border-color: #e71096 !important;
}

.btn-primary {
    background-color: #e71096 !important;
    border-color: #e71096 !important;
}

.btn-outline-primary {
    color: #e71096 !important;
    border-color: #e71096 !important;
}

.btn-outline-primary:hover {
    color: white !important;
    background-color: #e71096 !important;
}

.btn-outline-primary:active {
    color: white !important;
    background-color: #e71096 !important;
}

.btn-outline-primary:focus-visible {
    color: white !important;
    background-color: #e71096 !important;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: white !important;
    background-color: #e71096 !important;
}


.loading-spinner {
    display: none;
}

.loading-spinner.active {
    display: inline-block; // or whatever is appropriate to display it nicely
}