.bg-secondary\/70 {
    background-color: #4da9e7b3;
}
.text-primary,.text-secondary  {
    color: #4DA9E7;
}
.bg-secondary\/10 {
    background-color: #4da9e71a;
}
.border-primary {
    border-color: #4DA9E7;
}
.bg-primary {
    background-color: #4DA9E7;
}
.hover\:bg-secondary:hover {
    background-color: transparent;
    color: #4DA9E7;
}
.apexcharts-legend-marker {
    color: #000 !important;
    background: #000 !important;
}
.overflow-y-auto {
    overflow-x: hidden !important;
}
#nprogress .bar {
  background: #4DA9E7;
}
button.rounded-md.px-3.py-2.text-sm.text-white.focus-visible\:outline.focus-visible\:outline-2.focus-visible\:outline-offset-2.focus-visible\:outline-indigo-600.capitalize.bg-indigo-600.hover\:bg-indigo-500.shadow-sm{
    background: #4DA9E7 !important;
}
a.md\:block.hidden.rounded-md.bg-indigo-600.px-3.py-2.text-sm.text-white.shadow-sm.hover\:bg-indigo-500.focus-visible\:outline.focus-visible\:outline-2.focus-visible\:outline-offset-2.focus-visible\:outline-indigo-600{
    background: #4DA9E7 !important;
}
.vue-flow__handle{
   background: #4DA9E7 !important; 
}
.bg-green-700,span.apexcharts-legend-marker{
    background: #4DA9E7 !important; 
}
button.rounded-md.bg-indigo-600.px-3.py-2.text-sm.text-white.shadow-sm.hover\:bg-indigo-500.focus-visible\:outline.focus-visible\:outline-2.focus-visible\:outline-offset-2.focus-visible\:outline-indigo-600{
    background: #4DA9E7 !important; 
}
a.rounded-md.bg-indigo-600.px-3.py-2.text-sm.text-white.shadow-sm.hover\:bg-indigo-500.focus-visible\:outline.focus-visible\:outline-2.focus-visible\:outline-offset-2.focus-visible\:outline-indigo-600{
   background: #4DA9E7 !important;  
}
.bg-green-600 {
    background-color: #4da9e7 !important;  
}
.bg-green-50 {
    background-color: #4da9e70f !important;  
}
#main-canvas > * {
    --vf-handle: #4da9e7;
    direction: ltr;
}