/*------------------------------------
- COLOR purple
------------------------------------*/
/* nav custom clour */



/* Custom colour Nav link */
.nav-pills > li > a.active {
    background-color: #ff0000 !important;
}
.nav-pills .nav-link {
    color: #fff;
    background-color: #b73dcf;
    border-color: #b73dcf;
}
.nav-pills .nav-link:active {
    color: #fff;
    background-color: #b73dcf;
    border-color: #b73dcf;
}

.nav-pills .nav-link:hover {
    color: #fff;
    background-color: #a32eba;
    border-color: #982bad;
}

.nav-pills .nav-link:focus, .btn-purple.focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 61, 207, 0.5);
}

.nav-pills .nav-link.disabled, .btn-purple:disabled {
    color: #fff;
    background-color: #b73dcf;
    border-color: #b73dcf;
}

.nav-pills .nav-link :not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #982bad;
    border-color: #8d28a1;
}

.nav-pills .nav-link :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 0.2rem rgba(183, 61, 207, 0.5);
}




.alert-purple {
    color: #661c74;
    background-color: #f3e0f7;
    border-color: #edd0f3;
}


.alert-purple hr {
    border-top-color: #e6bbee;
}

.alert-purple .alert-link {
    color: #42124b;
}

.badge-purple {
    color: #fff;
    background-color: #b73dcf;
}

.badge-purple[href]:hover, .badge-purple[href]:focus {
    color: #fff;
    background-color: #982bad;
}

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

a.bg-purple:hover, a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
    background-color: #982bad !important;
}

.border-purple {
    border-color: #b73dcf !important;
}

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

.btn-purple:hover {
    color: #fff;
    background-color: #a32eba;
    border-color: #982bad;
}

.btn-purple:focus, .btn-purple.focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 61, 207, 0.5);
}

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

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #982bad;
    border-color: #8d28a1;
}

.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 0.2rem rgba(183, 61, 207, 0.5);
}

.btn-outline-purple {
    color: #b73dcf;
    background-color: transparent;
    border-color: #b73dcf;
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #b73dcf;
    border-color: #b73dcf;
}

.btn-outline-purple:focus, .btn-outline-purple.focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 61, 207, 0.5);
}

.btn-outline-purple.disabled, .btn-outline-purple:disabled {
    color: #b73dcf;
    background-color: transparent;
}

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

.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 61, 207, 0.5);
}

.list-group-item-purple {
    color: #661c74;
    background-color: #edd0f3;
}

.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus {
    color: #661c74;
    background-color: #e6bbee;
}

.list-group-item-purple.list-group-item-action.active {
    color: #fff;
    background-color: #661c74;
    border-color: #661c74;
}

.table-purple,
.table-purple > th,
.table-purple > td {
    background-color: #edd0f3;
}

.table-hover .table-purple:hover {
    background-color: #e6bbee;
}

.table-hover .table-purple:hover > td,
.table-hover .table-purple:hover > th {
    background-color: #e6bbee;
}

.text-purple {
    color: #b73dcf !important;
}

a.text-purple:hover, a.text-purple:focus {
    color: #982bad !important;
}