/* 1, RGB: #9624cc (390) */
.bgColr-clientColr1,
.bgColr-clientColr1-h:not(.disabled):hover,
.bgColr-clientColr1-h:not(.disabled):active { background-color: #9624cc !important; }

.bgColr-clientColr1-inv,
.bgColr-clientColr1-inv-h:not(.disabled):hover,
.bgColr-clientColr1-inv-h:not(.disabled):active { background-color: #FFF !important; }

.textColr-clientColr1,
.textColr-clientColr1-h:not(.disabled):hover,
.textColr-clientColr1-h:not(.disabled):active { color: #9624cc !important; }

.textColr-clientColr1-inv,
.textColr-clientColr1-inv-h:not(.disabled):hover,
.textColr-clientColr1-inv-h:not(.disabled):active { color: #FFF !important; }

.borderColr-clientColr1,
.borderColr-clientColr1-h:not(.disabled):hover,
.borderColr-clientColr1-h:not(.disabled):active { border-color: #9624cc !important; }

.borderColr-clientColr1-inv,
.borderColr-clientColr1-inv-h:not(.disabled):hover,
.borderColr-clientColr1-inv-h:not(.disabled):active { border-color: #FFF !important; }

:root {
    --clientColr1: #9624cc;
    --clientColr1-inv: #FFF;
}

.btn-clientColr1,
.btn-clientColr1.active,
.btn-clientColr1:active,
.btn-clientColr1.focus,
.btn-clientColr1:focus,
.btn-clientColr1:hover {
    background: #9624cc !important;
    color: #FFF !important;
}

.btn-clientColr1:hover {
    background: #D05EEE !important;
    color: #FFF !important;
}

/* 2, RGB: #dbdbdb (657) */
.bgColr-clientColr2,
.bgColr-clientColr2-h:not(.disabled):hover,
.bgColr-clientColr2-h:not(.disabled):active { background-color: #dbdbdb !important; }

.bgColr-clientColr2-inv,
.bgColr-clientColr2-inv-h:not(.disabled):hover,
.bgColr-clientColr2-inv-h:not(.disabled):active { background-color: #000 !important; }

.textColr-clientColr2,
.textColr-clientColr2-h:not(.disabled):hover,
.textColr-clientColr2-h:not(.disabled):active { color: #dbdbdb !important; }

.textColr-clientColr2-inv,
.textColr-clientColr2-inv-h:not(.disabled):hover,
.textColr-clientColr2-inv-h:not(.disabled):active { color: #000 !important; }

.borderColr-clientColr2,
.borderColr-clientColr2-h:not(.disabled):hover,
.borderColr-clientColr2-h:not(.disabled):active { border-color: #dbdbdb !important; }

.borderColr-clientColr2-inv,
.borderColr-clientColr2-inv-h:not(.disabled):hover,
.borderColr-clientColr2-inv-h:not(.disabled):active { border-color: #000 !important; }

:root {
    --clientColr2: #dbdbdb;
    --clientColr2-inv: #000;
}

.btn-clientColr2,
.btn-clientColr2.active,
.btn-clientColr2:active,
.btn-clientColr2.focus,
.btn-clientColr2:focus,
.btn-clientColr2:hover {
    background: #dbdbdb !important;
    color: #000 !important;
}

.btn-clientColr2:hover {
    background: #A1A1B9 !important;
    color: #000 !important;
}

/* 3, RGB: #485e5d (259) */
.bgColr-clientColr3,
.bgColr-clientColr3-h:not(.disabled):hover,
.bgColr-clientColr3-h:not(.disabled):active { background-color: #485e5d !important; }

.bgColr-clientColr3-inv,
.bgColr-clientColr3-inv-h:not(.disabled):hover,
.bgColr-clientColr3-inv-h:not(.disabled):active { background-color: #FFF !important; }

.textColr-clientColr3,
.textColr-clientColr3-h:not(.disabled):hover,
.textColr-clientColr3-h:not(.disabled):active { color: #485e5d !important; }

.textColr-clientColr3-inv,
.textColr-clientColr3-inv-h:not(.disabled):hover,
.textColr-clientColr3-inv-h:not(.disabled):active { color: #FFF !important; }

.borderColr-clientColr3,
.borderColr-clientColr3-h:not(.disabled):hover,
.borderColr-clientColr3-h:not(.disabled):active { border-color: #485e5d !important; }

.borderColr-clientColr3-inv,
.borderColr-clientColr3-inv-h:not(.disabled):hover,
.borderColr-clientColr3-inv-h:not(.disabled):active { border-color: #FFF !important; }

:root {
    --clientColr3: #485e5d;
    --clientColr3-inv: #FFF;
}

.btn-clientColr3,
.btn-clientColr3.active,
.btn-clientColr3:active,
.btn-clientColr3.focus,
.btn-clientColr3:focus,
.btn-clientColr3:hover {
    background: #485e5d !important;
    color: #FFF !important;
}

.btn-clientColr3:hover {
    background: #82987F !important;
    color: #FFF !important;
}