:root {
    --ColorUltraLight : #ffff00;
    --ColorLight : #ffff00; /* ColorPercent50Light */
    --ColorNormal : #FFCC00; /* Color */
    --ColorDark : #b38f00; /* ColorPercent30Dark */
    --ColorUltraDark : #806600; /* ColorPercent50Dark */

    --RGBColorUltraLight: 255, 255, 0; /* #ffff00 */
    --RGBColorLight: 255, 255, 0;      /* #ffff00 */
    --RGBColorNormal: 255, 204, 0;     /* #FFCC00 */
    --RGBColorDark: 179, 143, 0;       /* #b38f00 */
    --RGBColorUltraDark: 128, 102, 0;  /* #806600 */

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

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

    --bs-heading-font-family: 'Soleto Bold';
}
@font-face {font-style: normal;font-weight: 700;src: url("/css/fonts/Soleto-Thin.ttf") format("opentype");font-family: 'Soleto Thin';}
@font-face {font-style: normal;font-weight: 700;src: url("/css/fonts/Soleto-Light.ttf.ttf") format("opentype");font-family: 'Soleto Light';}
@font-face {font-style: normal;font-weight: 700;src: url("/css/fonts/Soleto-Regular.ttf") format("opentype");font-family: 'Soleto Regular';}
@font-face {font-style: normal;font-weight: 700;src: url("/css/fonts/Soleto-Medium.ttf") format("opentype");font-family: 'Soleto Medium';}
@font-face {font-style: normal;font-weight: 700;src: url("/css/fonts/Soleto-Bold.ttf") format("opentype");font-family: 'Soleto Bold';}
@font-face {font-style: normal;font-weight: 700;src: url("/css/fonts/Soleto-XBold.ttf") format("opentype");font-family: 'Soleto XBold';}
@font-face {font-style: normal;font-weight: 700;src: url("/css/fonts/Soleto-Black.ttf") format("opentype");font-family: 'Soleto Black';}

.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;}

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