.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;
}
.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: #3498db;
}
.chat-bg {
    background-repeat: repeat;
    background-size: auto;
}
.border-2.border-primary.text-sm.rounded-\[5px\].mb-1.m-3.py-2.px-4.flex.items-center.justify-between.cursor-pointer {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}
.rounded-lg.my-1.p-2.text-sm.flex.flex-col.relative.mr-auto.rounded-tl-none.bg-white.speech-bubble-left,
.rounded-lg.my-1.p-2.text-sm.flex.flex-col.relative.ml-auto.rounded-tr-none.bg-\[\#d8fad4\].speech-bubble-right {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
}
.text-center.font-light.text-sm.border-b.border-t.py-2.border-dashed.border-black {
    background: #576e7e9c;
    border-radius: 15px;
    color: #fff;
    border: 0;
}
ul#headlessui-listbox-options-4,ul#headlessui-listbox-options-2 {
    width: fit-content !important;
}

/*-- dark mod ---*/
button.flex.items-center.gap-2.px-3.py-2.rounded-full.border.text-sm.bg-gray-100.border-gray-300.text-gray-800.dark\:bg-gray-800.dark\:border-gray-600.dark\:text-gray-100 {
    display: none !important;
}