.bg-dark,
.dark {
    background-color: #7706EE;
    color: #fff;
}

@media (min-width: 768px) {
    body.menubar-left.menubar-dark .navbar-header {
        background: #7706EE;
    }
}

.btn {
    text-transform: uppercase;
    font-weight: bold;
}

.menubar.dark {
    background: #7706EE;
}

.btn-is-default,
.btn-is-default:hover {
    color: #ffffff;
    font-weight: bold;
    background-color: #c1c1c1;
    border-color: #c1c1c1;
}

.btn-set-as-default {
    color: #ffffff;
    background-color: #7706EE;
    border-color: #7706EE;
}

.btn-set-as-default:hover {
    color: #7706EE;
    background-color: #c1c1c1;
    border-color: #c1c1c1;
}

.btn-show-transactions {
    color: #ffffff;
    background-color: #b90300;
    border-color: #b90300;
}

.btn-show-transactions:hover {
    color: #ffffff;
    background-color: #000;
    border-color: #000;
}

.text-primary>.counter,
.text-primary>.currency {
    color: #7706EE;
}