/* 1, RGB: #733D90 (320) */
.bgColr-clientColr1,
.bgColr-clientColr1-h:not(.disabled):hover,
.bgColr-clientColr1-h:not(.disabled):active { background-color: #733D90 !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: #733D90 !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: #733D90 !important; }

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

:root {
    --clientColr1: #733D90;
    --clientColr1-inv: #FFF;
}

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

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

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

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

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

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

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

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

:root {
    --clientColr2: #E8398D;
    --clientColr2-inv: #FFF;
}

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

.btn-clientColr2:hover {
    background: #FF73AF !important;
    color: #FFF !important;
}

/* 3, RGB: #51AE37 (310) */
.bgColr-clientColr3,
.bgColr-clientColr3-h:not(.disabled):hover,
.bgColr-clientColr3-h:not(.disabled):active { background-color: #51AE37 !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: #51AE37 !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: #51AE37 !important; }

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

:root {
    --clientColr3: #51AE37;
    --clientColr3-inv: #FFF;
}

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

.btn-clientColr3:hover {
    background: #8BE859 !important;
    color: #FFF !important;
}