.badge-purple {
    background-color: #5c59ff;
    color: #ffffff;
}

.badge-right {
    float: right;
}

.btn-purple {
    color: #fff;
    background-color: #5c59ff;
    border-color: #5c59ff;
}

.btn-purple:hover {
    color: #fff;
    background-color: #4845BF;
    border-color: #4845BF;
}

.btn-purple.focus,
.btn-purple:focus {
    color: #fff;
    background-color: #4845BF;
    border-color: #4845BF;
    box-shadow: 0 0 0 .2rem rgba(92, 89, 255, .5);
}

.btn-purple.disabled,
.btn-purple:disabled {
    color: #fff;
    background-color: #4845BF;
    border-color: #4845BF;
}

.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #4845BF;
    border-color: #4845BF;
}

.btn-purple:not(:disabled):not(.disabled).active:focus,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.show>.btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(92, 89, 255, .5);
}

.bg-purple {
    background-color: #5c59ff !important;
}