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

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

:root {
    --clientColr1: #253D56;
    --clientColr1-inv: #FFF;
}

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

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

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

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

:root {
    --clientColr2: #3367B6;
    --clientColr2-inv: #FFF;
}

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

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

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

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

:root {
    --clientColr3: #bad7dc;
    --clientColr3-inv: #000;
}

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

.btn-clientColr3:hover {
    background: #809DBA !important;
    color: #000 !important;
}