:root{
    --primary: #9960ea;
    --secondary: #b0e842;
    --ternary: #9960ea;

    --font: 'sc-font';
    }

    @font-face {
    font-family: 'sc-font';
    src: url('https://stackconsole.ormilon.net/backend/api/font');
    }

    <!-- Custom CSS is enabled -->
    .custom-sidebar{background-color:#fafaf9!important;}                                   
 .custom-header{background-color:#fafaf9!important;}                                    
 .custom-sidebar{background-color:#fafaf9!important;}                                   
 .custom-sidebar .text-white{color:#323135!important;}                                  
 .custom-sidebar .text-white a:hover{color:#9960ea!important;}  
 .dark .custom-sidebar .text-white a:hover{color:#B0E842!important;}                          
 .custom-sidebar .bg-white{background-color:#ffffff!important; color:#9960ea!important;}
 .custom-header .text-primary{color:#323135 !important}                                 
 .custom-header .bg-primary{background-color:#323135 !important}                        
 .custom-header .border-primary{border:1px solid #323135 !important}                  
 .custom-header .bg-secondary{background-color:#9960ea !important}                     
 .custom-header .text-secondary{color: #323135!important}                             
 .custom-main{background-color:#fff !important}                                         
 .dark .custom-sidebar{background-color:#262626!important;}                            
 .dark .custom-header{background-color:#262626!important;}                              
 .dark .custom-header .text-primary {color: #ffffff !important;}                        
 .dark .custom-sidebar .text-white {color: #ffffff !important;}                         
 .dark .custom-sidebar .bg-white {background-color: #4b5563 !important;}                
 .dark .custom-main {background-color: #141414 !important;}                             
 button.bg-secondary{background-color:#9960ea!important}     
.dark .text-secondary{color:#ffffff!important;}   
.dark .bg-secondary{background-color:#B0E842!important;}
.dark button.bg-secondary{background-color:#B0E842!important;}
     
.dark .data-\[state\=checked\]\:bg-secondary[data-state=checked] {
    background-color: #B0E842!important;
}     
.dark .border-transparent.border-secondary { border-color:#B0E842!important } 
.dark .custome-border {
    border-color: #B0E842!important;
}    
button.custBtn{border-radius:30px!important;}
label.custBtn{border-radius:30px!important;}
.dark .selected-row{
  outline: 1px solid #B0E842!important;
} 
.dark .border-secondary {
    border-color: #B0E842!important;
}
.dark .loader {
   background-image: linear-gradient(45deg, #B0E842 25%, transparent 25%, transparent 50%, #B0E842 50%, #B0E842 75%, transparent 75%, transparent)!important;
  border: 0.5px solid #B0E842 !important;
}
.w-1\/2.border-errorColor {border-radius:30px !important}
.dark\:text-primary:is(.dark *) {
    color: #B0E842 !important;
}
.w-8.bg-orange-500{color:#9960ea!important; background-color:#d1d5db66!important; --tw-bg-opacity: 0.4!important;border-radius: 5px!important;}
.w-8.bg-success{color:#9960ea!important; background-color:#d1d5db66!important; --tw-bg-opacity: 0.4!important;border-radius: 5px!important;}
.w-8.bg-purple-500{color:#9960ea!important; background-color:#d1d5db66!important; --tw-bg-opacity: 0.4!important;border-radius: 5px!important;}
.w-8.bg-primary{color:#9960ea!important; background-color:#d1d5db66!important; --tw-bg-opacity: 0.4!important;border-radius: 5px!important;}
.dark .w-8.bg-orange-500{color:#ffffff!important}
.dark .w-8.bg-success{color:#ffffff!important}
.dark .w-8.bg-purple-500{color:#ffffff!important}
.text-2xl.text-orange-500{color:#9960ea!important}
.text-2xl.text-success{color:#9960ea!important}
.text-\[\#0066CC\] {color: #9960ea !important;}
/* .dark .text-2xl.text-orange-500{color:#B0E842!important}
.dark .text-2xl.text-success{color:#B0E842!important} */
.dark .text-\[\#0066CC\] {color: #B0E842 !important;}
.dark .react-select-option{color: #9CA3AF!important}
.w-10.h-10.rounded-full{border-radius: 5px!important;}
.avatar.bg-primary{color:#9960ea!important; background-color:#d1d5db66!important; --tw-bg-opacity: 0.4!important;border-radius: 5px!important;}
.dark .clickable-step .items-baseline.bg-primary {
    background-color: #B0E842 !important;
}
.dark .hover\:bg-primary:hover {
    background-color: #B0E842!important;
}