.fi-ta-ctn .py-4 {
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
}
.gap-6{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.fi-ta-ctn {
    position: relative;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all.fi-main-ctn-sidebar-open > div > nav{
    background-color: white !important;
}

body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > aside > nav{
    /* background-color: white !important; */
    border-top: none;
    border-left: none;
    border-bottom: none;
}

body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > aside > nav{
    background-color:white !important;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > aside > div > header > div > a > img{
    height: 0px !important;

}


body > div.fi-simple-layout.flex.min-h-screen.flex-col.items-center > div > main > div > section > header > img{
    height: 150px !important;
    margin-top: -60px !important;
    margin-bottom: -60px !important;
    padding-top:20px !important;
    padding-bottom: 70px !important;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div > div > div > div.fi-ta-content.relative.divide-y.divide-gray-200.overflow-x-auto.dark\:divide-white\/10.dark\:border-t-white\/10 > table > thead > tr{
    background-color: rgba(116, 248, 116, 0.336) !important;
    color: rgb(8, 87, 8) !important;
}

body > div.fi-simple-layout.flex.min-h-screen.flex-col.items-center > div > main > div > section > header > p{
    color:white !important;
}

body > div.fi-simple-layout.flex.min-h-screen.flex-col.items-center > div {
    position: relative; /* Memastikan pseudo-element overlay berada di atas elemen ini */
    /* background-image: url('https://kongresmuslimatnu.id/admin_new/bg.jpeg'); /* Ganti dengan URL gambar Anda 
    background-size: cover; /* Menyesuaikan gambar agar memenuhi elemen */
    background-position: center; /* Posisi gambar di tengah */
    background-repeat: no-repeat; /* Mencegah pengulangan gambar */
    width: 100%; /* Opsional: jika elemen perlu memenuhi lebar */
    height: 100%; /* Opsional: jika elemen perlu memenuhi tinggi */
}

body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6 > div:nth-child(1) > div > div:nth-child(1) > div > div.fi-wi-stats-overview-stat-value.text-3xl.font-semibold.tracking-tight.text-gray-950.dark\:text-white{
color:white !important;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6 > div:nth-child(1) > div > div:nth-child(1) > div > div.flex.items-center.gap-x-2 > span{
color:white !important;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6 > div:nth-child(1) > div > div:nth-child(1) > div > div.flex.items-center.gap-x-2 > svg{
color: white !important;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6 > div:nth-child(1) > div > div:nth-child(2) > div > div.flex.items-center.gap-x-2 > span{
color:white;
}

body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6 > div:nth-child(1) > div > div:nth-child(2) > div > div.flex.items-center.gap-x-2 > svg{
color:white;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6 > div:nth-child(1) > div > div:nth-child(2) > div > div.fi-wi-stats-overview-stat-value.text-3xl.font-semibold.tracking-tight.text-gray-950.dark\:text-white{
color:white;
}

body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets > div > div > div:nth-child(3) > div > div.fi-wi-stats-overview-stat-value.text-3xl.font-semibold.tracking-tight.text-gray-950.dark\:text-white{
color:white;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets > div > div > div:nth-child(3) > div > div.flex.items-center.gap-x-2 > span{
color:white;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets > div > div > div:nth-child(4) > div > div.flex.items-center.gap-x-2 > span{
color:white;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets > div > div > div:nth-child(4) > div > div.fi-wi-stats-overview-stat-value.text-3xl.font-semibold.tracking-tight.text-gray-950.dark\:text-white{
color:white;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.flex.flex-col.gap-y-6 > div > div > div.fi-ta-selection-indicator.flex.flex-col.justify-between.gap-y-1.bg-gray-50.px-3.py-2.dark\:bg-white\/5.sm\:flex-row.sm\:items-center.sm\:px-6.sm\:py-1\.5 > div:nth-child(2) > div > button.fi-link.group\/link.relative.inline-flex.items-center.justify-center.outline-none.fi-size-md.fi-link-size-md.gap-1\.5.fi-color-custom.fi-color-primary > span{
color:white;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets > div:nth-child(2) > div > div:nth-child(1) > div > div.flex.items-center.gap-x-2{
color:white;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets > div:nth-child(2) > div > div:nth-child(1) > div > div.fi-wi-stats-overview-stat-value.text-3xl.font-semibold.tracking-tight.text-gray-950.dark\:text-white{
color:white;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all > main > div > section > div > div > div.flex.flex-col.gap-y-6 > div > div > div.fi-ta-selection-indicator.flex.flex-col.justify-between.gap-y-1.bg-gray-50.px-3.py-2.dark\:bg-white\/5.sm\:flex-row.sm\:items-center.sm\:px-6.sm\:py-1\.5 > div:nth-child(2) > div > button.fi-link.group\/link.relative.inline-flex.items-center.justify-center.outline-none.fi-size-md.fi-link-size-md.gap-1\.5.fi-color-custom.fi-color-primary > span{
color:white;
}
/* Target scrollbar secara umum */

body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all.fi-main-ctn-sidebar-open > main > div > section > div > div > div.flex.flex-col.gap-y-6 > div > div > div.fi-ta-selection-indicator.flex.flex-col.justify-between.gap-y-1.bg-gray-50.px-3.py-2.dark\:bg-white\/5.sm\:flex-row.sm\:items-center.sm\:px-6.sm\:py-1\.5 > div:nth-child(2) > div > button.fi-link.group\/link.relative.inline-flex.items-center.justify-center.outline-none.fi-size-md.fi-link-size-md.gap-1\.5.fi-color-custom.fi-color-primary > span{
color:rgba(228, 228, 231) !important;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all.fi-main-ctn-sidebar-open > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets > div:nth-child(2) > div > div:nth-child(2) > div > div.fi-wi-stats-overview-stat-value.text-3xl.font-semibold.tracking-tight.text-gray-950.dark\:text-white{
color:white !important;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all.fi-main-ctn-sidebar-open > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets > div:nth-child(2) > div > div:nth-child(2) > div > div.flex.items-center.gap-x-2 > span{
color:white !important;
}
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.h-full.opacity-0.transition-all.fi-main-ctn-sidebar-open > main > div > section > div > div > div.grid.grid-cols-\[--cols-default\].lg\:grid-cols-\[--cols-lg\].fi-wi.gap-6.fi-page-header-widgets > div:nth-child(2) > div > div:nth-child(1) > div > div.flex.items-center.gap-x-2 > span{
color:white !important;
}
::-webkit-scrollbar {
    width: 6px; /* Lebar scrollbar vertikal */
    height: 6px; /* Tinggi scrollbar horizontal */
}

/* Warna latar belakang scrollbar */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Warna latar belakang track */
    border-radius: 10px; /* Membuat sudut track lebih lembut */
}

/* Warna handle (bagian yang bisa di-scroll) */
::-webkit-scrollbar-thumb {
    background: #888; /* Warna handle scrollbar */
    border-radius: 10px; /* Membuat sudut handle lebih lembut */
}

/* Efek hover pada handle scrollbar */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* Warna handle saat di-hover */
}