.fi-topbar nav, header.fi-sidebar-header { 
  background-color: #fee50f;
}

nav.fi-sidebar-nav {
  background-color: #1e2329;
}

span.fi-sidebar-group-label {
  color:white
}

svg.fi-sidebar-item-icon {
  color:white
}

span.fi-sidebar-item-label{
  color:white
}

.fi-sidebar-item .fi-active .fi-sidebar-item-active > *{
  color:black
}

/* Warna hitam saat aktif */
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > aside > nav > ul > li.fi-sidebar-group.flex.flex-col.gap-y-1.fi-active > ul > li.fi-sidebar-item.fi-active.fi-sidebar-item-active.flex.flex-col.gap-y-1 > a > span,
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > aside > nav > ul > li.fi-sidebar-group.flex.flex-col.gap-y-1.fi-active > ul > li.fi-sidebar-item.fi-active.fi-sidebar-item-active.flex.flex-col.gap-y-1 > a > svg {
    color: black !important;
}

/* Warna hitam saat hover juga */
body > div.fi-layout > aside > nav > ul > li > ul > li:hover > a > span,
body > div.fi-layout > aside > nav > ul > li > ul > li:hover > a > svg {
    color: black !important;
}

/* Progress Bar Colors */
.bg-red-500 {
    background-color: #ef4444 !important;
}
.bg-yellow-500 {
    background-color: #eab308 !important;
}
.bg-green-500 {
    background-color: #22c55e !important;
}
.bg-gray-500 {
    background-color: #6b7280 !important;
}