body {
    background-color: #f2f2f2 !important;
}

.app-header {
    background-color: #f2f2f2;
}

.app-sidebar {
    background-color: #f2f2f2;
}

.app-sidebar .menu > .menu-item .menu-item .menu-link.active {
    background-color: #dbdbdb;
}

.app-sidebar .menu > .menu-item > .menu-link.active {
    background-color: #dbdbdb;
}

.app-aside {
    background-color: #f2f2f2;
}

.app-footer {
    background-color: #f2f2f2;
}

.text-findware {
    color: #d203fc;
}

.bg-findware {
    background-color: #d203fc;
}

.card-findware {
    border: 1px solid #d203fc;
}

.separator-dashed-findware {
    border-bottom-style: dashed;
    border-bottom-color: #d203fc;
}

.alert-findware {
    border-color: #d203fc;
    background-color: #fdf6ffa6;
}

.btn-outline-findware {
    color: #d203fc !important;
    border-color: #d203fc !important;    
}

.btn-outline-findware:hover{
    background-color: #fdf6ffa6 !important;
}

.badge-light-findware {
    color: #d203fc !important;
    background-color: #f9e3ff;
}

.badge-findware {
    color: white !important;
    background-color: #d203fc !important;
}

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

    .btn-outline-masterly-primary:hover {
        color: var(--bs-primary-inverse);
        border-color: var(--bs-primary) !important;
        background-color: RGBA(40, 132, 239, 0.3) !important;
    }

.btn-masterly-primary {
    color: var(--bs-dark);
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary) !important;
}

    .btn-masterly-primary:hover {
        color: var(--bs-primary-inverse);
        background-color: RGBA(40, 132, 239, 0.3) !important;
        border: 1px solid var(--bs-primary) !important;
    }