.fi-active.fi-sidebar-item-active > a, .fi-active.fi-sidebar-item-active > a:hover, .fi-active.fi-sidebar-item-active > a:hover > svg, .fi-active.fi-sidebar-item-active > a:hover > span {
    background-color: #D04D49 !important; /* Ganti warna latar belakang */
    color: #fff;
}

.fi-sidebar-item > a:hover, .fi-sidebar-item > a:hover > svg, .fi-sidebar-item > a:hover > span{
    background-color: #F3D3D2!important;
    color:#D04D49;
}

.hide-icon svg {
    display: none;
}

.fi-ta-search-field {
    width: 420px;
}

.badge span {
    border: 0px;
    border-radius: 15px;
    box-shadow: none;
}

.badge span.fi-color-gray{
    background: #F3F4F6;
}
/*main{*/
/*    max-width: 100% !important;*/
/*}*/

body{
    background: #f6f6f6!important;
}

aside{
    box-shadow: 4px 4px 54px 5px #00000010 !important;
    background: #fff!important;
}

aside header {
    position: relative; /* Diperlukan untuk positioning */
    box-shadow: none!important;
}

aside header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; /* Menempatkan pseudo-element di kiri */
    width: 85%; /* Lebar 100% dari elemen */
    height: 2px; /* Tinggi border */
    background: linear-gradient(to right, transparent, #ffc800, transparent); /* Gradien dari transparan ke warna dan kembali transparan */
    text-align: center; /* Ini tidak diperlukan jika tidak ada konten di dalam pseudo-element */
}

.fi-active.fi-sidebar-item-active > a > svg,
.fi-active.fi-sidebar-item-active > a > span{
    color: #fff; /* Mengubah warna ikon dan teks menjadi putih */
}
.fi-active.fi-sidebar-item-active > a > .fi-sidebar-item-grouped-border > .rounded-full{
    background-color: #fff;
}

.custom-tabs {
    background: transparent!important;
    box-shadow: none!important;
}

.custom-tabs .fi-in-tabs-tab.fi-active {
    padding: 0px;
    padding-bottom: 0px;
    margin: 10px 0px!important;
    outline-offset: 0px;
}


.custom-tabs nav.fi-tabs {
    background: #ECEEF1;
    width: fit-content;
    border-radius: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: .4rem;
    box-shadow: none;
}

.custom-tabs button.fi-active.fi-tabs-item-active span {
    color: #4E0D0B;
}

.custom-tabs nav.fi-tabs {
    background: #ECEEF1;
}

/*.fi-sidebar-header {*/
/*    !*display: flex;*!*/
/*    flex-direction: row-reverse; !* Atur elemen vertikal *!*/
/*}*/

/*.fi-sidebar-header div {*/
/*    order: 2; !* Urutan kedua *!*/
/*}*/

/*.fi-sidebar-header button {*/
/*    order: 1; !* Urutan pertama *!*/
/*}*/

.filter-item {
    background: #ededed;
    margin: 0px 4px;
    border-radius: 10px!important;
    padding-right: 15px!important;
    padding-left: 15px!important;
}

.fi-sidebar-header img{
    width: auto;
    height: 2rem!important;
}

.action-multiple {
    background: #fff;
    border-radius: 100%!important;
    margin-right: 0px;
}

/*main{*/
/*    min-height: 85vh;*/
/*}*/

.tabs-archive nav.fi-tabs{
    margin-bottom: 15px!important;
    margin: 0 0 15px 0px!important;
}

.fi-simple-main {
    min-height: 10vh !important;
    /*border: 0px!important;*/
    box-shadow: none!important;
    position: relative!important;
}

main.fi-simple-main::before {
    content: '';
    position: absolute;
    top: 0;
    width: 80%;
    height: 0.5px;
    background: linear-gradient(to right, transparent, #ffc800, transparent);
    text-align: center;
}

main.fi-simple-main .logo-dashboard {
    display: none !important;
}
main.fi-simple-main .logo-login {
    display: block;!important;
    height: 120px;
}

.logo-login {
    display: none;
}

.logo-dashboard {
    display: block;
}


.fi-simple-layout {
    background: url('/images/Background.svg');
    background-size: cover;
    background-position: center top;
}

main {
    min-height: 85vh;
}

/*nav .fi-badge{*/
/*    background: #2563eb1a;*/
/*    color:#2563eb;*/
/*}*/

/*nav .fi-active .fi-badge{*/
/*    background: #eff6ff;*/
/*    color:#2563eb;*/
/*}*/

.table-four-year-count table {
    border-collapse: collapse;
    width: 100%;
}

.table-four-year-count td, .table-four-year-count th {
    /*border: 1px solid #dddddd;*/
    text-align: center;
    padding: 8px;
}

.table-four-year-count thead tr, .table-four-year-count thead tr th, .table-four-year-count tbody th{
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    font-weight: normal;
}

.table-four-year-count tbody td{
    border-bottom: 1px solid #E5E7EB;
}

.table-four-year-count tr:nth-child(even) {
    /*background-color: #dddddd;*/
}

.equal-widget section {
    height: 100%;
    max-height: 100%!important;
}

.repeater_land_information .justify-center {
    justify-content: start!important;
}

.custom-section-livewire .fi-section-content{
    padding: 0px!important;
}

.fi-fo-wizard .invisible{
    display: none;
}