/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 7 Jul 2024, 1:16:14 am
    Author     : Rohan
*/

:root{
    --jcusmidorange-50:#FFF0E0;
    --jcusmidorange-100:#FFDAB3;
    --jcusmidorange-200:#FFC180;
    --jcusmidorange-300:#FFA84D;
    --jcusmidorange-400:#FF9526;
    --jcusmidorange-500:#FF8200;
    --jcusmidorange-600:#FF7A00;
    --jcusmidorange-700:#FF6F00;
    --jcusmidorange-800:#FF6500;
    --jcusmidorange-900:#FF5200;
    --jcusmidorange-A100:#FFFFFF;
    --jcusmidorange-A200:#FFF6F2;
    --jcusmidorange-A400:#FFD0BF;
    --jcusmidorange-A700:#FFBDA6;
    
    --jcusgrape-50:#F3E4ED;
    --jcusgrape-100:#E0BCD1;
    --jcusgrape-200:#CC8FB3;
    --jcusgrape-300:#B86294;
    --jcusgrape-400:#A8407D;
    --jcusgrape-500:#991E66;
    --jcusgrape-600:#911A5E;
    --jcusgrape-700:#861653;
    --jcusgrape-800:#7C1249;
    --jcusgrape-900:#6B0A38;
    --jcusgrape-A100:#FF9CC6;
    --jcusgrape-A101:#FF69A8;
    --jcusgrape-A102:#FF368B;
    --jcusgrape-A103:#FF1D7C;
    
    --jcusemerald-50:#E0F2F0;
    --jcusemerald-100:#B3E0D9;
    --jcusemerald-200:#80CBC0;
    --jcusemerald-300:#4DB6A7;
    --jcusemerald-400:#26A694;
    --jcusemerald-500:#009681;
    --jcusemerald-600:#008E79;
    --jcusemerald-700:#00836E;
    --jcusemerald-800:#007964;
    --jcusemerald-900:#006851;
    --jcusemerald-A100:#97FFE4;
    --jcusemerald-A200:#64FFD7;
    --jcusemerald-A400:#31FFC9;
    --jcusemerald-A700:#18FFC3;
    
    --jcusmidred-50:#FFF5F4;
    --jcusmidred-100:#FFE5E3;
    --jcusmidred-200:#FFCCC9;
    --jcusmidred-300:#FFA6A2;
    --jcusmidred-400:#FF807B;
    --jcusmidred-500:#FF5A54;
    --jcusmidred-600:#DA291C;
    --jcusmidred-700:#B32217;
    --jcusmidred-800:#8C1A12;
    --jcusmidred-900:#66110D;
    --jcusmidred-A100:#FFD8D7;
    --jcusmidred-A200:#FFB3B2;
    --jcusmidred-A400:#FF6966;
    --jcusmidred-A700:#E5352E;
    
    --jcusdarkgreen-50:#E3F6EC;
    --jcusdarkgreen-100:#C3EDD8;
    --jcusdarkgreen-200:#9BE2C0;
    --jcusdarkgreen-300:#6FD7A5;
    --jcusdarkgreen-400:#43CB8A;
    --jcusdarkgreen-500:#009639;
    --jcusdarkgreen-600:#008430;
    --jcusdarkgreen-700:#007227;
    --jcusdarkgreen-800:#005F1E;
    --jcusdarkgreen-900:#004B15;
    --jcusdarkgreen-A100:#ABFFD2;
    --jcusdarkgreen-A200:#78FFB8;
    --jcusdarkgreen-A400:#2EFF8E;
    --jcusdarkgreen-A700:#00D671;
    
    --jcusmidblue-50:#E3F2FD;
    --jcusmidblue-100:#C6E4FB;
    --jcusmidblue-200:#8FCAFA;
    --jcusmidblue-300:#5AAEF7;
    --jcusmidblue-400:#2894F3;
    --jcusmidblue-500:#0066CC;
    --jcusmidblue-600:#005BB8;
    --jcusmidblue-700:#004DA3;
    --jcusmidblue-800:#003F8F;
    --jcusmidblue-900:#002F73;
    --jcusmidblue-A100:#A4D3FF;
    --jcusmidblue-A200:#70B8FF;
    --jcusmidblue-A400:#2890FF;
    --jcusmidblue-A700:#0073E6;
    
    --jcusbrightorange-50:#FFF8E3;
    --jcusbrightorange-100:#FFEDC1;
    --jcusbrightorange-200:#FFE29B;
    --jcusbrightorange-300:#FFD573;
    --jcusbrightorange-400:#FFC94C;
    --jcusbrightorange-500:#FFC72C;
    --jcusbrightorange-600:#E6B024;
    --jcusbrightorange-700:#CC991E;
    --jcusbrightorange-800:#B38319;
    --jcusbrightorange-900:#806012;
    --jcusbrightorange-A100:#FFE86E;
    --jcusbrightorange-A200:#FFDB3B;
    --jcusbrightorange-A400:#FFC400;
    --jcusbrightorange-A700:#E5AF00;
    
    --jcusmidgreen-50:#EBF7E8;
    --jcusmidgreen-100:#D2EECB;
    --jcusmidgreen-200:#AEE2A6;
    --jcusmidgreen-300:#8AD682;
    --jcusmidgreen-400:#73CB69;
    --jcusmidgreen-500:#6CC24A;
    --jcusmidgreen-600:#5AA93F;
    --jcusmidgreen-700:#489034;
    --jcusmidgreen-800:#36772A;
    --jcusmidgreen-900:#245D1F;
    --jcusmidgreen-A100:#C9FFC3;
    --jcusmidgreen-A200:#A4FFA0;
    --jcusmidgreen-A400:#5AFF59;
    --jcusmidgreen-A700:#40E640;
}

.text-jcusemerald-50 {
  color: var(--jcusemerald-50) !important;
}
.text-jcusemerald-100 {
  color: var(--jcusemerald-100) !important;
}
.text-jcusemerald-200 {
  color: var(--jcusemerald-200) !important;
}
.text-jcusemerald-300 {
  color: var(--jcusemerald-300) !important;
}
.text-jcusemerald-400 {
  color: var(--jcusemerald-400) !important;
}
.text-jcusemerald-500 {
  color: var(--jcusemerald-500) !important;
}
.text-jcusemerald-600 {
  color: var(--jcusemerald-600) !important;
}
.text-jcusemerald-700 {
  color: var(--jcusemerald-700) !important;
}
.text-jcusemerald-800 {
  color: var(--jcusemerald-800) !important;
}
.text-jcusemerald-900 {
  color: var(--jcusemerald-900) !important;
}

.focus\:text-jcusemerald-50:focus {
  color: var(--jcusemerald-50) !important;
}
.focus\:text-jcusemerald-100:focus {
  color: var(--jcusemerald-100) !important;
}
.focus\:text-jcusemerald-200:focus {
  color: var(--jcusemerald-200) !important;
}
.focus\:text-jcusemerald-300:focus {
  color: var(--jcusemerald-300) !important;
}
.focus\:text-jcusemerald-400:focus {
  color: var(--jcusemerald-400) !important;
}
.focus\:text-jcusemerald-500:focus {
  color: var(--jcusemerald-500) !important;
}
.focus\:text-jcusemerald-600:focus {
  color: var(--jcusemerald-600) !important;
}
.focus\:text-jcusemerald-700:focus {
  color: var(--jcusemerald-700) !important;
}
.focus\:text-jcusemerald-800:focus {
  color: var(--jcusemerald-800) !important;
}
.focus\:text-jcusemerald-900:focus {
  color: var(--jcusemerald-900) !important;
}

.hover\:text-jcusemerald-50:hover {
  color: var(--jcusemerald-50) !important;
}
.hover\:text-jcusemerald-100:hover {
  color: var(--jcusemerald-100) !important;
}
.hover\:text-jcusemerald-200:hover {
  color: var(--jcusemerald-200) !important;
}
.hover\:text-jcusemerald-300:hover {
  color: var(--jcusemerald-300) !important;
}
.hover\:text-jcusemerald-400:hover {
  color: var(--jcusemerald-400) !important;
}
.hover\:text-jcusemerald-500:hover {
  color: var(--jcusemerald-500) !important;
}
.hover\:text-jcusemerald-600:hover {
  color: var(--jcusemerald-600) !important;
}
.hover\:text-jcusemerald-700:hover {
  color: var(--jcusemerald-700) !important;
}
.hover\:text-jcusemerald-800:hover {
  color: var(--jcusemerald-800) !important;
}
.hover\:text-jcusemerald-900:hover {
  color: var(--jcusemerald-900) !important;
}

.active\:text-jcusemerald-50:active {
  color: var(--jcusemerald-50) !important;
}
.active\:text-jcusemerald-100:active {
  color: var(--jcusemerald-100) !important;
}
.active\:text-jcusemerald-200:active {
  color: var(--jcusemerald-200) !important;
}
.active\:text-jcusemerald-300:active {
  color: var(--jcusemerald-300) !important;
}
.active\:text-jcusemerald-400:active {
  color: var(--jcusemerald-400) !important;
}
.active\:text-jcusemerald-500:active {
  color: var(--jcusemerald-500) !important;
}
.active\:text-jcusemerald-600:active {
  color: var(--jcusemerald-600) !important;
}
.active\:text-jcusemerald-700:active {
  color: var(--jcusemerald-700) !important;
}
.active\:text-jcusemerald-800:active {
  color: var(--jcusemerald-800) !important;
}
.active\:text-jcusemerald-900:active {
  color: var(--jcusemerald-900) !important;
}


.bg-jcusemerald-50 {
  background-color: var(--jcusemerald-50) !important;
}
.bg-jcusemerald-100 {
  background-color: var(--jcusemerald-100) !important;
}
.bg-jcusemerald-200 {
  background-color: var(--jcusemerald-200) !important;
}
.bg-jcusemerald-300 {
  background-color: var(--jcusemerald-300) !important;
}
.bg-jcusemerald-400 {
  background-color: var(--jcusemerald-400) !important;
}
.bg-jcusemerald-500 {
  background-color: var(--jcusemerald-500) !important;
}
.bg-jcusemerald-600 {
  background-color: var(--jcusemerald-600) !important;
}
.bg-jcusemerald-700 {
  background-color: var(--jcusemerald-700) !important;
}
.bg-jcusemerald-800 {
  background-color: var(--jcusemerald-800) !important;
}
.bg-jcusemerald-900 {
  background-color: var(--jcusemerald-900) !important;
}

.focus\:bg-jcusemerald-50:focus {
  background-color: var(--jcusemerald-50) !important;
}
.focus\:bg-jcusemerald-100:focus {
  background-color: var(--jcusemerald-100) !important;
}
.focus\:bg-jcusemerald-200:focus {
  background-color: var(--jcusemerald-200) !important;
}
.focus\:bg-jcusemerald-300:focus {
  background-color: var(--jcusemerald-300) !important;
}
.focus\:bg-jcusemerald-400:focus {
  background-color: var(--jcusemerald-400) !important;
}
.focus\:bg-jcusemerald-500:focus {
  background-color: var(--jcusemerald-500) !important;
}
.focus\:bg-jcusemerald-600:focus {
  background-color: var(--jcusemerald-600) !important;
}
.focus\:bg-jcusemerald-700:focus {
  background-color: var(--jcusemerald-700) !important;
}
.focus\:bg-jcusemerald-800:focus {
  background-color: var(--jcusemerald-800) !important;
}
.focus\:bg-jcusemerald-900:focus {
  background-color: var(--jcusemerald-900) !important;
}

.hover\:bg-jcusemerald-50:hover {
  background-color: var(--jcusemerald-50) !important;
}
.hover\:bg-jcusemerald-100:hover {
  background-color: var(--jcusemerald-100) !important;
}
.hover\:bg-jcusemerald-200:hover {
  background-color: var(--jcusemerald-200) !important;
}
.hover\:bg-jcusemerald-300:hover {
  background-color: var(--jcusemerald-300) !important;
}
.hover\:bg-jcusemerald-400:hover {
  background-color: var(--jcusemerald-400) !important;
}
.hover\:bg-jcusemerald-500:hover {
  background-color: var(--jcusemerald-500) !important;
}
.hover\:bg-jcusemerald-600:hover {
  background-color: var(--jcusemerald-600) !important;
}
.hover\:bg-jcusemerald-700:hover {
  background-color: var(--jcusemerald-700) !important;
}
.hover\:bg-jcusemerald-800:hover {
  background-color: var(--jcusemerald-800) !important;
}
.hover\:bg-jcusemerald-900:hover {
  background-color: var(--jcusemerald-900) !important;
}

.active\:bg-jcusemerald-50:active {
  background-color: var(--jcusemerald-50) !important;
}
.active\:bg-jcusemerald-100:active {
  background-color: var(--jcusemerald-100) !important;
}
.active\:bg-jcusemerald-200:active {
  background-color: var(--jcusemerald-200) !important;
}
.active\:bg-jcusemerald-300:active {
  background-color: var(--jcusemerald-300) !important;
}
.active\:bg-jcusemerald-400:active {
  background-color: var(--jcusemerald-400) !important;
}
.active\:bg-jcusemerald-500:active {
  background-color: var(--jcusemerald-500) !important;
}
.active\:bg-jcusemerald-600:active {
  background-color: var(--jcusemerald-600) !important;
}
.active\:bg-jcusemerald-700:active {
  background-color: var(--jcusemerald-700) !important;
}
.active\:bg-jcusemerald-800:active {
  background-color: var(--jcusemerald-800) !important;
}
.active\:bg-jcusemerald-900:active {
  background-color: var(--jcusemerald-900) !important;
}

.border-jcusemerald-50 {
  border-color: var(--jcusemerald-50) !important;
}
.border-jcusemerald-100 {
  border-color: var(--jcusemerald-100) !important;
}
.border-jcusemerald-200 {
  border-color: var(--jcusemerald-200) !important;
}
.border-jcusemerald-300 {
  border-color: var(--jcusemerald-300) !important;
}
.border-jcusemerald-400 {
  border-color: var(--jcusemerald-400) !important;
}
.border-jcusemerald-500 {
  border-color: var(--jcusemerald-500) !important;
}
.border-jcusemerald-600 {
  border-color: var(--jcusemerald-600) !important;
}
.border-jcusemerald-700 {
  border-color: var(--jcusemerald-700) !important;
}
.border-jcusemerald-800 {
  border-color: var(--jcusemerald-800) !important;
}
.border-jcusemerald-900 {
  border-color: var(--jcusemerald-900) !important;
}

.focus\:border-jcusemerald-50:focus {
  border-color: var(--jcusemerald-50) !important;
}
.focus\:border-jcusemerald-100:focus {
  border-color: var(--jcusemerald-100) !important;
}
.focus\:border-jcusemerald-200:focus {
  border-color: var(--jcusemerald-200) !important;
}
.focus\:border-jcusemerald-300:focus {
  border-color: var(--jcusemerald-300) !important;
}
.focus\:border-jcusemerald-400:focus {
  border-color: var(--jcusemerald-400) !important;
}
.focus\:border-jcusemerald-500:focus {
  border-color: var(--jcusemerald-500) !important;
}
.focus\:border-jcusemerald-600:focus {
  border-color: var(--jcusemerald-600) !important;
}
.focus\:border-jcusemerald-700:focus {
  border-color: var(--jcusemerald-700) !important;
}
.focus\:border-jcusemerald-800:focus {
  border-color: var(--jcusemerald-800) !important;
}
.focus\:border-jcusemerald-900:focus {
  border-color: var(--jcusemerald-900) !important;
}

.hover\:border-jcusemerald-50:hover {
  border-color: var(--jcusemerald-50) !important;
}
.hover\:border-jcusemerald-100:hover {
  border-color: var(--jcusemerald-100) !important;
}
.hover\:border-jcusemerald-200:hover {
  border-color: var(--jcusemerald-200) !important;
}
.hover\:border-jcusemerald-300:hover {
  border-color: var(--jcusemerald-300) !important;
}
.hover\:border-jcusemerald-400:hover {
  border-color: var(--jcusemerald-400) !important;
}
.hover\:border-jcusemerald-500:hover {
  border-color: var(--jcusemerald-500) !important;
}
.hover\:border-jcusemerald-600:hover {
  border-color: var(--jcusemerald-600) !important;
}
.hover\:border-jcusemerald-700:hover {
  border-color: var(--jcusemerald-700) !important;
}
.hover\:border-jcusemerald-800:hover {
  border-color: var(--jcusemerald-800) !important;
}
.hover\:border-jcusemerald-900:hover {
  border-color: var(--jcusemerald-900) !important;
}

.active\:border-jcusemerald-50:active {
  border-color: var(--jcusemerald-50) !important;
}
.active\:border-jcusemerald-100:active {
  border-color: var(--jcusemerald-100) !important;
}
.active\:border-jcusemerald-200:active {
  border-color: var(--jcusemerald-200) !important;
}
.active\:border-jcusemerald-300:active {
  border-color: var(--jcusemerald-300) !important;
}
.active\:border-jcusemerald-400:active {
  border-color: var(--jcusemerald-400) !important;
}
.active\:border-jcusemerald-500:active {
  border-color: var(--jcusemerald-500) !important;
}
.active\:border-jcusemerald-600:active {
  border-color: var(--jcusemerald-600) !important;
}
.active\:border-jcusemerald-700:active {
  border-color: var(--jcusemerald-700) !important;
}
.active\:border-jcusemerald-800:active {
  border-color: var(--jcusemerald-800) !important;
}
.active\:border-jcusemerald-900:active {
  border-color: var(--jcusemerald-900) !important;
}

.text-jcusmidred-50 {
  color: var(--jcusmidred-50) !important;
}
.text-jcusmidred-100 {
  color: var(--jcusmidred-100) !important;
}
.text-jcusmidred-200 {
  color: var(--jcusmidred-200) !important;
}
.text-jcusmidred-300 {
  color: var(--jcusmidred-300) !important;
}
.text-jcusmidred-400 {
  color: var(--jcusmidred-400) !important;
}
.text-jcusmidred-500 {
  color: var(--jcusmidred-500) !important;
}
.text-jcusmidred-600 {
  color: var(--jcusmidred-600) !important;
}
.text-jcusmidred-700 {
  color: var(--jcusmidred-700) !important;
}
.text-jcusmidred-800 {
  color: var(--jcusmidred-800) !important;
}
.text-jcusmidred-900 {
  color: var(--jcusmidred-900) !important;
}

.focus\:text-jcusmidred-50:focus {
  color: var(--jcusmidred-50) !important;
}
.focus\:text-jcusmidred-100:focus {
  color: var(--jcusmidred-100) !important;
}
.focus\:text-jcusmidred-200:focus {
  color: var(--jcusmidred-200) !important;
}
.focus\:text-jcusmidred-300:focus {
  color: var(--jcusmidred-300) !important;
}
.focus\:text-jcusmidred-400:focus {
  color: var(--jcusmidred-400) !important;
}
.focus\:text-jcusmidred-500:focus {
  color: var(--jcusmidred-500) !important;
}
.focus\:text-jcusmidred-600:focus {
  color: var(--jcusmidred-600) !important;
}
.focus\:text-jcusmidred-700:focus {
  color: var(--jcusmidred-700) !important;
}
.focus\:text-jcusmidred-800:focus {
  color: var(--jcusmidred-800) !important;
}
.focus\:text-jcusmidred-900:focus {
  color: var(--jcusmidred-900) !important;
}

.hover\:text-jcusmidred-50:hover {
  color: var(--jcusmidred-50) !important;
}
.hover\:text-jcusmidred-100:hover {
  color: var(--jcusmidred-100) !important;
}
.hover\:text-jcusmidred-200:hover {
  color: var(--jcusmidred-200) !important;
}
.hover\:text-jcusmidred-300:hover {
  color: var(--jcusmidred-300) !important;
}
.hover\:text-jcusmidred-400:hover {
  color: var(--jcusmidred-400) !important;
}
.hover\:text-jcusmidred-500:hover {
  color: var(--jcusmidred-500) !important;
}
.hover\:text-jcusmidred-600:hover {
  color: var(--jcusmidred-600) !important;
}
.hover\:text-jcusmidred-700:hover {
  color: var(--jcusmidred-700) !important;
}
.hover\:text-jcusmidred-800:hover {
  color: var(--jcusmidred-800) !important;
}
.hover\:text-jcusmidred-900:hover {
  color: var(--jcusmidred-900) !important;
}

.active\:text-jcusmidred-50:active {
  color: var(--jcusmidred-50) !important;
}
.active\:text-jcusmidred-100:active {
  color: var(--jcusmidred-100) !important;
}
.active\:text-jcusmidred-200:active {
  color: var(--jcusmidred-200) !important;
}
.active\:text-jcusmidred-300:active {
  color: var(--jcusmidred-300) !important;
}
.active\:text-jcusmidred-400:active {
  color: var(--jcusmidred-400) !important;
}
.active\:text-jcusmidred-500:active {
  color: var(--jcusmidred-500) !important;
}
.active\:text-jcusmidred-600:active {
  color: var(--jcusmidred-600) !important;
}
.active\:text-jcusmidred-700:active {
  color: var(--jcusmidred-700) !important;
}
.active\:text-jcusmidred-800:active {
  color: var(--jcusmidred-800) !important;
}
.active\:text-jcusmidred-900:active {
  color: var(--jcusmidred-900) !important;
}


.bg-jcusmidred-50 {
  background-color: var(--jcusmidred-50) !important;
}
.bg-jcusmidred-100 {
  background-color: var(--jcusmidred-100) !important;
}
.bg-jcusmidred-200 {
  background-color: var(--jcusmidred-200) !important;
}
.bg-jcusmidred-300 {
  background-color: var(--jcusmidred-300) !important;
}
.bg-jcusmidred-400 {
  background-color: var(--jcusmidred-400) !important;
}
.bg-jcusmidred-500 {
  background-color: var(--jcusmidred-500) !important;
}
.bg-jcusmidred-600 {
  background-color: var(--jcusmidred-600) !important;
}
.bg-jcusmidred-700 {
  background-color: var(--jcusmidred-700) !important;
}
.bg-jcusmidred-800 {
  background-color: var(--jcusmidred-800) !important;
}
.bg-jcusmidred-900 {
  background-color: var(--jcusmidred-900) !important;
}

.focus\:bg-jcusmidred-50:focus {
  background-color: var(--jcusmidred-50) !important;
}
.focus\:bg-jcusmidred-100:focus {
  background-color: var(--jcusmidred-100) !important;
}
.focus\:bg-jcusmidred-200:focus {
  background-color: var(--jcusmidred-200) !important;
}
.focus\:bg-jcusmidred-300:focus {
  background-color: var(--jcusmidred-300) !important;
}
.focus\:bg-jcusmidred-400:focus {
  background-color: var(--jcusmidred-400) !important;
}
.focus\:bg-jcusmidred-500:focus {
  background-color: var(--jcusmidred-500) !important;
}
.focus\:bg-jcusmidred-600:focus {
  background-color: var(--jcusmidred-600) !important;
}
.focus\:bg-jcusmidred-700:focus {
  background-color: var(--jcusmidred-700) !important;
}
.focus\:bg-jcusmidred-800:focus {
  background-color: var(--jcusmidred-800) !important;
}
.focus\:bg-jcusmidred-900:focus {
  background-color: var(--jcusmidred-900) !important;
}

.hover\:bg-jcusmidred-50:hover {
  background-color: var(--jcusmidred-50) !important;
}
.hover\:bg-jcusmidred-100:hover {
  background-color: var(--jcusmidred-100) !important;
}
.hover\:bg-jcusmidred-200:hover {
  background-color: var(--jcusmidred-200) !important;
}
.hover\:bg-jcusmidred-300:hover {
  background-color: var(--jcusmidred-300) !important;
}
.hover\:bg-jcusmidred-400:hover {
  background-color: var(--jcusmidred-400) !important;
}
.hover\:bg-jcusmidred-500:hover {
  background-color: var(--jcusmidred-500) !important;
}
.hover\:bg-jcusmidred-600:hover {
  background-color: var(--jcusmidred-600) !important;
}
.hover\:bg-jcusmidred-700:hover {
  background-color: var(--jcusmidred-700) !important;
}
.hover\:bg-jcusmidred-800:hover {
  background-color: var(--jcusmidred-800) !important;
}
.hover\:bg-jcusmidred-900:hover {
  background-color: var(--jcusmidred-900) !important;
}

.active\:bg-jcusmidred-50:active {
  background-color: var(--jcusmidred-50) !important;
}
.active\:bg-jcusmidred-100:active {
  background-color: var(--jcusmidred-100) !important;
}
.active\:bg-jcusmidred-200:active {
  background-color: var(--jcusmidred-200) !important;
}
.active\:bg-jcusmidred-300:active {
  background-color: var(--jcusmidred-300) !important;
}
.active\:bg-jcusmidred-400:active {
  background-color: var(--jcusmidred-400) !important;
}
.active\:bg-jcusmidred-500:active {
  background-color: var(--jcusmidred-500) !important;
}
.active\:bg-jcusmidred-600:active {
  background-color: var(--jcusmidred-600) !important;
}
.active\:bg-jcusmidred-700:active {
  background-color: var(--jcusmidred-700) !important;
}
.active\:bg-jcusmidred-800:active {
  background-color: var(--jcusmidred-800) !important;
}
.active\:bg-jcusmidred-900:active {
  background-color: var(--jcusmidred-900) !important;
}

.border-jcusmidred-50 {
  border-color: var(--jcusmidred-50) !important;
}
.border-jcusmidred-100 {
  border-color: var(--jcusmidred-100) !important;
}
.border-jcusmidred-200 {
  border-color: var(--jcusmidred-200) !important;
}
.border-jcusmidred-300 {
  border-color: var(--jcusmidred-300) !important;
}
.border-jcusmidred-400 {
  border-color: var(--jcusmidred-400) !important;
}
.border-jcusmidred-500 {
  border-color: var(--jcusmidred-500) !important;
}
.border-jcusmidred-600 {
  border-color: var(--jcusmidred-600) !important;
}
.border-jcusmidred-700 {
  border-color: var(--jcusmidred-700) !important;
}
.border-jcusmidred-800 {
  border-color: var(--jcusmidred-800) !important;
}
.border-jcusmidred-900 {
  border-color: var(--jcusmidred-900) !important;
}

.focus\:border-jcusmidred-50:focus {
  border-color: var(--jcusmidred-50) !important;
}
.focus\:border-jcusmidred-100:focus {
  border-color: var(--jcusmidred-100) !important;
}
.focus\:border-jcusmidred-200:focus {
  border-color: var(--jcusmidred-200) !important;
}
.focus\:border-jcusmidred-300:focus {
  border-color: var(--jcusmidred-300) !important;
}
.focus\:border-jcusmidred-400:focus {
  border-color: var(--jcusmidred-400) !important;
}
.focus\:border-jcusmidred-500:focus {
  border-color: var(--jcusmidred-500) !important;
}
.focus\:border-jcusmidred-600:focus {
  border-color: var(--jcusmidred-600) !important;
}
.focus\:border-jcusmidred-700:focus {
  border-color: var(--jcusmidred-700) !important;
}
.focus\:border-jcusmidred-800:focus {
  border-color: var(--jcusmidred-800) !important;
}
.focus\:border-jcusmidred-900:focus {
  border-color: var(--jcusmidred-900) !important;
}

.hover\:border-jcusmidred-50:hover {
  border-color: var(--jcusmidred-50) !important;
}
.hover\:border-jcusmidred-100:hover {
  border-color: var(--jcusmidred-100) !important;
}
.hover\:border-jcusmidred-200:hover {
  border-color: var(--jcusmidred-200) !important;
}
.hover\:border-jcusmidred-300:hover {
  border-color: var(--jcusmidred-300) !important;
}
.hover\:border-jcusmidred-400:hover {
  border-color: var(--jcusmidred-400) !important;
}
.hover\:border-jcusmidred-500:hover {
  border-color: var(--jcusmidred-500) !important;
}
.hover\:border-jcusmidred-600:hover {
  border-color: var(--jcusmidred-600) !important;
}
.hover\:border-jcusmidred-700:hover {
  border-color: var(--jcusmidred-700) !important;
}
.hover\:border-jcusmidred-800:hover {
  border-color: var(--jcusmidred-800) !important;
}
.hover\:border-jcusmidred-900:hover {
  border-color: var(--jcusmidred-900) !important;
}

.active\:border-jcusmidred-50:active {
  border-color: var(--jcusmidred-50) !important;
}
.active\:border-jcusmidred-100:active {
  border-color: var(--jcusmidred-100) !important;
}
.active\:border-jcusmidred-200:active {
  border-color: var(--jcusmidred-200) !important;
}
.active\:border-jcusmidred-300:active {
  border-color: var(--jcusmidred-300) !important;
}
.active\:border-jcusmidred-400:active {
  border-color: var(--jcusmidred-400) !important;
}
.active\:border-jcusmidred-500:active {
  border-color: var(--jcusmidred-500) !important;
}
.active\:border-jcusmidred-600:active {
  border-color: var(--jcusmidred-600) !important;
}
.active\:border-jcusmidred-700:active {
  border-color: var(--jcusmidred-700) !important;
}
.active\:border-jcusmidred-800:active {
  border-color: var(--jcusmidred-800) !important;
}
.active\:border-jcusmidred-900:active {
  border-color: var(--jcusmidred-900) !important;
}

.text-jcusdarkgreen-50 {
  color: var(--jcusdarkgreen-50) !important;
}
.text-jcusdarkgreen-100 {
  color: var(--jcusdarkgreen-100) !important;
}
.text-jcusdarkgreen-200 {
  color: var(--jcusdarkgreen-200) !important;
}
.text-jcusdarkgreen-300 {
  color: var(--jcusdarkgreen-300) !important;
}
.text-jcusdarkgreen-400 {
  color: var(--jcusdarkgreen-400) !important;
}
.text-jcusdarkgreen-500 {
  color: var(--jcusdarkgreen-500) !important;
}
.text-jcusdarkgreen-600 {
  color: var(--jcusdarkgreen-600) !important;
}
.text-jcusdarkgreen-700 {
  color: var(--jcusdarkgreen-700) !important;
}
.text-jcusdarkgreen-800 {
  color: var(--jcusdarkgreen-800) !important;
}
.text-jcusdarkgreen-900 {
  color: var(--jcusdarkgreen-900) !important;
}

.focus\:text-jcusdarkgreen-50:focus {
  color: var(--jcusdarkgreen-50) !important;
}
.focus\:text-jcusdarkgreen-100:focus {
  color: var(--jcusdarkgreen-100) !important;
}
.focus\:text-jcusdarkgreen-200:focus {
  color: var(--jcusdarkgreen-200) !important;
}
.focus\:text-jcusdarkgreen-300:focus {
  color: var(--jcusdarkgreen-300) !important;
}
.focus\:text-jcusdarkgreen-400:focus {
  color: var(--jcusdarkgreen-400) !important;
}
.focus\:text-jcusdarkgreen-500:focus {
  color: var(--jcusdarkgreen-500) !important;
}
.focus\:text-jcusdarkgreen-600:focus {
  color: var(--jcusdarkgreen-600) !important;
}
.focus\:text-jcusdarkgreen-700:focus {
  color: var(--jcusdarkgreen-700) !important;
}
.focus\:text-jcusdarkgreen-800:focus {
  color: var(--jcusdarkgreen-800) !important;
}
.focus\:text-jcusdarkgreen-900:focus {
  color: var(--jcusdarkgreen-900) !important;
}

.hover\:text-jcusdarkgreen-50:hover {
  color: var(--jcusdarkgreen-50) !important;
}
.hover\:text-jcusdarkgreen-100:hover {
  color: var(--jcusdarkgreen-100) !important;
}
.hover\:text-jcusdarkgreen-200:hover {
  color: var(--jcusdarkgreen-200) !important;
}
.hover\:text-jcusdarkgreen-300:hover {
  color: var(--jcusdarkgreen-300) !important;
}
.hover\:text-jcusdarkgreen-400:hover {
  color: var(--jcusdarkgreen-400) !important;
}
.hover\:text-jcusdarkgreen-500:hover {
  color: var(--jcusdarkgreen-500) !important;
}
.hover\:text-jcusdarkgreen-600:hover {
  color: var(--jcusdarkgreen-600) !important;
}
.hover\:text-jcusdarkgreen-700:hover {
  color: var(--jcusdarkgreen-700) !important;
}
.hover\:text-jcusdarkgreen-800:hover {
  color: var(--jcusdarkgreen-800) !important;
}
.hover\:text-jcusdarkgreen-900:hover {
  color: var(--jcusdarkgreen-900) !important;
}

.active\:text-jcusdarkgreen-50:active {
  color: var(--jcusdarkgreen-50) !important;
}
.active\:text-jcusdarkgreen-100:active {
  color: var(--jcusdarkgreen-100) !important;
}
.active\:text-jcusdarkgreen-200:active {
  color: var(--jcusdarkgreen-200) !important;
}
.active\:text-jcusdarkgreen-300:active {
  color: var(--jcusdarkgreen-300) !important;
}
.active\:text-jcusdarkgreen-400:active {
  color: var(--jcusdarkgreen-400) !important;
}
.active\:text-jcusdarkgreen-500:active {
  color: var(--jcusdarkgreen-500) !important;
}
.active\:text-jcusdarkgreen-600:active {
  color: var(--jcusdarkgreen-600) !important;
}
.active\:text-jcusdarkgreen-700:active {
  color: var(--jcusdarkgreen-700) !important;
}
.active\:text-jcusdarkgreen-800:active {
  color: var(--jcusdarkgreen-800) !important;
}
.active\:text-jcusdarkgreen-900:active {
  color: var(--jcusdarkgreen-900) !important;
}


.bg-jcusdarkgreen-50 {
  background-color: var(--jcusdarkgreen-50) !important;
}
.bg-jcusdarkgreen-100 {
  background-color: var(--jcusdarkgreen-100) !important;
}
.bg-jcusdarkgreen-200 {
  background-color: var(--jcusdarkgreen-200) !important;
}
.bg-jcusdarkgreen-300 {
  background-color: var(--jcusdarkgreen-300) !important;
}
.bg-jcusdarkgreen-400 {
  background-color: var(--jcusdarkgreen-400) !important;
}
.bg-jcusdarkgreen-500 {
  background-color: var(--jcusdarkgreen-500) !important;
}
.bg-jcusdarkgreen-600 {
  background-color: var(--jcusdarkgreen-600) !important;
}
.bg-jcusdarkgreen-700 {
  background-color: var(--jcusdarkgreen-700) !important;
}
.bg-jcusdarkgreen-800 {
  background-color: var(--jcusdarkgreen-800) !important;
}
.bg-jcusdarkgreen-900 {
  background-color: var(--jcusdarkgreen-900) !important;
}

.focus\:bg-jcusdarkgreen-50:focus {
  background-color: var(--jcusdarkgreen-50) !important;
}
.focus\:bg-jcusdarkgreen-100:focus {
  background-color: var(--jcusdarkgreen-100) !important;
}
.focus\:bg-jcusdarkgreen-200:focus {
  background-color: var(--jcusdarkgreen-200) !important;
}
.focus\:bg-jcusdarkgreen-300:focus {
  background-color: var(--jcusdarkgreen-300) !important;
}
.focus\:bg-jcusdarkgreen-400:focus {
  background-color: var(--jcusdarkgreen-400) !important;
}
.focus\:bg-jcusdarkgreen-500:focus {
  background-color: var(--jcusdarkgreen-500) !important;
}
.focus\:bg-jcusdarkgreen-600:focus {
  background-color: var(--jcusdarkgreen-600) !important;
}
.focus\:bg-jcusdarkgreen-700:focus {
  background-color: var(--jcusdarkgreen-700) !important;
}
.focus\:bg-jcusdarkgreen-800:focus {
  background-color: var(--jcusdarkgreen-800) !important;
}
.focus\:bg-jcusdarkgreen-900:focus {
  background-color: var(--jcusdarkgreen-900) !important;
}

.hover\:bg-jcusdarkgreen-50:hover {
  background-color: var(--jcusdarkgreen-50) !important;
}
.hover\:bg-jcusdarkgreen-100:hover {
  background-color: var(--jcusdarkgreen-100) !important;
}
.hover\:bg-jcusdarkgreen-200:hover {
  background-color: var(--jcusdarkgreen-200) !important;
}
.hover\:bg-jcusdarkgreen-300:hover {
  background-color: var(--jcusdarkgreen-300) !important;
}
.hover\:bg-jcusdarkgreen-400:hover {
  background-color: var(--jcusdarkgreen-400) !important;
}
.hover\:bg-jcusdarkgreen-500:hover {
  background-color: var(--jcusdarkgreen-500) !important;
}
.hover\:bg-jcusdarkgreen-600:hover {
  background-color: var(--jcusdarkgreen-600) !important;
}
.hover\:bg-jcusdarkgreen-700:hover {
  background-color: var(--jcusdarkgreen-700) !important;
}
.hover\:bg-jcusdarkgreen-800:hover {
  background-color: var(--jcusdarkgreen-800) !important;
}
.hover\:bg-jcusdarkgreen-900:hover {
  background-color: var(--jcusdarkgreen-900) !important;
}

.active\:bg-jcusdarkgreen-50:active {
  background-color: var(--jcusdarkgreen-50) !important;
}
.active\:bg-jcusdarkgreen-100:active {
  background-color: var(--jcusdarkgreen-100) !important;
}
.active\:bg-jcusdarkgreen-200:active {
  background-color: var(--jcusdarkgreen-200) !important;
}
.active\:bg-jcusdarkgreen-300:active {
  background-color: var(--jcusdarkgreen-300) !important;
}
.active\:bg-jcusdarkgreen-400:active {
  background-color: var(--jcusdarkgreen-400) !important;
}
.active\:bg-jcusdarkgreen-500:active {
  background-color: var(--jcusdarkgreen-500) !important;
}
.active\:bg-jcusdarkgreen-600:active {
  background-color: var(--jcusdarkgreen-600) !important;
}
.active\:bg-jcusdarkgreen-700:active {
  background-color: var(--jcusdarkgreen-700) !important;
}
.active\:bg-jcusdarkgreen-800:active {
  background-color: var(--jcusdarkgreen-800) !important;
}
.active\:bg-jcusdarkgreen-900:active {
  background-color: var(--jcusdarkgreen-900) !important;
}

.border-jcusdarkgreen-50 {
  border-color: var(--jcusdarkgreen-50) !important;
}
.border-jcusdarkgreen-100 {
  border-color: var(--jcusdarkgreen-100) !important;
}
.border-jcusdarkgreen-200 {
  border-color: var(--jcusdarkgreen-200) !important;
}
.border-jcusdarkgreen-300 {
  border-color: var(--jcusdarkgreen-300) !important;
}
.border-jcusdarkgreen-400 {
  border-color: var(--jcusdarkgreen-400) !important;
}
.border-jcusdarkgreen-500 {
  border-color: var(--jcusdarkgreen-500) !important;
}
.border-jcusdarkgreen-600 {
  border-color: var(--jcusdarkgreen-600) !important;
}
.border-jcusdarkgreen-700 {
  border-color: var(--jcusdarkgreen-700) !important;
}
.border-jcusdarkgreen-800 {
  border-color: var(--jcusdarkgreen-800) !important;
}
.border-jcusdarkgreen-900 {
  border-color: var(--jcusdarkgreen-900) !important;
}

.focus\:border-jcusdarkgreen-50:focus {
  border-color: var(--jcusdarkgreen-50) !important;
}
.focus\:border-jcusdarkgreen-100:focus {
  border-color: var(--jcusdarkgreen-100) !important;
}
.focus\:border-jcusdarkgreen-200:focus {
  border-color: var(--jcusdarkgreen-200) !important;
}
.focus\:border-jcusdarkgreen-300:focus {
  border-color: var(--jcusdarkgreen-300) !important;
}
.focus\:border-jcusdarkgreen-400:focus {
  border-color: var(--jcusdarkgreen-400) !important;
}
.focus\:border-jcusdarkgreen-500:focus {
  border-color: var(--jcusdarkgreen-500) !important;
}
.focus\:border-jcusdarkgreen-600:focus {
  border-color: var(--jcusdarkgreen-600) !important;
}
.focus\:border-jcusdarkgreen-700:focus {
  border-color: var(--jcusdarkgreen-700) !important;
}
.focus\:border-jcusdarkgreen-800:focus {
  border-color: var(--jcusdarkgreen-800) !important;
}
.focus\:border-jcusdarkgreen-900:focus {
  border-color: var(--jcusdarkgreen-900) !important;
}

.hover\:border-jcusdarkgreen-50:hover {
  border-color: var(--jcusdarkgreen-50) !important;
}
.hover\:border-jcusdarkgreen-100:hover {
  border-color: var(--jcusdarkgreen-100) !important;
}
.hover\:border-jcusdarkgreen-200:hover {
  border-color: var(--jcusdarkgreen-200) !important;
}
.hover\:border-jcusdarkgreen-300:hover {
  border-color: var(--jcusdarkgreen-300) !important;
}
.hover\:border-jcusdarkgreen-400:hover {
  border-color: var(--jcusdarkgreen-400) !important;
}
.hover\:border-jcusdarkgreen-500:hover {
  border-color: var(--jcusdarkgreen-500) !important;
}
.hover\:border-jcusdarkgreen-600:hover {
  border-color: var(--jcusdarkgreen-600) !important;
}
.hover\:border-jcusdarkgreen-700:hover {
  border-color: var(--jcusdarkgreen-700) !important;
}
.hover\:border-jcusdarkgreen-800:hover {
  border-color: var(--jcusdarkgreen-800) !important;
}
.hover\:border-jcusdarkgreen-900:hover {
  border-color: var(--jcusdarkgreen-900) !important;
}

.active\:border-jcusdarkgreen-50:active {
  border-color: var(--jcusdarkgreen-50) !important;
}
.active\:border-jcusdarkgreen-100:active {
  border-color: var(--jcusdarkgreen-100) !important;
}
.active\:border-jcusdarkgreen-200:active {
  border-color: var(--jcusdarkgreen-200) !important;
}
.active\:border-jcusdarkgreen-300:active {
  border-color: var(--jcusdarkgreen-300) !important;
}
.active\:border-jcusdarkgreen-400:active {
  border-color: var(--jcusdarkgreen-400) !important;
}
.active\:border-jcusdarkgreen-500:active {
  border-color: var(--jcusdarkgreen-500) !important;
}
.active\:border-jcusdarkgreen-600:active {
  border-color: var(--jcusdarkgreen-600) !important;
}
.active\:border-jcusdarkgreen-700:active {
  border-color: var(--jcusdarkgreen-700) !important;
}
.active\:border-jcusdarkgreen-800:active {
  border-color: var(--jcusdarkgreen-800) !important;
}
.active\:border-jcusdarkgreen-900:active {
  border-color: var(--jcusdarkgreen-900) !important;
}
.text-jcusmidblue-50 {
  color: var(--jcusmidblue-50) !important;
}
.text-jcusmidblue-100 {
  color: var(--jcusmidblue-100) !important;
}
.text-jcusmidblue-200 {
  color: var(--jcusmidblue-200) !important;
}
.text-jcusmidblue-300 {
  color: var(--jcusmidblue-300) !important;
}
.text-jcusmidblue-400 {
  color: var(--jcusmidblue-400) !important;
}
.text-jcusmidblue-500 {
  color: var(--jcusmidblue-500) !important;
}
.text-jcusmidblue-600 {
  color: var(--jcusmidblue-600) !important;
}
.text-jcusmidblue-700 {
  color: var(--jcusmidblue-700) !important;
}
.text-jcusmidblue-800 {
  color: var(--jcusmidblue-800) !important;
}
.text-jcusmidblue-900 {
  color: var(--jcusmidblue-900) !important;
}

.focus\:text-jcusmidblue-50:focus {
  color: var(--jcusmidblue-50) !important;
}
.focus\:text-jcusmidblue-100:focus {
  color: var(--jcusmidblue-100) !important;
}
.focus\:text-jcusmidblue-200:focus {
  color: var(--jcusmidblue-200) !important;
}
.focus\:text-jcusmidblue-300:focus {
  color: var(--jcusmidblue-300) !important;
}
.focus\:text-jcusmidblue-400:focus {
  color: var(--jcusmidblue-400) !important;
}
.focus\:text-jcusmidblue-500:focus {
  color: var(--jcusmidblue-500) !important;
}
.focus\:text-jcusmidblue-600:focus {
  color: var(--jcusmidblue-600) !important;
}
.focus\:text-jcusmidblue-700:focus {
  color: var(--jcusmidblue-700) !important;
}
.focus\:text-jcusmidblue-800:focus {
  color: var(--jcusmidblue-800) !important;
}
.focus\:text-jcusmidblue-900:focus {
  color: var(--jcusmidblue-900) !important;
}

.hover\:text-jcusmidblue-50:hover {
  color: var(--jcusmidblue-50) !important;
}
.hover\:text-jcusmidblue-100:hover {
  color: var(--jcusmidblue-100) !important;
}
.hover\:text-jcusmidblue-200:hover {
  color: var(--jcusmidblue-200) !important;
}
.hover\:text-jcusmidblue-300:hover {
  color: var(--jcusmidblue-300) !important;
}
.hover\:text-jcusmidblue-400:hover {
  color: var(--jcusmidblue-400) !important;
}
.hover\:text-jcusmidblue-500:hover {
  color: var(--jcusmidblue-500) !important;
}
.hover\:text-jcusmidblue-600:hover {
  color: var(--jcusmidblue-600) !important;
}
.hover\:text-jcusmidblue-700:hover {
  color: var(--jcusmidblue-700) !important;
}
.hover\:text-jcusmidblue-800:hover {
  color: var(--jcusmidblue-800) !important;
}
.hover\:text-jcusmidblue-900:hover {
  color: var(--jcusmidblue-900) !important;
}

.active\:text-jcusmidblue-50:active {
  color: var(--jcusmidblue-50) !important;
}
.active\:text-jcusmidblue-100:active {
  color: var(--jcusmidblue-100) !important;
}
.active\:text-jcusmidblue-200:active {
  color: var(--jcusmidblue-200) !important;
}
.active\:text-jcusmidblue-300:active {
  color: var(--jcusmidblue-300) !important;
}
.active\:text-jcusmidblue-400:active {
  color: var(--jcusmidblue-400) !important;
}
.active\:text-jcusmidblue-500:active {
  color: var(--jcusmidblue-500) !important;
}
.active\:text-jcusmidblue-600:active {
  color: var(--jcusmidblue-600) !important;
}
.active\:text-jcusmidblue-700:active {
  color: var(--jcusmidblue-700) !important;
}
.active\:text-jcusmidblue-800:active {
  color: var(--jcusmidblue-800) !important;
}
.active\:text-jcusmidblue-900:active {
  color: var(--jcusmidblue-900) !important;
}


.bg-jcusmidblue-50 {
  background-color: var(--jcusmidblue-50) !important;
}
.bg-jcusmidblue-100 {
  background-color: var(--jcusmidblue-100) !important;
}
.bg-jcusmidblue-200 {
  background-color: var(--jcusmidblue-200) !important;
}
.bg-jcusmidblue-300 {
  background-color: var(--jcusmidblue-300) !important;
}
.bg-jcusmidblue-400 {
  background-color: var(--jcusmidblue-400) !important;
}
.bg-jcusmidblue-500 {
  background-color: var(--jcusmidblue-500) !important;
}
.bg-jcusmidblue-600 {
  background-color: var(--jcusmidblue-600) !important;
}
.bg-jcusmidblue-700 {
  background-color: var(--jcusmidblue-700) !important;
}
.bg-jcusmidblue-800 {
  background-color: var(--jcusmidblue-800) !important;
}
.bg-jcusmidblue-900 {
  background-color: var(--jcusmidblue-900) !important;
}

.focus\:bg-jcusmidblue-50:focus {
  background-color: var(--jcusmidblue-50) !important;
}
.focus\:bg-jcusmidblue-100:focus {
  background-color: var(--jcusmidblue-100) !important;
}
.focus\:bg-jcusmidblue-200:focus {
  background-color: var(--jcusmidblue-200) !important;
}
.focus\:bg-jcusmidblue-300:focus {
  background-color: var(--jcusmidblue-300) !important;
}
.focus\:bg-jcusmidblue-400:focus {
  background-color: var(--jcusmidblue-400) !important;
}
.focus\:bg-jcusmidblue-500:focus {
  background-color: var(--jcusmidblue-500) !important;
}
.focus\:bg-jcusmidblue-600:focus {
  background-color: var(--jcusmidblue-600) !important;
}
.focus\:bg-jcusmidblue-700:focus {
  background-color: var(--jcusmidblue-700) !important;
}
.focus\:bg-jcusmidblue-800:focus {
  background-color: var(--jcusmidblue-800) !important;
}
.focus\:bg-jcusmidblue-900:focus {
  background-color: var(--jcusmidblue-900) !important;
}

.hover\:bg-jcusmidblue-50:hover {
  background-color: var(--jcusmidblue-50) !important;
}
.hover\:bg-jcusmidblue-100:hover {
  background-color: var(--jcusmidblue-100) !important;
}
.hover\:bg-jcusmidblue-200:hover {
  background-color: var(--jcusmidblue-200) !important;
}
.hover\:bg-jcusmidblue-300:hover {
  background-color: var(--jcusmidblue-300) !important;
}
.hover\:bg-jcusmidblue-400:hover {
  background-color: var(--jcusmidblue-400) !important;
}
.hover\:bg-jcusmidblue-500:hover {
  background-color: var(--jcusmidblue-500) !important;
}
.hover\:bg-jcusmidblue-600:hover {
  background-color: var(--jcusmidblue-600) !important;
}
.hover\:bg-jcusmidblue-700:hover {
  background-color: var(--jcusmidblue-700) !important;
}
.hover\:bg-jcusmidblue-800:hover {
  background-color: var(--jcusmidblue-800) !important;
}
.hover\:bg-jcusmidblue-900:hover {
  background-color: var(--jcusmidblue-900) !important;
}

.active\:bg-jcusmidblue-50:active {
  background-color: var(--jcusmidblue-50) !important;
}
.active\:bg-jcusmidblue-100:active {
  background-color: var(--jcusmidblue-100) !important;
}
.active\:bg-jcusmidblue-200:active {
  background-color: var(--jcusmidblue-200) !important;
}
.active\:bg-jcusmidblue-300:active {
  background-color: var(--jcusmidblue-300) !important;
}
.active\:bg-jcusmidblue-400:active {
  background-color: var(--jcusmidblue-400) !important;
}
.active\:bg-jcusmidblue-500:active {
  background-color: var(--jcusmidblue-500) !important;
}
.active\:bg-jcusmidblue-600:active {
  background-color: var(--jcusmidblue-600) !important;
}
.active\:bg-jcusmidblue-700:active {
  background-color: var(--jcusmidblue-700) !important;
}
.active\:bg-jcusmidblue-800:active {
  background-color: var(--jcusmidblue-800) !important;
}
.active\:bg-jcusmidblue-900:active {
  background-color: var(--jcusmidblue-900) !important;
}

.border-jcusmidblue-50 {
  border-color: var(--jcusmidblue-50) !important;
}
.border-jcusmidblue-100 {
  border-color: var(--jcusmidblue-100) !important;
}
.border-jcusmidblue-200 {
  border-color: var(--jcusmidblue-200) !important;
}
.border-jcusmidblue-300 {
  border-color: var(--jcusmidblue-300) !important;
}
.border-jcusmidblue-400 {
  border-color: var(--jcusmidblue-400) !important;
}
.border-jcusmidblue-500 {
  border-color: var(--jcusmidblue-500) !important;
}
.border-jcusmidblue-600 {
  border-color: var(--jcusmidblue-600) !important;
}
.border-jcusmidblue-700 {
  border-color: var(--jcusmidblue-700) !important;
}
.border-jcusmidblue-800 {
  border-color: var(--jcusmidblue-800) !important;
}
.border-jcusmidblue-900 {
  border-color: var(--jcusmidblue-900) !important;
}

.focus\:border-jcusmidblue-50:focus {
  border-color: var(--jcusmidblue-50) !important;
}
.focus\:border-jcusmidblue-100:focus {
  border-color: var(--jcusmidblue-100) !important;
}
.focus\:border-jcusmidblue-200:focus {
  border-color: var(--jcusmidblue-200) !important;
}
.focus\:border-jcusmidblue-300:focus {
  border-color: var(--jcusmidblue-300) !important;
}
.focus\:border-jcusmidblue-400:focus {
  border-color: var(--jcusmidblue-400) !important;
}
.focus\:border-jcusmidblue-500:focus {
  border-color: var(--jcusmidblue-500) !important;
}
.focus\:border-jcusmidblue-600:focus {
  border-color: var(--jcusmidblue-600) !important;
}
.focus\:border-jcusmidblue-700:focus {
  border-color: var(--jcusmidblue-700) !important;
}
.focus\:border-jcusmidblue-800:focus {
  border-color: var(--jcusmidblue-800) !important;
}
.focus\:border-jcusmidblue-900:focus {
  border-color: var(--jcusmidblue-900) !important;
}

.hover\:border-jcusmidblue-50:hover {
  border-color: var(--jcusmidblue-50) !important;
}
.hover\:border-jcusmidblue-100:hover {
  border-color: var(--jcusmidblue-100) !important;
}
.hover\:border-jcusmidblue-200:hover {
  border-color: var(--jcusmidblue-200) !important;
}
.hover\:border-jcusmidblue-300:hover {
  border-color: var(--jcusmidblue-300) !important;
}
.hover\:border-jcusmidblue-400:hover {
  border-color: var(--jcusmidblue-400) !important;
}
.hover\:border-jcusmidblue-500:hover {
  border-color: var(--jcusmidblue-500) !important;
}
.hover\:border-jcusmidblue-600:hover {
  border-color: var(--jcusmidblue-600) !important;
}
.hover\:border-jcusmidblue-700:hover {
  border-color: var(--jcusmidblue-700) !important;
}
.hover\:border-jcusmidblue-800:hover {
  border-color: var(--jcusmidblue-800) !important;
}
.hover\:border-jcusmidblue-900:hover {
  border-color: var(--jcusmidblue-900) !important;
}

.active\:border-jcusmidblue-50:active {
  border-color: var(--jcusmidblue-50) !important;
}
.active\:border-jcusmidblue-100:active {
  border-color: var(--jcusmidblue-100) !important;
}
.active\:border-jcusmidblue-200:active {
  border-color: var(--jcusmidblue-200) !important;
}
.active\:border-jcusmidblue-300:active {
  border-color: var(--jcusmidblue-300) !important;
}
.active\:border-jcusmidblue-400:active {
  border-color: var(--jcusmidblue-400) !important;
}
.active\:border-jcusmidblue-500:active {
  border-color: var(--jcusmidblue-500) !important;
}
.active\:border-jcusmidblue-600:active {
  border-color: var(--jcusmidblue-600) !important;
}
.active\:border-jcusmidblue-700:active {
  border-color: var(--jcusmidblue-700) !important;
}
.active\:border-jcusmidblue-800:active {
  border-color: var(--jcusmidblue-800) !important;
}
.active\:border-jcusmidblue-900:active {
  border-color: var(--jcusmidblue-900) !important;
}

.text-jcusbrightorange-50 {
  color: var(--jcusbrightorange-50) !important;
}
.text-jcusbrightorange-100 {
  color: var(--jcusbrightorange-100) !important;
}
.text-jcusbrightorange-200 {
  color: var(--jcusbrightorange-200) !important;
}
.text-jcusbrightorange-300 {
  color: var(--jcusbrightorange-300) !important;
}
.text-jcusbrightorange-400 {
  color: var(--jcusbrightorange-400) !important;
}
.text-jcusbrightorange-500 {
  color: var(--jcusbrightorange-500) !important;
}
.text-jcusbrightorange-600 {
  color: var(--jcusbrightorange-600) !important;
}
.text-jcusbrightorange-700 {
  color: var(--jcusbrightorange-700) !important;
}
.text-jcusbrightorange-800 {
  color: var(--jcusbrightorange-800) !important;
}
.text-jcusbrightorange-900 {
  color: var(--jcusbrightorange-900) !important;
}

.focus\:text-jcusbrightorange-50:focus {
  color: var(--jcusbrightorange-50) !important;
}
.focus\:text-jcusbrightorange-100:focus {
  color: var(--jcusbrightorange-100) !important;
}
.focus\:text-jcusbrightorange-200:focus {
  color: var(--jcusbrightorange-200) !important;
}
.focus\:text-jcusbrightorange-300:focus {
  color: var(--jcusbrightorange-300) !important;
}
.focus\:text-jcusbrightorange-400:focus {
  color: var(--jcusbrightorange-400) !important;
}
.focus\:text-jcusbrightorange-500:focus {
  color: var(--jcusbrightorange-500) !important;
}
.focus\:text-jcusbrightorange-600:focus {
  color: var(--jcusbrightorange-600) !important;
}
.focus\:text-jcusbrightorange-700:focus {
  color: var(--jcusbrightorange-700) !important;
}
.focus\:text-jcusbrightorange-800:focus {
  color: var(--jcusbrightorange-800) !important;
}
.focus\:text-jcusbrightorange-900:focus {
  color: var(--jcusbrightorange-900) !important;
}

.hover\:text-jcusbrightorange-50:hover {
  color: var(--jcusbrightorange-50) !important;
}
.hover\:text-jcusbrightorange-100:hover {
  color: var(--jcusbrightorange-100) !important;
}
.hover\:text-jcusbrightorange-200:hover {
  color: var(--jcusbrightorange-200) !important;
}
.hover\:text-jcusbrightorange-300:hover {
  color: var(--jcusbrightorange-300) !important;
}
.hover\:text-jcusbrightorange-400:hover {
  color: var(--jcusbrightorange-400) !important;
}
.hover\:text-jcusbrightorange-500:hover {
  color: var(--jcusbrightorange-500) !important;
}
.hover\:text-jcusbrightorange-600:hover {
  color: var(--jcusbrightorange-600) !important;
}
.hover\:text-jcusbrightorange-700:hover {
  color: var(--jcusbrightorange-700) !important;
}
.hover\:text-jcusbrightorange-800:hover {
  color: var(--jcusbrightorange-800) !important;
}
.hover\:text-jcusbrightorange-900:hover {
  color: var(--jcusbrightorange-900) !important;
}

.active\:text-jcusbrightorange-50:active {
  color: var(--jcusbrightorange-50) !important;
}
.active\:text-jcusbrightorange-100:active {
  color: var(--jcusbrightorange-100) !important;
}
.active\:text-jcusbrightorange-200:active {
  color: var(--jcusbrightorange-200) !important;
}
.active\:text-jcusbrightorange-300:active {
  color: var(--jcusbrightorange-300) !important;
}
.active\:text-jcusbrightorange-400:active {
  color: var(--jcusbrightorange-400) !important;
}
.active\:text-jcusbrightorange-500:active {
  color: var(--jcusbrightorange-500) !important;
}
.active\:text-jcusbrightorange-600:active {
  color: var(--jcusbrightorange-600) !important;
}
.active\:text-jcusbrightorange-700:active {
  color: var(--jcusbrightorange-700) !important;
}
.active\:text-jcusbrightorange-800:active {
  color: var(--jcusbrightorange-800) !important;
}
.active\:text-jcusbrightorange-900:active {
  color: var(--jcusbrightorange-900) !important;
}


.bg-jcusbrightorange-50 {
  background-color: var(--jcusbrightorange-50) !important;
}
.bg-jcusbrightorange-100 {
  background-color: var(--jcusbrightorange-100) !important;
}
.bg-jcusbrightorange-200 {
  background-color: var(--jcusbrightorange-200) !important;
}
.bg-jcusbrightorange-300 {
  background-color: var(--jcusbrightorange-300) !important;
}
.bg-jcusbrightorange-400 {
  background-color: var(--jcusbrightorange-400) !important;
}
.bg-jcusbrightorange-500 {
  background-color: var(--jcusbrightorange-500) !important;
}
.bg-jcusbrightorange-600 {
  background-color: var(--jcusbrightorange-600) !important;
}
.bg-jcusbrightorange-700 {
  background-color: var(--jcusbrightorange-700) !important;
}
.bg-jcusbrightorange-800 {
  background-color: var(--jcusbrightorange-800) !important;
}
.bg-jcusbrightorange-900 {
  background-color: var(--jcusbrightorange-900) !important;
}

.focus\:bg-jcusbrightorange-50:focus {
  background-color: var(--jcusbrightorange-50) !important;
}
.focus\:bg-jcusbrightorange-100:focus {
  background-color: var(--jcusbrightorange-100) !important;
}
.focus\:bg-jcusbrightorange-200:focus {
  background-color: var(--jcusbrightorange-200) !important;
}
.focus\:bg-jcusbrightorange-300:focus {
  background-color: var(--jcusbrightorange-300) !important;
}
.focus\:bg-jcusbrightorange-400:focus {
  background-color: var(--jcusbrightorange-400) !important;
}
.focus\:bg-jcusbrightorange-500:focus {
  background-color: var(--jcusbrightorange-500) !important;
}
.focus\:bg-jcusbrightorange-600:focus {
  background-color: var(--jcusbrightorange-600) !important;
}
.focus\:bg-jcusbrightorange-700:focus {
  background-color: var(--jcusbrightorange-700) !important;
}
.focus\:bg-jcusbrightorange-800:focus {
  background-color: var(--jcusbrightorange-800) !important;
}
.focus\:bg-jcusbrightorange-900:focus {
  background-color: var(--jcusbrightorange-900) !important;
}

.hover\:bg-jcusbrightorange-50:hover {
  background-color: var(--jcusbrightorange-50) !important;
}
.hover\:bg-jcusbrightorange-100:hover {
  background-color: var(--jcusbrightorange-100) !important;
}
.hover\:bg-jcusbrightorange-200:hover {
  background-color: var(--jcusbrightorange-200) !important;
}
.hover\:bg-jcusbrightorange-300:hover {
  background-color: var(--jcusbrightorange-300) !important;
}
.hover\:bg-jcusbrightorange-400:hover {
  background-color: var(--jcusbrightorange-400) !important;
}
.hover\:bg-jcusbrightorange-500:hover {
  background-color: var(--jcusbrightorange-500) !important;
}
.hover\:bg-jcusbrightorange-600:hover {
  background-color: var(--jcusbrightorange-600) !important;
}
.hover\:bg-jcusbrightorange-700:hover {
  background-color: var(--jcusbrightorange-700) !important;
}
.hover\:bg-jcusbrightorange-800:hover {
  background-color: var(--jcusbrightorange-800) !important;
}
.hover\:bg-jcusbrightorange-900:hover {
  background-color: var(--jcusbrightorange-900) !important;
}

.active\:bg-jcusbrightorange-50:active {
  background-color: var(--jcusbrightorange-50) !important;
}
.active\:bg-jcusbrightorange-100:active {
  background-color: var(--jcusbrightorange-100) !important;
}
.active\:bg-jcusbrightorange-200:active {
  background-color: var(--jcusbrightorange-200) !important;
}
.active\:bg-jcusbrightorange-300:active {
  background-color: var(--jcusbrightorange-300) !important;
}
.active\:bg-jcusbrightorange-400:active {
  background-color: var(--jcusbrightorange-400) !important;
}
.active\:bg-jcusbrightorange-500:active {
  background-color: var(--jcusbrightorange-500) !important;
}
.active\:bg-jcusbrightorange-600:active {
  background-color: var(--jcusbrightorange-600) !important;
}
.active\:bg-jcusbrightorange-700:active {
  background-color: var(--jcusbrightorange-700) !important;
}
.active\:bg-jcusbrightorange-800:active {
  background-color: var(--jcusbrightorange-800) !important;
}
.active\:bg-jcusbrightorange-900:active {
  background-color: var(--jcusbrightorange-900) !important;
}

.border-jcusbrightorange-50 {
  border-color: var(--jcusbrightorange-50) !important;
}
.border-jcusbrightorange-100 {
  border-color: var(--jcusbrightorange-100) !important;
}
.border-jcusbrightorange-200 {
  border-color: var(--jcusbrightorange-200) !important;
}
.border-jcusbrightorange-300 {
  border-color: var(--jcusbrightorange-300) !important;
}
.border-jcusbrightorange-400 {
  border-color: var(--jcusbrightorange-400) !important;
}
.border-jcusbrightorange-500 {
  border-color: var(--jcusbrightorange-500) !important;
}
.border-jcusbrightorange-600 {
  border-color: var(--jcusbrightorange-600) !important;
}
.border-jcusbrightorange-700 {
  border-color: var(--jcusbrightorange-700) !important;
}
.border-jcusbrightorange-800 {
  border-color: var(--jcusbrightorange-800) !important;
}
.border-jcusbrightorange-900 {
  border-color: var(--jcusbrightorange-900) !important;
}

.focus\:border-jcusbrightorange-50:focus {
  border-color: var(--jcusbrightorange-50) !important;
}
.focus\:border-jcusbrightorange-100:focus {
  border-color: var(--jcusbrightorange-100) !important;
}
.focus\:border-jcusbrightorange-200:focus {
  border-color: var(--jcusbrightorange-200) !important;
}
.focus\:border-jcusbrightorange-300:focus {
  border-color: var(--jcusbrightorange-300) !important;
}
.focus\:border-jcusbrightorange-400:focus {
  border-color: var(--jcusbrightorange-400) !important;
}
.focus\:border-jcusbrightorange-500:focus {
  border-color: var(--jcusbrightorange-500) !important;
}
.focus\:border-jcusbrightorange-600:focus {
  border-color: var(--jcusbrightorange-600) !important;
}
.focus\:border-jcusbrightorange-700:focus {
  border-color: var(--jcusbrightorange-700) !important;
}
.focus\:border-jcusbrightorange-800:focus {
  border-color: var(--jcusbrightorange-800) !important;
}
.focus\:border-jcusbrightorange-900:focus {
  border-color: var(--jcusbrightorange-900) !important;
}

.hover\:border-jcusbrightorange-50:hover {
  border-color: var(--jcusbrightorange-50) !important;
}
.hover\:border-jcusbrightorange-100:hover {
  border-color: var(--jcusbrightorange-100) !important;
}
.hover\:border-jcusbrightorange-200:hover {
  border-color: var(--jcusbrightorange-200) !important;
}
.hover\:border-jcusbrightorange-300:hover {
  border-color: var(--jcusbrightorange-300) !important;
}
.hover\:border-jcusbrightorange-400:hover {
  border-color: var(--jcusbrightorange-400) !important;
}
.hover\:border-jcusbrightorange-500:hover {
  border-color: var(--jcusbrightorange-500) !important;
}
.hover\:border-jcusbrightorange-600:hover {
  border-color: var(--jcusbrightorange-600) !important;
}
.hover\:border-jcusbrightorange-700:hover {
  border-color: var(--jcusbrightorange-700) !important;
}
.hover\:border-jcusbrightorange-800:hover {
  border-color: var(--jcusbrightorange-800) !important;
}
.hover\:border-jcusbrightorange-900:hover {
  border-color: var(--jcusbrightorange-900) !important;
}

.active\:border-jcusbrightorange-50:active {
  border-color: var(--jcusbrightorange-50) !important;
}
.active\:border-jcusbrightorange-100:active {
  border-color: var(--jcusbrightorange-100) !important;
}
.active\:border-jcusbrightorange-200:active {
  border-color: var(--jcusbrightorange-200) !important;
}
.active\:border-jcusbrightorange-300:active {
  border-color: var(--jcusbrightorange-300) !important;
}
.active\:border-jcusbrightorange-400:active {
  border-color: var(--jcusbrightorange-400) !important;
}
.active\:border-jcusbrightorange-500:active {
  border-color: var(--jcusbrightorange-500) !important;
}
.active\:border-jcusbrightorange-600:active {
  border-color: var(--jcusbrightorange-600) !important;
}
.active\:border-jcusbrightorange-700:active {
  border-color: var(--jcusbrightorange-700) !important;
}
.active\:border-jcusbrightorange-800:active {
  border-color: var(--jcusbrightorange-800) !important;
}
.active\:border-jcusbrightorange-900:active {
  border-color: var(--jcusbrightorange-900) !important;
}
.text-jcusmidgreen-50 {
  color: var(--jcusmidgreen-50) !important;
}
.text-jcusmidgreen-100 {
  color: var(--jcusmidgreen-100) !important;
}
.text-jcusmidgreen-200 {
  color: var(--jcusmidgreen-200) !important;
}
.text-jcusmidgreen-300 {
  color: var(--jcusmidgreen-300) !important;
}
.text-jcusmidgreen-400 {
  color: var(--jcusmidgreen-400) !important;
}
.text-jcusmidgreen-500 {
  color: var(--jcusmidgreen-500) !important;
}
.text-jcusmidgreen-600 {
  color: var(--jcusmidgreen-600) !important;
}
.text-jcusmidgreen-700 {
  color: var(--jcusmidgreen-700) !important;
}
.text-jcusmidgreen-800 {
  color: var(--jcusmidgreen-800) !important;
}
.text-jcusmidgreen-900 {
  color: var(--jcusmidgreen-900) !important;
}

.focus\:text-jcusmidgreen-50:focus {
  color: var(--jcusmidgreen-50) !important;
}
.focus\:text-jcusmidgreen-100:focus {
  color: var(--jcusmidgreen-100) !important;
}
.focus\:text-jcusmidgreen-200:focus {
  color: var(--jcusmidgreen-200) !important;
}
.focus\:text-jcusmidgreen-300:focus {
  color: var(--jcusmidgreen-300) !important;
}
.focus\:text-jcusmidgreen-400:focus {
  color: var(--jcusmidgreen-400) !important;
}
.focus\:text-jcusmidgreen-500:focus {
  color: var(--jcusmidgreen-500) !important;
}
.focus\:text-jcusmidgreen-600:focus {
  color: var(--jcusmidgreen-600) !important;
}
.focus\:text-jcusmidgreen-700:focus {
  color: var(--jcusmidgreen-700) !important;
}
.focus\:text-jcusmidgreen-800:focus {
  color: var(--jcusmidgreen-800) !important;
}
.focus\:text-jcusmidgreen-900:focus {
  color: var(--jcusmidgreen-900) !important;
}

.hover\:text-jcusmidgreen-50:hover {
  color: var(--jcusmidgreen-50) !important;
}
.hover\:text-jcusmidgreen-100:hover {
  color: var(--jcusmidgreen-100) !important;
}
.hover\:text-jcusmidgreen-200:hover {
  color: var(--jcusmidgreen-200) !important;
}
.hover\:text-jcusmidgreen-300:hover {
  color: var(--jcusmidgreen-300) !important;
}
.hover\:text-jcusmidgreen-400:hover {
  color: var(--jcusmidgreen-400) !important;
}
.hover\:text-jcusmidgreen-500:hover {
  color: var(--jcusmidgreen-500) !important;
}
.hover\:text-jcusmidgreen-600:hover {
  color: var(--jcusmidgreen-600) !important;
}
.hover\:text-jcusmidgreen-700:hover {
  color: var(--jcusmidgreen-700) !important;
}
.hover\:text-jcusmidgreen-800:hover {
  color: var(--jcusmidgreen-800) !important;
}
.hover\:text-jcusmidgreen-900:hover {
  color: var(--jcusmidgreen-900) !important;
}

.active\:text-jcusmidgreen-50:active {
  color: var(--jcusmidgreen-50) !important;
}
.active\:text-jcusmidgreen-100:active {
  color: var(--jcusmidgreen-100) !important;
}
.active\:text-jcusmidgreen-200:active {
  color: var(--jcusmidgreen-200) !important;
}
.active\:text-jcusmidgreen-300:active {
  color: var(--jcusmidgreen-300) !important;
}
.active\:text-jcusmidgreen-400:active {
  color: var(--jcusmidgreen-400) !important;
}
.active\:text-jcusmidgreen-500:active {
  color: var(--jcusmidgreen-500) !important;
}
.active\:text-jcusmidgreen-600:active {
  color: var(--jcusmidgreen-600) !important;
}
.active\:text-jcusmidgreen-700:active {
  color: var(--jcusmidgreen-700) !important;
}
.active\:text-jcusmidgreen-800:active {
  color: var(--jcusmidgreen-800) !important;
}
.active\:text-jcusmidgreen-900:active {
  color: var(--jcusmidgreen-900) !important;
}


.bg-jcusmidgreen-50 {
  background-color: var(--jcusmidgreen-50) !important;
}
.bg-jcusmidgreen-100 {
  background-color: var(--jcusmidgreen-100) !important;
}
.bg-jcusmidgreen-200 {
  background-color: var(--jcusmidgreen-200) !important;
}
.bg-jcusmidgreen-300 {
  background-color: var(--jcusmidgreen-300) !important;
}
.bg-jcusmidgreen-400 {
  background-color: var(--jcusmidgreen-400) !important;
}
.bg-jcusmidgreen-500 {
  background-color: var(--jcusmidgreen-500) !important;
}
.bg-jcusmidgreen-600 {
  background-color: var(--jcusmidgreen-600) !important;
}
.bg-jcusmidgreen-700 {
  background-color: var(--jcusmidgreen-700) !important;
}
.bg-jcusmidgreen-800 {
  background-color: var(--jcusmidgreen-800) !important;
}
.bg-jcusmidgreen-900 {
  background-color: var(--jcusmidgreen-900) !important;
}

.focus\:bg-jcusmidgreen-50:focus {
  background-color: var(--jcusmidgreen-50) !important;
}
.focus\:bg-jcusmidgreen-100:focus {
  background-color: var(--jcusmidgreen-100) !important;
}
.focus\:bg-jcusmidgreen-200:focus {
  background-color: var(--jcusmidgreen-200) !important;
}
.focus\:bg-jcusmidgreen-300:focus {
  background-color: var(--jcusmidgreen-300) !important;
}
.focus\:bg-jcusmidgreen-400:focus {
  background-color: var(--jcusmidgreen-400) !important;
}
.focus\:bg-jcusmidgreen-500:focus {
  background-color: var(--jcusmidgreen-500) !important;
}
.focus\:bg-jcusmidgreen-600:focus {
  background-color: var(--jcusmidgreen-600) !important;
}
.focus\:bg-jcusmidgreen-700:focus {
  background-color: var(--jcusmidgreen-700) !important;
}
.focus\:bg-jcusmidgreen-800:focus {
  background-color: var(--jcusmidgreen-800) !important;
}
.focus\:bg-jcusmidgreen-900:focus {
  background-color: var(--jcusmidgreen-900) !important;
}

.hover\:bg-jcusmidgreen-50:hover {
  background-color: var(--jcusmidgreen-50) !important;
}
.hover\:bg-jcusmidgreen-100:hover {
  background-color: var(--jcusmidgreen-100) !important;
}
.hover\:bg-jcusmidgreen-200:hover {
  background-color: var(--jcusmidgreen-200) !important;
}
.hover\:bg-jcusmidgreen-300:hover {
  background-color: var(--jcusmidgreen-300) !important;
}
.hover\:bg-jcusmidgreen-400:hover {
  background-color: var(--jcusmidgreen-400) !important;
}
.hover\:bg-jcusmidgreen-500:hover {
  background-color: var(--jcusmidgreen-500) !important;
}
.hover\:bg-jcusmidgreen-600:hover {
  background-color: var(--jcusmidgreen-600) !important;
}
.hover\:bg-jcusmidgreen-700:hover {
  background-color: var(--jcusmidgreen-700) !important;
}
.hover\:bg-jcusmidgreen-800:hover {
  background-color: var(--jcusmidgreen-800) !important;
}
.hover\:bg-jcusmidgreen-900:hover {
  background-color: var(--jcusmidgreen-900) !important;
}

.active\:bg-jcusmidgreen-50:active {
  background-color: var(--jcusmidgreen-50) !important;
}
.active\:bg-jcusmidgreen-100:active {
  background-color: var(--jcusmidgreen-100) !important;
}
.active\:bg-jcusmidgreen-200:active {
  background-color: var(--jcusmidgreen-200) !important;
}
.active\:bg-jcusmidgreen-300:active {
  background-color: var(--jcusmidgreen-300) !important;
}
.active\:bg-jcusmidgreen-400:active {
  background-color: var(--jcusmidgreen-400) !important;
}
.active\:bg-jcusmidgreen-500:active {
  background-color: var(--jcusmidgreen-500) !important;
}
.active\:bg-jcusmidgreen-600:active {
  background-color: var(--jcusmidgreen-600) !important;
}
.active\:bg-jcusmidgreen-700:active {
  background-color: var(--jcusmidgreen-700) !important;
}
.active\:bg-jcusmidgreen-800:active {
  background-color: var(--jcusmidgreen-800) !important;
}
.active\:bg-jcusmidgreen-900:active {
  background-color: var(--jcusmidgreen-900) !important;
}

.border-jcusmidgreen-50 {
  border-color: var(--jcusmidgreen-50) !important;
}
.border-jcusmidgreen-100 {
  border-color: var(--jcusmidgreen-100) !important;
}
.border-jcusmidgreen-200 {
  border-color: var(--jcusmidgreen-200) !important;
}
.border-jcusmidgreen-300 {
  border-color: var(--jcusmidgreen-300) !important;
}
.border-jcusmidgreen-400 {
  border-color: var(--jcusmidgreen-400) !important;
}
.border-jcusmidgreen-500 {
  border-color: var(--jcusmidgreen-500) !important;
}
.border-jcusmidgreen-600 {
  border-color: var(--jcusmidgreen-600) !important;
}
.border-jcusmidgreen-700 {
  border-color: var(--jcusmidgreen-700) !important;
}
.border-jcusmidgreen-800 {
  border-color: var(--jcusmidgreen-800) !important;
}
.border-jcusmidgreen-900 {
  border-color: var(--jcusmidgreen-900) !important;
}

.focus\:border-jcusmidgreen-50:focus {
  border-color: var(--jcusmidgreen-50) !important;
}
.focus\:border-jcusmidgreen-100:focus {
  border-color: var(--jcusmidgreen-100) !important;
}
.focus\:border-jcusmidgreen-200:focus {
  border-color: var(--jcusmidgreen-200) !important;
}
.focus\:border-jcusmidgreen-300:focus {
  border-color: var(--jcusmidgreen-300) !important;
}
.focus\:border-jcusmidgreen-400:focus {
  border-color: var(--jcusmidgreen-400) !important;
}
.focus\:border-jcusmidgreen-500:focus {
  border-color: var(--jcusmidgreen-500) !important;
}
.focus\:border-jcusmidgreen-600:focus {
  border-color: var(--jcusmidgreen-600) !important;
}
.focus\:border-jcusmidgreen-700:focus {
  border-color: var(--jcusmidgreen-700) !important;
}
.focus\:border-jcusmidgreen-800:focus {
  border-color: var(--jcusmidgreen-800) !important;
}
.focus\:border-jcusmidgreen-900:focus {
  border-color: var(--jcusmidgreen-900) !important;
}

.hover\:border-jcusmidgreen-50:hover {
  border-color: var(--jcusmidgreen-50) !important;
}
.hover\:border-jcusmidgreen-100:hover {
  border-color: var(--jcusmidgreen-100) !important;
}
.hover\:border-jcusmidgreen-200:hover {
  border-color: var(--jcusmidgreen-200) !important;
}
.hover\:border-jcusmidgreen-300:hover {
  border-color: var(--jcusmidgreen-300) !important;
}
.hover\:border-jcusmidgreen-400:hover {
  border-color: var(--jcusmidgreen-400) !important;
}
.hover\:border-jcusmidgreen-500:hover {
  border-color: var(--jcusmidgreen-500) !important;
}
.hover\:border-jcusmidgreen-600:hover {
  border-color: var(--jcusmidgreen-600) !important;
}
.hover\:border-jcusmidgreen-700:hover {
  border-color: var(--jcusmidgreen-700) !important;
}
.hover\:border-jcusmidgreen-800:hover {
  border-color: var(--jcusmidgreen-800) !important;
}
.hover\:border-jcusmidgreen-900:hover {
  border-color: var(--jcusmidgreen-900) !important;
}

.active\:border-jcusmidgreen-50:active {
  border-color: var(--jcusmidgreen-50) !important;
}
.active\:border-jcusmidgreen-100:active {
  border-color: var(--jcusmidgreen-100) !important;
}
.active\:border-jcusmidgreen-200:active {
  border-color: var(--jcusmidgreen-200) !important;
}
.active\:border-jcusmidgreen-300:active {
  border-color: var(--jcusmidgreen-300) !important;
}
.active\:border-jcusmidgreen-400:active {
  border-color: var(--jcusmidgreen-400) !important;
}
.active\:border-jcusmidgreen-500:active {
  border-color: var(--jcusmidgreen-500) !important;
}
.active\:border-jcusmidgreen-600:active {
  border-color: var(--jcusmidgreen-600) !important;
}
.active\:border-jcusmidgreen-700:active {
  border-color: var(--jcusmidgreen-700) !important;
}
.active\:border-jcusmidgreen-800:active {
  border-color: var(--jcusmidgreen-800) !important;
}
.active\:border-jcusmidgreen-900:active {
  border-color: var(--jcusmidgreen-900) !important;
}
.text-jcusmidorange-50 {
  color: var(--jcusmidorange-50) !important;
}
.text-jcusmidorange-100 {
  color: var(--jcusmidorange-100) !important;
}
.text-jcusmidorange-200 {
  color: var(--jcusmidorange-200) !important;
}
.text-jcusmidorange-300 {
  color: var(--jcusmidorange-300) !important;
}
.text-jcusmidorange-400 {
  color: var(--jcusmidorange-400) !important;
}
.text-jcusmidorange-500 {
  color: var(--jcusmidorange-500) !important;
}
.text-jcusmidorange-600 {
  color: var(--jcusmidorange-600) !important;
}
.text-jcusmidorange-700 {
  color: var(--jcusmidorange-700) !important;
}
.text-jcusmidorange-800 {
  color: var(--jcusmidorange-800) !important;
}
.text-jcusmidorange-900 {
  color: var(--jcusmidorange-900) !important;
}

.focus\:text-jcusmidorange-50:focus {
  color: var(--jcusmidorange-50) !important;
}
.focus\:text-jcusmidorange-100:focus {
  color: var(--jcusmidorange-100) !important;
}
.focus\:text-jcusmidorange-200:focus {
  color: var(--jcusmidorange-200) !important;
}
.focus\:text-jcusmidorange-300:focus {
  color: var(--jcusmidorange-300) !important;
}
.focus\:text-jcusmidorange-400:focus {
  color: var(--jcusmidorange-400) !important;
}
.focus\:text-jcusmidorange-500:focus {
  color: var(--jcusmidorange-500) !important;
}
.focus\:text-jcusmidorange-600:focus {
  color: var(--jcusmidorange-600) !important;
}
.focus\:text-jcusmidorange-700:focus {
  color: var(--jcusmidorange-700) !important;
}
.focus\:text-jcusmidorange-800:focus {
  color: var(--jcusmidorange-800) !important;
}
.focus\:text-jcusmidorange-900:focus {
  color: var(--jcusmidorange-900) !important;
}

.hover\:text-jcusmidorange-50:hover {
  color: var(--jcusmidorange-50) !important;
}
.hover\:text-jcusmidorange-100:hover {
  color: var(--jcusmidorange-100) !important;
}
.hover\:text-jcusmidorange-200:hover {
  color: var(--jcusmidorange-200) !important;
}
.hover\:text-jcusmidorange-300:hover {
  color: var(--jcusmidorange-300) !important;
}
.hover\:text-jcusmidorange-400:hover {
  color: var(--jcusmidorange-400) !important;
}
.hover\:text-jcusmidorange-500:hover {
  color: var(--jcusmidorange-500) !important;
}
.hover\:text-jcusmidorange-600:hover {
  color: var(--jcusmidorange-600) !important;
}
.hover\:text-jcusmidorange-700:hover {
  color: var(--jcusmidorange-700) !important;
}
.hover\:text-jcusmidorange-800:hover {
  color: var(--jcusmidorange-800) !important;
}
.hover\:text-jcusmidorange-900:hover {
  color: var(--jcusmidorange-900) !important;
}

.active\:text-jcusmidorange-50:active {
  color: var(--jcusmidorange-50) !important;
}
.active\:text-jcusmidorange-100:active {
  color: var(--jcusmidorange-100) !important;
}
.active\:text-jcusmidorange-200:active {
  color: var(--jcusmidorange-200) !important;
}
.active\:text-jcusmidorange-300:active {
  color: var(--jcusmidorange-300) !important;
}
.active\:text-jcusmidorange-400:active {
  color: var(--jcusmidorange-400) !important;
}
.active\:text-jcusmidorange-500:active {
  color: var(--jcusmidorange-500) !important;
}
.active\:text-jcusmidorange-600:active {
  color: var(--jcusmidorange-600) !important;
}
.active\:text-jcusmidorange-700:active {
  color: var(--jcusmidorange-700) !important;
}
.active\:text-jcusmidorange-800:active {
  color: var(--jcusmidorange-800) !important;
}
.active\:text-jcusmidorange-900:active {
  color: var(--jcusmidorange-900) !important;
}


.bg-jcusmidorange-50 {
  background-color: var(--jcusmidorange-50) !important;
}
.bg-jcusmidorange-100 {
  background-color: var(--jcusmidorange-100) !important;
}
.bg-jcusmidorange-200 {
  background-color: var(--jcusmidorange-200) !important;
}
.bg-jcusmidorange-300 {
  background-color: var(--jcusmidorange-300) !important;
}
.bg-jcusmidorange-400 {
  background-color: var(--jcusmidorange-400) !important;
}
.bg-jcusmidorange-500 {
  background-color: var(--jcusmidorange-500) !important;
}
.bg-jcusmidorange-600 {
  background-color: var(--jcusmidorange-600) !important;
}
.bg-jcusmidorange-700 {
  background-color: var(--jcusmidorange-700) !important;
}
.bg-jcusmidorange-800 {
  background-color: var(--jcusmidorange-800) !important;
}
.bg-jcusmidorange-900 {
  background-color: var(--jcusmidorange-900) !important;
}

.focus\:bg-jcusmidorange-50:focus {
  background-color: var(--jcusmidorange-50) !important;
}
.focus\:bg-jcusmidorange-100:focus {
  background-color: var(--jcusmidorange-100) !important;
}
.focus\:bg-jcusmidorange-200:focus {
  background-color: var(--jcusmidorange-200) !important;
}
.focus\:bg-jcusmidorange-300:focus {
  background-color: var(--jcusmidorange-300) !important;
}
.focus\:bg-jcusmidorange-400:focus {
  background-color: var(--jcusmidorange-400) !important;
}
.focus\:bg-jcusmidorange-500:focus {
  background-color: var(--jcusmidorange-500) !important;
}
.focus\:bg-jcusmidorange-600:focus {
  background-color: var(--jcusmidorange-600) !important;
}
.focus\:bg-jcusmidorange-700:focus {
  background-color: var(--jcusmidorange-700) !important;
}
.focus\:bg-jcusmidorange-800:focus {
  background-color: var(--jcusmidorange-800) !important;
}
.focus\:bg-jcusmidorange-900:focus {
  background-color: var(--jcusmidorange-900) !important;
}

.hover\:bg-jcusmidorange-50:hover {
  background-color: var(--jcusmidorange-50) !important;
}
.hover\:bg-jcusmidorange-100:hover {
  background-color: var(--jcusmidorange-100) !important;
}
.hover\:bg-jcusmidorange-200:hover {
  background-color: var(--jcusmidorange-200) !important;
}
.hover\:bg-jcusmidorange-300:hover {
  background-color: var(--jcusmidorange-300) !important;
}
.hover\:bg-jcusmidorange-400:hover {
  background-color: var(--jcusmidorange-400) !important;
}
.hover\:bg-jcusmidorange-500:hover {
  background-color: var(--jcusmidorange-500) !important;
}
.hover\:bg-jcusmidorange-600:hover {
  background-color: var(--jcusmidorange-600) !important;
}
.hover\:bg-jcusmidorange-700:hover {
  background-color: var(--jcusmidorange-700) !important;
}
.hover\:bg-jcusmidorange-800:hover {
  background-color: var(--jcusmidorange-800) !important;
}
.hover\:bg-jcusmidorange-900:hover {
  background-color: var(--jcusmidorange-900) !important;
}

.active\:bg-jcusmidorange-50:active {
  background-color: var(--jcusmidorange-50) !important;
}
.active\:bg-jcusmidorange-100:active {
  background-color: var(--jcusmidorange-100) !important;
}
.active\:bg-jcusmidorange-200:active {
  background-color: var(--jcusmidorange-200) !important;
}
.active\:bg-jcusmidorange-300:active {
  background-color: var(--jcusmidorange-300) !important;
}
.active\:bg-jcusmidorange-400:active {
  background-color: var(--jcusmidorange-400) !important;
}
.active\:bg-jcusmidorange-500:active {
  background-color: var(--jcusmidorange-500) !important;
}
.active\:bg-jcusmidorange-600:active {
  background-color: var(--jcusmidorange-600) !important;
}
.active\:bg-jcusmidorange-700:active {
  background-color: var(--jcusmidorange-700) !important;
}
.active\:bg-jcusmidorange-800:active {
  background-color: var(--jcusmidorange-800) !important;
}
.active\:bg-jcusmidorange-900:active {
  background-color: var(--jcusmidorange-900) !important;
}

.border-jcusmidorange-50 {
  border-color: var(--jcusmidorange-50) !important;
}
.border-jcusmidorange-100 {
  border-color: var(--jcusmidorange-100) !important;
}
.border-jcusmidorange-200 {
  border-color: var(--jcusmidorange-200) !important;
}
.border-jcusmidorange-300 {
  border-color: var(--jcusmidorange-300) !important;
}
.border-jcusmidorange-400 {
  border-color: var(--jcusmidorange-400) !important;
}
.border-jcusmidorange-500 {
  border-color: var(--jcusmidorange-500) !important;
}
.border-jcusmidorange-600 {
  border-color: var(--jcusmidorange-600) !important;
}
.border-jcusmidorange-700 {
  border-color: var(--jcusmidorange-700) !important;
}
.border-jcusmidorange-800 {
  border-color: var(--jcusmidorange-800) !important;
}
.border-jcusmidorange-900 {
  border-color: var(--jcusmidorange-900) !important;
}

.focus\:border-jcusmidorange-50:focus {
  border-color: var(--jcusmidorange-50) !important;
}
.focus\:border-jcusmidorange-100:focus {
  border-color: var(--jcusmidorange-100) !important;
}
.focus\:border-jcusmidorange-200:focus {
  border-color: var(--jcusmidorange-200) !important;
}
.focus\:border-jcusmidorange-300:focus {
  border-color: var(--jcusmidorange-300) !important;
}
.focus\:border-jcusmidorange-400:focus {
  border-color: var(--jcusmidorange-400) !important;
}
.focus\:border-jcusmidorange-500:focus {
  border-color: var(--jcusmidorange-500) !important;
}
.focus\:border-jcusmidorange-600:focus {
  border-color: var(--jcusmidorange-600) !important;
}
.focus\:border-jcusmidorange-700:focus {
  border-color: var(--jcusmidorange-700) !important;
}
.focus\:border-jcusmidorange-800:focus {
  border-color: var(--jcusmidorange-800) !important;
}
.focus\:border-jcusmidorange-900:focus {
  border-color: var(--jcusmidorange-900) !important;
}

.hover\:border-jcusmidorange-50:hover {
  border-color: var(--jcusmidorange-50) !important;
}
.hover\:border-jcusmidorange-100:hover {
  border-color: var(--jcusmidorange-100) !important;
}
.hover\:border-jcusmidorange-200:hover {
  border-color: var(--jcusmidorange-200) !important;
}
.hover\:border-jcusmidorange-300:hover {
  border-color: var(--jcusmidorange-300) !important;
}
.hover\:border-jcusmidorange-400:hover {
  border-color: var(--jcusmidorange-400) !important;
}
.hover\:border-jcusmidorange-500:hover {
  border-color: var(--jcusmidorange-500) !important;
}
.hover\:border-jcusmidorange-600:hover {
  border-color: var(--jcusmidorange-600) !important;
}
.hover\:border-jcusmidorange-700:hover {
  border-color: var(--jcusmidorange-700) !important;
}
.hover\:border-jcusmidorange-800:hover {
  border-color: var(--jcusmidorange-800) !important;
}
.hover\:border-jcusmidorange-900:hover {
  border-color: var(--jcusmidorange-900) !important;
}

.active\:border-jcusmidorange-50:active {
  border-color: var(--jcusmidorange-50) !important;
}
.active\:border-jcusmidorange-100:active {
  border-color: var(--jcusmidorange-100) !important;
}
.active\:border-jcusmidorange-200:active {
  border-color: var(--jcusmidorange-200) !important;
}
.active\:border-jcusmidorange-300:active {
  border-color: var(--jcusmidorange-300) !important;
}
.active\:border-jcusmidorange-400:active {
  border-color: var(--jcusmidorange-400) !important;
}
.active\:border-jcusmidorange-500:active {
  border-color: var(--jcusmidorange-500) !important;
}
.active\:border-jcusmidorange-600:active {
  border-color: var(--jcusmidorange-600) !important;
}
.active\:border-jcusmidorange-700:active {
  border-color: var(--jcusmidorange-700) !important;
}
.active\:border-jcusmidorange-800:active {
  border-color: var(--jcusmidorange-800) !important;
}
.active\:border-jcusmidorange-900:active {
  border-color: var(--jcusmidorange-900) !important;
}