/* ---- BOOTSTRAP LIKE ----*/

.sticky-top { overflow: unset; }
.smooth-transition { transition: 0.3s !important; }

.w-2   { width:  2% !important; }
.w-3   { width:  3% !important; }
.w-4   { width:  4% !important; }
.w-5   { width:  5% !important; }
.w-6   { width:  6% !important; }
.w-7   { width:  7% !important; }
.w-8   { width:  8% !important; }
.w-9   { width:  9% !important; }
.w-10  { width: 10% !important; }
.w-11  { width: 11% !important; }
.w-12  { width: 12% !important; }
.w-13  { width: 13% !important; }
.w-14  { width: 14% !important; }
.w-15  { width: 15% !important; }
.w-16  { width: 16% !important; }
.w-17  { width: 17% !important; }
.w-18  { width: 18% !important; }
.w-19  { width: 19% !important; }
.w-20  { width: 20% !important; }
.w-23  { width: 23% !important; }
.w-24  { width: 24% !important; }
.w-25  { width: 25% !important; }
.w-30  { width: 30% !important; }
.w-32  { width: 32% !important; }
.w-33  { width: 33.33% !important; }
.w-35  { width: 35% !important; }
.w-40  { width: 40% !important; }
.w-45  { width: 45% !important; }
.w-50  { width: 50% !important; }
.w-55  { width: 55% !important; }
.w-60  { width: 60% !important; }
.w-65  { width: 65% !important; }
.w-66  { width: 66.67% !important; }
.w-70  { width: 70% !important; }
.w-75  { width: 75% !important; }
.w-80  { width: 80% !important; }
.w-85  { width: 85% !important; }
.w-90  { width: 90% !important; }
.w-95  { width: 95% !important; }
.w-100 { width: 100% !important; }
.w-120 { width: 120% !important; }

.w-px-25 { width: 25px; }
.w-px-50 { width: 50px; }
.w-px-75 { width: 75px; }
.w-px-100 { width: 100px; }
.w-px-200 { width: 200px; }
.w-px-300 { width: 300px; }
.w-px-400 { width: 400px; }
.w-px-500 { width: 500px; }
.w-px-1000 { width: 1000px; }

.screen-w-100 { width: 100vw; }
.screen-h-100 { height: 100vh; }

.text-justify { text-align: justify !important; }

.text-blue-light { color: rgba(172,220,235,0.75) !important; }

.text-blue { color : #0078D4 !important; }
.text-blue-1 {color: #3854f1 !important; }
.text-white { color: white !important; }
.text-red { color: #c50f1f !important; }
.text-green { color: #6bb700 !important; }
.text-black { color: black !important; }
.text-grey { color: #757575 !important; }
.text-orange { color: #F0AD4E !important; }
.text-yellow { color: #F4D03F !important; }
.text-pink { color: #FB9FFB !important ; }
.text-violet { color: #9b0086 !important; }
.text-off-bold { font-weight: 600; }

:root {
    --green: #6BB700;
    --green-light: rgba(107, 183, 0, 0.5);
    --orange: #ffaa44;
    --orange-light: rgba(255, 170, 68, 0.5);
    --red: #c50f1f;
    --red-light: rgba(197, 15, 31, 0.5);
    --redlight: #FF1328;
    --redlight-light: rgba(255, 19, 40, 0.5);
    --bluelight: #A2E9FF;
    --bluelight-light: rgba(162,233,255, 0.5);
    --violet: #9b0086;
    --violet-light: rgba(155, 0, 134, 0.5);
    --yellow: #F7FB00;
    --yellow-light : rgba(247, 251, 0, 0.5);
    --blue: #0078D4;
    --blue-light: rgba(0, 120, 212, 0.5);
    --dark: #53585D;
    --dark-light: rgba(83, 88, 93, 0.5);
}

.bg-green { background-color: var(--green) !important; }
.bg-green-wait { background-color: var(--green-light) !important; }
.bg-green-half-l { background: linear-gradient(105deg, var(--green) 50%, transparent 50%) !important; }
.bg-green-half-r { background: linear-gradient(105deg, transparent 50%, var(--green) 50%) !important; }
.bg-green-wait-half-l { background: linear-gradient(105deg, var(--green-light) 50%, transparent 50%) !important; }
.bg-green-wait-half-r { background: linear-gradient(105deg, transparent 50%, var(--green-light) 50%) !important; }

.bg-green-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--orange) 50%) !important; }
.bg-green-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--orange-light) 50%) !important; }
.bg-green-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--red) 50%) !important; }
.bg-green-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--red-light) 50%) !important; }
.bg-green-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--redlight) 50%) !important; }
.bg-green-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--redlight-light) 50%) !important; }
.bg-green-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--bluelight) 50%) !important; }
.bg-green-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--bluelight-light) 50%) !important; }
.bg-green-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--violet) 50%) !important; }
.bg-green-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--violet-light) 50%) !important; }
.bg-green-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--yellow) 50%) !important; }
.bg-green-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--yellow-light) 50%) !important; }
.bg-green-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--blue) 50%) !important; }
.bg-green-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--blue-light) 50%) !important; }
.bg-green-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--dark) 50%) !important; }
.bg-green-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--green) 50%, var(--dark-light) 50%) !important; }

.bg-green-wait-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--orange) 50%) !important; }
.bg-green-wait-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--orange-light) 50%) !important; }
.bg-green-wait-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--red) 50%) !important; }
.bg-green-wait-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--red-light) 50%) !important; }
.bg-green-wait-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--redlight) 50%) !important; }
.bg-green-wait-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--redlight-light) 50%) !important; }
.bg-green-wait-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--bluelight) 50%) !important; }
.bg-green-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--bluelight-light) 50%) !important; }
.bg-green-wait-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--violet) 50%) !important; }
.bg-green-wait-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--violet-light) 50%) !important; }
.bg-green-wait-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--yellow) 50%) !important; }
.bg-green-wait-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--yellow-light) 50%) !important; }
.bg-green-wait-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--blue) 50%) !important; }
.bg-green-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--blue-light) 50%) !important; }
.bg-green-wait-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--dark) 50%) !important; }
.bg-green-wait-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--green-light) 50%, var(--dark-light) 50%) !important; }

.bg-orange { background-color: var(--orange) !important; }
.bg-orange-wait { background-color: var(--orange-light) !important; }
.bg-orange-half-l { background: linear-gradient(105deg, var(--orange) 50%, transparent 50%) !important; }
.bg-orange-half-r { background: linear-gradient(105deg, transparent 50%, var(--orange) 50%) !important; }
.bg-orange-wait-half-l { background: linear-gradient(105deg, var(--orange-light) 50%, transparent 50%) !important; }
.bg-orange-wait-half-r { background: linear-gradient(105deg, transparent 50%, var(--orange-light) 50%) !important; }

.bg-orange-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--green) 50%) !important; }
.bg-orange-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--green-light) 50%) !important; }
.bg-orange-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--red) 50%) !important; }
.bg-orange-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--red-light) 50%) !important; }
.bg-orange-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--redlight) 50%) !important; }
.bg-orange-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--redlight-light) 50%) !important; }
.bg-orange-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--bluelight) 50%) !important; }
.bg-orange-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--bluelight-light) 50%) !important; }
.bg-orange-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--violet) 50%) !important; }
.bg-orange-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--violet-light) 50%) !important; }
.bg-orange-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--yellow) 50%) !important; }
.bg-orange-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--yellow-light) 50%) !important; }
.bg-orange-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--blue) 50%) !important; }
.bg-orange-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--blue-light) 50%) !important; }
.bg-orange-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--dark) 50%) !important; }
.bg-orange-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--orange) 50%, var(--dark-light) 50%) !important; }

.bg-orange-wait-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--green) 50%) !important; }
.bg-orange-wait-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--green-light) 50%) !important; }
.bg-orange-wait-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--red) 50%) !important; }
.bg-orange-wait-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--red-light) 50%) !important; }
.bg-orange-wait-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--redlight) 50%) !important; }
.bg-orange-wait-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--redlight-light) 50%) !important; }
.bg-orange-wait-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--bluelight) 50%) !important; }
.bg-orange-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--bluelight-light) 50%) !important; }
.bg-orange-wait-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--violet) 50%) !important; }
.bg-orange-wait-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--violet-light) 50%) !important; }
.bg-orange-wait-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--yellow) 50%) !important; }
.bg-orange-wait-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--yellow-light) 50%) !important; }
.bg-orange-wait-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--blue) 50%) !important; }
.bg-orange-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--blue-light) 50%) !important; }
.bg-orange-wait-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--dark) 50%) !important; }
.bg-orange-wait-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--orange-light) 50%, var(--dark-light) 50%) !important; }

.bg-red { background-color: var(--red) !important; color: white !important; }
.bg-red-wait { background-color: var(--red-light) !important; color: white !important; }
.bg-red-half-l { background: linear-gradient(105deg, var(--red) 50%, transparent 50%) !important; color: white !important; }
.bg-red-half-r { background: linear-gradient(105deg, transparent 50%, var(--red) 50%) !important; color: white !important; }
.bg-red-wait-half-l { background: linear-gradient(105deg, var(--red-light) 50%, transparent 50%) !important; color: white !important; }
.bg-red-wait-half-r { background: linear-gradient(105deg, transparent 50%, var(--red-light) 50%) !important; color: white !important; }

.bg-red-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--green) 50%) !important; }
.bg-red-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--green-light) 50%) !important; }
.bg-red-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--orange) 50%) !important; }
.bg-red-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--orange-light) 50%) !important; }
.bg-red-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--redlight) 50%) !important; }
.bg-red-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--redlight-light) 50%) !important; }
.bg-red-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--bluelight) 50%) !important; }
.bg-red-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--bluelight-light) 50%) !important; }
.bg-red-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--violet) 50%) !important; }
.bg-red-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--violet-light) 50%) !important; }
.bg-red-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--yellow) 50%) !important; }
.bg-red-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--yellow-light) 50%) !important; }
.bg-red-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--blue) 50%) !important; }
.bg-red-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--blue-light) 50%) !important; }
.bg-red-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--dark) 50%) !important; }
.bg-red-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--red) 50%, var(--dark-light) 50%) !important; }

.bg-red-wait-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--green) 50%) !important; }
.bg-red-wait-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--green-light) 50%) !important; }
.bg-red-wait-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--orange) 50%) !important; }
.bg-red-wait-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--orange-light) 50%) !important; }
.bg-red-wait-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--redlight) 50%) !important; }
.bg-red-wait-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--redlight-light) 50%) !important; }
.bg-red-wait-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--bluelight) 50%) !important; }
.bg-red-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--bluelight-light) 50%) !important; }
.bg-red-wait-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--violet) 50%) !important; }
.bg-red-wait-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--violet-light) 50%) !important; }
.bg-red-wait-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--yellow) 50%) !important; }
.bg-red-wait-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--yellow-light) 50%) !important; }
.bg-red-wait-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--blue) 50%) !important; }
.bg-red-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--blue-light) 50%) !important; }
.bg-red-wait-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--dark) 50%) !important; }
.bg-red-wait-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--red-light) 50%, var(--dark-light) 50%) !important; }

.bg-red-light { background-color: var(--redlight) !important; color: white !important; }
.bg-red-light-wait { background-color: var(--redlight-light) !important; color: white !important; }
.bg-red-light-half-l { background: linear-gradient(105deg, var(--redlight) 50%, transparent 50%) !important; color: white !important; }
.bg-red-light-half-r { background: linear-gradient(105deg, transparent 50%, var(--redlight) 50%) !important; color: white !important; }
.bg-red-light-wait-half-l { background: linear-gradient(105deg, var(--redlight-light) 50%, transparent 50%) !important; color: white !important; }
.bg-red-light-wait-half-r { background: linear-gradient(105deg, transparent 50%, var(--redlight-light) 50%) !important;  color: white !important;}

.bg-red-light-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--green) 50%) !important; }
.bg-red-light-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--green-light) 50%) !important; }
.bg-red-light-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--orange) 50%) !important; }
.bg-red-light-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--orange-light) 50%) !important; }
.bg-red-light-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--red) 50%) !important; }
.bg-red-light-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--red-light) 50%) !important; }
.bg-red-light-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--bluelight) 50%) !important; }
.bg-red-light-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--bluelight-light) 50%) !important; }
.bg-red-light-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--violet) 50%) !important; }
.bg-red-light-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--violet-light) 50%) !important; }
.bg-red-light-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--yellow) 50%) !important; }
.bg-red-light-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--redlight) 50%, var(--yellow-light) 50%) !important; }
.bg-red-light-wait-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--blue) 50%) !important; }
.bg-red-light-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--blue-light) 50%) !important; }
.bg-red-light-wait-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--dark) 50%) !important; }
.bg-red-light-wait-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--dark-light) 50%) !important; }

.bg-red-light-wait-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--green) 50%) !important; }
.bg-red-light-wait-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--green-light) 50%) !important; }
.bg-red-light-wait-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--orange) 50%) !important; }
.bg-red-light-wait-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--orange-light) 50%) !important; }
.bg-red-light-wait-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--red) 50%) !important; }
.bg-red-light-wait-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--red-light) 50%) !important; }
.bg-red-light-wait-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--bluelight) 50%) !important; }
.bg-red-light-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--bluelight-light) 50%) !important; }
.bg-red-light-wait-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--violet) 50%) !important; }
.bg-red-light-wait-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--violet-light) 50%) !important; }
.bg-red-light-wait-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--yellow) 50%) !important; }
.bg-red-light-wait-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--yellow-light) 50%) !important; }
.bg-red-light-wait-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--blue) 50%) !important; }
.bg-red-light-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--blue-light) 50%) !important; }
.bg-red-light-wait-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--dark) 50%) !important; }
.bg-red-light-wait-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--redlight-light) 50%, var(--dark-light) 50%) !important; }

.bg-blue-light { background-color: var(--bluelight) !important; }
.bg-blue-light-wait { background-color: var(--bluelight-light) !important; }
.bg-blue-light-half-l { background: linear-gradient(105deg, var(--bluelight) 50%, transparent 50%) !important; }
.bg-blue-light-half-r { background: linear-gradient(105deg, transparent 50%, var(--bluelight) 50%) !important; }
.bg-blue-light-wait-half-l { background: linear-gradient(105deg, var(--bluelight-light) 50%, transparent 50%) !important; }
.bg-blue-light-wait-half-r { background: linear-gradient(105deg, transparent 50%, var(--bluelight-light) 50%) !important; }

.bg-blue-light-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--green) 50%) !important; }
.bg-blue-light-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--green-light) 50%) !important; }
.bg-blue-light-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--orange) 50%) !important; }
.bg-blue-light-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--orange-light) 50%) !important; }
.bg-blue-light-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--red) 50%) !important; }
.bg-blue-light-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--red-light) 50%) !important; }
.bg-blue-light-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--redlight) 50%) !important; }
.bg-blue-light-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--redlight-light) 50%) !important; }
.bg-blue-light-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--violet) 50%) !important; }
.bg-blue-light-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--violet-light) 50%) !important; }
.bg-blue-light-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--yellow) 50%) !important; }
.bg-blue-light-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--yellow-light) 50%) !important; }
.bg-blue-light-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--blue) 50%) !important; }
.bg-blue-light-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--blue-light) 50%) !important; }
.bg-blue-light-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--dark) 50%) !important; }
.bg-blue-light-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--bluelight) 50%, var(--dark-light) 50%) !important; }

.bg-blue-light-wait-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--green) 50%) !important; }
.bg-blue-light-wait-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--green-light) 50%) !important; }
.bg-blue-light-wait-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--orange) 50%) !important; }
.bg-blue-light-wait-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--orange-light) 50%) !important; }
.bg-blue-light-wait-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--red) 50%) !important; }
.bg-blue-light-wait-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--red-light) 50%) !important; }
.bg-blue-light-wait-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--redlight) 50%) !important; }
.bg-blue-light-wait-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--redlight-light) 50%) !important; }
.bg-blue-light-wait-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--violet) 50%) !important; }
.bg-blue-light-wait-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--violet-light) 50%) !important; }
.bg-blue-light-wait-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--yellow) 50%) !important; }
.bg-blue-light-wait-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--yellow-light) 50%) !important; }
.bg-blue-light-wait-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--dark) 50%) !important; }
.bg-blue-light-wait-half-l-bg-dark-light-wait-half-r { background: linear-gradient(105deg, var(--bluelight-light) 50%, var(--dark-light) 50%) !important; }

.bg-violet { background-color: var(--violet) !important; color: white !important; }
.bg-violet-wait { background-color: var(--violet-light) !important; }
.bg-violet-half-l { background: linear-gradient(105deg, var(--violet) 50%, transparent 50%) !important; }
.bg-violet-half-r { background: linear-gradient(105deg, transparent 50%, var(--violet) 50%) !important; }
.bg-violet-wait-half-l { background: linear-gradient(105deg, var(--violet-light) 50%, transparent 50%) !important; }
.bg-violet-wait-half-r { background: linear-gradient(105deg, transparent 50%, var(--violet-light) 50%) !important; }

.bg-violet-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--green) 50%) !important; }
.bg-violet-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--green-light) 50%) !important; }
.bg-violet-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--orange) 50%) !important; }
.bg-violet-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--orange-light) 50%) !important; }
.bg-violet-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--red) 50%) !important; }
.bg-violet-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--red-light) 50%) !important; }
.bg-violet-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--redlight) 50%) !important; }
.bg-violet-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--redlight-light) 50%) !important; }
.bg-violet-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--bluelight) 50%) !important; }
.bg-violet-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--bluelight-light) 50%) !important; }
.bg-violet-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--yellow) 50%) !important; }
.bg-violet-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--yellow-light) 50%) !important; }
.bg-violet-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--blue) 50%) !important; }
.bg-violet-half-l-bg-blue-wait-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--blue-light) 50%) !important; }
.bg-violet-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--dark) 50%) !important; }
.bg-violet-half-l-bg-dark-wait-half-r { background: linear-gradient(105deg, var(--violet) 50%, var(--dark-light) 50%) !important; }

.bg-violet-wait-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--green) 50%) !important; }
.bg-violet-wait-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--green-light) 50%) !important; }
.bg-violet-wait-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--orange) 50%) !important; }
.bg-violet-wait-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--orange-light) 50%) !important; }
.bg-violet-wait-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--red) 50%) !important; }
.bg-violet-wait-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--red-light) 50%) !important; }
.bg-violet-wait-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--redlight) 50%) !important; }
.bg-violet-wait-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--redlight-light) 50%) !important; }
.bg-violet-wait-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--bluelight) 50%) !important; }
.bg-violet-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--bluelight-light) 50%) !important; }
.bg-violet-wait-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--yellow) 50%) !important; }
.bg-violet-wait-half-l-bg-yellow-light-wait-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--yellow-light) 50%) !important; }
.bg-violet-wait-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--blue) 50%) !important; }
.bg-violet-wait-half-l-bg-blue-wait-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--blue-light) 50%) !important; }
.bg-violet-wait-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--dark) 50%) !important; }
.bg-violet-wait-half-l-bg-dark-wait-half-r { background: linear-gradient(105deg, var(--violet-light) 50%, var(--dark-light) 50%) !important; }

.bg-yellow { background-color: var(--yellow) !important; color: black !important; }
.bg-yellow-wait { background-color: var(--yellow-light) !important; color: black !important; }
.bg-yellow-half-l { background: linear-gradient(105deg, var(--yellow) 50%, transparent 50%) !important; }
.bg-yellow-half-r { background: linear-gradient(105deg, transparent 50%, var(--yellow) 50%) !important; }
.bg-yellow-wait-half-l { background: linear-gradient(105deg, var(--yellow-light) 50%, transparent 50%) !important; }
.bg-yellow-wait-half-r { background: linear-gradient(105deg, transparent 50%, var(--yellow-light) 50%) !important; }

.bg-yellow-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--green) 50%) !important; }
.bg-yellow-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--green-light) 50%) !important; }
.bg-yellow-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--orange) 50%) !important; }
.bg-yellow-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--orange-light) 50%) !important; }
.bg-yellow-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--red) 50%) !important; }
.bg-yellow-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--red-light) 50%) !important; }
.bg-yellow-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--redlight) 50%) !important; }
.bg-yellow-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--redlight-light) 50%) !important; }
.bg-yellow-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--bluelight) 50%) !important; }
.bg-yellow-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--bluelight-light) 50%) !important; }
.bg-yellow-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--violet) 50%) !important; }
.bg-yellow-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--violet-light) 50%) !important; }
.bg-yellow-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--blue) 50%) !important; }
.bg-yellow-half-l-bg-blue-wait-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--blue-light) 50%) !important; }
.bg-yellow-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--dark) 50%) !important; }
.bg-yellow-half-l-bg-dark-wait-half-r { background: linear-gradient(105deg, var(--yellow) 50%, var(--dark-light) 50%) !important; }

.bg-yellow-wait-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--green) 50%) !important; }
.bg-yellow-wait-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--green-light) 50%) !important; }
.bg-yellow-wait-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--orange) 50%) !important; }
.bg-yellow-wait-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--orange-light) 50%) !important; }
.bg-yellow-wait-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--red) 50%) !important; }
.bg-yellow-wait-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--red-light) 50%) !important; }
.bg-yellow-wait-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--redlight) 50%) !important; }
.bg-yellow-wait-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--redlight-light) 50%) !important; }
.bg-yellow-wait-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--bluelight) 50%) !important; }
.bg-yellow-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--bluelight-light) 50%) !important; }
.bg-yellow-wait-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--violet) 50%) !important; }
.bg-yellow-wait-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--violet-light) 50%) !important; }
.bg-yellow-wait-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--blue) 50%) !important; }
.bg-yellow-wait-half-l-bg-blue-wait-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--blue-light) 50%) !important; }
.bg-yellow-wait-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--dark) 50%) !important; }
.bg-yellow-wait-half-l-bg-dark-wait-half-r { background: linear-gradient(105deg, var(--yellow-light) 50%, var(--dark-light) 50%) !important; }

.bg-blue { background-color: var(--blue) !important; color: white !important; }
.bg-blue-wait { background-color: var(--blue-light) !important; color: black !important; }
.bg-blue-half-l { background: linear-gradient(105deg, var(--blue) 50%, transparent 50%) !important; }
.bg-blue-half-r { background: linear-gradient(105deg, transparent 50%, var(--blue) 50%) !important; }
.bg-blue-wait-half-l { background: linear-gradient(105deg, var(--blue-light) 50%, transparent 50%) !important; }
.bg-blue-wait-half-r { background: linear-gradient(105deg, transparent 50%, var(--blue-light) 50%) !important; }

.bg-blue-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--green) 50%) !important; }
.bg-blue-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--green-light) 50%) !important; }
.bg-blue-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--orange) 50%) !important; }
.bg-blue-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--orange-light) 50%) !important; }
.bg-blue-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--red) 50%) !important; }
.bg-blue-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--red-light) 50%) !important; }
.bg-blue-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--redlight) 50%) !important; }
.bg-blue-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--redlight-light) 50%) !important; }
.bg-blue-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--bluelight) 50%) !important; }
.bg-blue-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--bluelight-light) 50%) !important; }
.bg-blue-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--violet) 50%) !important; }
.bg-blue-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--violet-light) 50%) !important; }
.bg-blue-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--yellow) 50%) !important; }
.bg-blue-half-l-bg-yellow-wait-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--yellow-light) 50%) !important; }
.bg-blue-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--dark) 50%) !important; }
.bg-blue-half-l-bg-dark-wait-half-r { background: linear-gradient(105deg, var(--blue) 50%, var(--dark-light) 50%) !important; }

.bg-blue-wait-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--green) 50%) !important; }
.bg-blue-wait-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--green-light) 50%) !important; }
.bg-blue-wait-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--orange) 50%) !important; }
.bg-blue-wait-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--orange-light) 50%) !important; }
.bg-blue-wait-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--red) 50%) !important; }
.bg-blue-wait-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--red-light) 50%) !important; }
.bg-blue-wait-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--redlight) 50%) !important; }
.bg-blue-wait-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--redlight-light) 50%) !important; }
.bg-blue-wait-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--bluelight) 50%) !important; }
.bg-blue-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--bluelight-light) 50%) !important; }
.bg-blue-wait-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--violet) 50%) !important; }
.bg-blue-wait-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--violet-light) 50%) !important; }
.bg-blue-wait-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--yellow) 50%) !important; }
.bg-blue-wait-half-l-bg-yellow-wait-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--yellow-light) 50%) !important; }
.bg-blue-wait-half-l-bg-dark-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--dark) 50%) !important; }
.bg-blue-wait-half-l-bg-dark-wait-half-r { background: linear-gradient(105deg, var(--blue-light) 50%, var(--dark-light) 50%) !important; }

.bg-dark { background-color: var(--dark) !important; color: white !important; }
.bg-dark-wait { background-color: var(--dark-light) !important; color: white !important; }
.bg-dark-half-l { background: linear-gradient(105deg, var(--dark) 50%, transparent 50%) !important; }
.bg-dark-half-r { background: linear-gradient(105deg, transparent 50%, var(--dark) 50%) !important; }
.bg-dark-wait-half-l { background: linear-gradient(105deg, var(--dark-light) 50%, transparent 50%) !important; }
.bg-dark-wait-half-r { background: linear-gradient(105deg, transparent 50%, var(--dark-light) 50%) !important; }

.bg-dark-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--green) 50%) !important; }
.bg-dark-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--green-light) 50%) !important; }
.bg-dark-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--orange) 50%) !important; }
.bg-dark-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--orange-light) 50%) !important; }
.bg-dark-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--red) 50%) !important; }
.bg-dark-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--red-light) 50%) !important; }
.bg-dark-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--redlight) 50%) !important; }
.bg-dark-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--redlight-light) 50%) !important; }
.bg-dark-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--bluelight) 50%) !important; }
.bg-dark-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--bluelight-light) 50%) !important; }
.bg-dark-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--violet) 50%) !important; }
.bg-dark-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--violet-light) 50%) !important; }
.bg-dark-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--yellow) 50%) !important; }
.bg-dark-half-l-bg-yellow-wait-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--yellow-light) 50%) !important; }
.bg-dark-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--blue) 50%) !important; }
.bg-dark-half-l-bg-blue-wait-half-r { background: linear-gradient(105deg, var(--dark) 50%, var(--blue-light) 50%) !important; }

.bg-dark-wait-half-l-bg-green-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--green) 50%) !important; }
.bg-dark-wait-half-l-bg-green-wait-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--green-light) 50%) !important; }
.bg-dark-wait-half-l-bg-orange-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--orange) 50%) !important; }
.bg-dark-wait-half-l-bg-orange-wait-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--orange-light) 50%) !important; }
.bg-dark-wait-half-l-bg-red-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--red) 50%) !important; }
.bg-dark-wait-half-l-bg-red-wait-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--red-light) 50%) !important; }
.bg-dark-wait-half-l-bg-red-light-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--redlight) 50%) !important; }
.bg-dark-wait-half-l-bg-red-light-wait-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--redlight-light) 50%) !important; }
.bg-dark-wait-half-l-bg-blue-light-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--bluelight) 50%) !important; }
.bg-dark-wait-half-l-bg-blue-light-wait-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--bluelight-light) 50%) !important; }
.bg-dark-wait-half-l-bg-violet-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--violet) 50%) !important; }
.bg-dark-wait-half-l-bg-violet-wait-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--violet-light) 50%) !important; }
.bg-dark-wait-half-l-bg-yellow-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--yellow) 50%) !important; }
.bg-dark-wait-half-l-bg-yellow-wait-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--yellow-light) 50%) !important; }
.bg-dark-wait-half-l-bg-blue-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--blue) 50%) !important; }
.bg-dark-wait-half-l-bg-blue-wait-half-r { background: linear-gradient(105deg, var(--dark-light) 50%, var(--blue-light) 50%) !important; }


.bg-grey { background-color: #BDBDBD !important; }
.bg-grey-1 { background-color: #757575 !important; color: white !important; }
.bg-grey-light { background-color: #dfdfdf !important; }
.bg-yellow-light { background-color: #E0D000 !important; color: black !important; }
.bg-green-light { background-color: #bad80a !important; }
.bg-green-vlight { background-color: rgba(92,184,92,0.25) !important; color: black !important; }
.bg-red-error { background-color: rgb(253, 174, 180) !important; }
.bg-blue { background-color: #0078D4 !important; color: white !important; }
.bg-blue-1 { background-color: #3854f1 !important; color: white !important; }
.bg-blue-2 { background-color: #064779 !important; color: white !important; }
.bg-blue-spe { background-color: #0F4C81 !important; color: white !important; }
.bg-pink { background-color: #FB9FFB !important; color: white !important; }
.bg-white { background-color: white !important; }
.bg-black { background-color: black !important; color: white !important; }
.bg-smoke { background-color: whitesmoke !important; }
.bg-enquete { background-color: #0f75bc !important; }

.b-red { border-color: #D9534F !important; }
.b-blue { border-color: #0078D4 !important; }
.b-blue-1 { border-color: #CCCCFF !important; }
.b-blue-2 { border-color: #9BCCFF !important; }
.b-blue-3 { border-color: #333399 !important; }
.b-green-1 { border-color: #33CCCC !important; }
.b-grey-1 { border-color: #BDBDBD !important; }
.b-orange { border-color: #F0AD4E !important; }
.b-green { border-color: #5CB85C !important; }
.b-black { border-color: black !important; }
.b-light { border-color: #A2E9FF !important; }

.fs-em-80 { font-size: 0.8em !important}
.fs-em-90 { font-size: 0.9em !important; }
.fs-em-100 { font-size: 1em !important; }
.fs-em-125 { font-size: 1.25em !important; }
.fs-em-150 { font-size: 1.5em !important; }
.fs-em-200 { font-size: 2em !important; }
.fs-em-250 { font-size: 2.5em !important; }
.fs-em-300 { font-size: 3em !important; }
.fs-em-350 { font-size: 3.5em !important; }

.bg-valid { background-color: #23DC3D; }
.bg-error { background-color: #ff3232; }

.max-h-100 { max-height: 100px; }
.h-35-px { height: 35px; }

.mw-px-200 { min-width: 200px !important; }
.mw-px-225 { min-width: 225px !important; }
.mw-px-250 { min-width: 250px !important; }

.table td { padding: 0.45rem 0.50rem !important; }

.wh-full {
    width: 100vw;
    height: 100vh;
}

/* === GESTION DU MENU DE BOOSTRAP === */
.nav-link { 
    color: black !important; 
    font-size: 1.15rem;
}
.nav-link i { font-size: 1.50rem !important; }
.nav-link:hover { color: rgba(0,0,0,.5) !important; }

.dropdown:hover > .dropdown-menu { display: block; }

.modal-xxl { max-width: 500px; }
@media (min-width: 992px) { .modal-xxl { max-width: 800px; } }
@media (min-width: 1200px) { .modal-xxl { max-width: 1140px; } }
@media (min-width: 1800px) { .modal-xxl { max-width: 1700px; } }