:root {
    --ColorUltraLight : #80C3E5;
    --ColorLight : #4CC0E0; /* ColorPercent50Light */
    --ColorNormal : #0088CC; /* Color */
    --ColorDark : #00588C; /* ColorPercent30Dark */
    --ColorUltraDark : #0086CC; /* ColorPercent50Dark */

    --jred: #dc3545;
    --jorange: #fd7e14;
    --jyellow: #ffc107;
    --jgreen: #198754;
    --jteal: #20c997;
    --jcyan: #0dcaf0;
    --jblue: #0d6efd;
    --jindigo: #6610f2;
    --jpurple: #6f42c1;
    --jpink: #d63384;
    --jwhite: #fff;
    --jgray: #6c757d;
    --jgray-dark: #343a40;

    --jprimary: #0d6efd;
    --jsecondary: #6c757d;
    --jsuccess: #198754;
    --jinfo: #0dcaf0;
    --jwarning: #ffc107;
    --jdanger: #dc3545;
    --jlight: #f8f9fa;
    --jdark: #212529;
}

.jcolorul{color : var(--ColorUltraLight) !important;}
.jcolorl{color : var(--ColorLight) !important;}
.jcolor{color : var(--ColorNormal) !important;}
.jcolord{color : var(--ColorDark) !important;}
.jcolorud{color : var(--ColorUltraDark) !important;}

.jblue{color : var(--jblue) !important;}
.jindigo{color : var(--jindigo) !important;}
.jpurple{color : var(--jpurple) !important;}
.jpink{color : var(--jpink) !important;}
.jred{color : var(--jred) !important;}
.jorange{color : var(--jorange) !important;}
.jyellow{color : var(--jyellow) !important;}
.jgreen{color : var(--jgreen) !important;}
.jteal{color : var(--jteal) !important;}
.jcyan{color : var(--jcyan) !important;}
.jwhite{color : var(--jwhite) !important;}
.jgray{color : var(--jgray) !important;}
.jprimary{color : var(--jprimary) !important;}
.jsecondary{color : var(--jsecondary) !important;}
.jsuccess{color : var(--jsuccess) !important;}
.jinfo{color : var(--jinfo) !important;}
.jwarning{color : var(--jwarning) !important;}
.jdanger{color : var(--jdanger) !important;}
.jlight{color : var(--jlight) !important;}
.jdark{color : var(--jdark) !important;}

.jbblue{background-color : var(--jblue) !important;}
.jbindigo{background-color : var(--jindigo) !important;}
.jbpurple{background-color : var(--jpurple) !important;}
.jbpink{background-color : var(--jpink) !important;}
.jbred{background-color : var(--jred) !important;}
.jborange{background-color : var(--jorange) !important;}
.jbyellow{background-color : var(--jyellow) !important;}
.jbgreen{background-color : var(--jgreen) !important;}
.jbteal{background-color : var(--jteal) !important;}
.jbcyan{background-color : var(--jcyan) !important;}
.jbwhite{background-color : var(--jwhite) !important;}
.jbgray{background-color : var(--jgray) !important;}
.jbprimary{background-color : var(--jprimary) !important;}
.jbsecondary{background-color : var(--jsecondary) !important;}
.jbsuccess{background-color : var(--jsuccess) !important;}
.jbinfo{background-color : var(--jinfo) !important;}
.jbwarning{background-color : var(--jwarning) !important;}
.jbdanger{background-color : var(--jdanger) !important;}
.jblight{background-color : var(--jlight) !important;}
.jbdark{background-color : var(--jdark) !important;}