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

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

:root {
    --clientColr1: #4B2859;
    --clientColr1-inv: #FFF;
}

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

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

/* 2, RGB: #84B1D9 (526) */
.bgColr-clientColr2,
.bgColr-clientColr2-h:not(.disabled):hover,
.bgColr-clientColr2-h:not(.disabled):active { background-color: #84B1D9 !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: #84B1D9 !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: #84B1D9 !important; }

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

:root {
    --clientColr2: #84B1D9;
    --clientColr2-inv: #000;
}

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

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

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

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

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

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

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

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

:root {
    --clientColr3: #84D9CA;
    --clientColr3-inv: #000;
}

.btn-clientColr3,
.btn-clientColr3.active,
.btn-clientColr3:active,
.btn-clientColr3.focus,
.btn-clientColr3:focus,
.btn-clientColr3:hover {
    background: #84D9CA !important;
    color: #000 !important;
}

.btn-clientColr3:hover {
    background: #4A9FA8 !important;
    color: #000 !important;
}