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

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

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

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

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

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

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

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

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

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

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

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

:root {
    --clientColr3: #622d91;
    --clientColr3-inv: #FFF;
}

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

.btn-clientColr3:hover {
    background: #9C67B3 !important;
    color: #FFF !important;
}