:root {
    --bs-primary: #7136C6;
    --bs-primary-rgb: 113, 54, 198;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary.show {
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
    }

.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
    }

.text-primary {
    color: var(--bs-primary) !important;
}

.bg-faded-primary {
    background-color: rgba(113, 54, 198, 0.09) !important;
}

.navbar-tool-label {
    background-color: var(--bs-primary) !important;
}

a:hover, a:active, a:focus {
    color: var(--bs-primary) !important;
}

.bottom-nav-item.active {
    color: var(--bs-primary) !important;
}

.form-control:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(113, 54, 198, 0.15) !important;
}

.page-wrapper {
    background-color: #F8F9FB;
}

.status-track .status-step.active {
    background-color: var(--bs-primary) !important;
}

.status-track .status-step.active::after {
    background-color: var(--bs-primary) !important;
}