.fi-wi-stats-overview-stat {
    /*background-color: oklch(0.62 0.21 259.02 / 0.18);*/
    border-radius: 12px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    /*box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4),*/
    /*inset 0 1px 1px rgba(255, 255, 255, 0.1),*/
    /*inset 0 -1px 1px rgba(0, 0, 0, 0.3);*/
    /*border: none; !* Remove all borders *!*/
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    /* No border-top here since it's handled by PHP */
    position: relative;
    overflow: hidden;
}





.fi-sidebar-nav {
    border-inline-end: 1px solid rgb(229, 231, 235);
}




.fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today.fi-focused {
    background-color: #D0DFFF;
}





/* Light mode striped rows */
.fi-ta-row:nth-child(even) {
    background-color: var(--color-gray-200)
}

.fi-tabs-item.fi-active {

    background-color: oklch(0.62 0.21 259.02 / 0.18);

}


.fi-tabs-item:hover{
    background-color: var(--color-zinc-200);
}


.fi-simple-main{
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;

}






/*!* Twinkle animation for stars *!*/
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}







.fi-resource-quotations .fi-section-header,.fi-resource-vacations .fi-section-header{
    border-top-left-radius:0.75rem;
    border-top-right-radius:0.75rem;
    background-color: #287fff2e;
}


.fi-section-has-header{
    border-top-left-radius:0.75rem;
    border-top-right-radius:0.75rem;
}
.fi-section-header-heading{
    color: var(--color-gray-700);
}
.fi-sc-section {
    border-top-left-radius:0.75rem;
    border-top-right-radius:0.75rem;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
.fi-sidebar-nav{
    background-color:var(--color-gray-100) ;
}

.fi-sidebar-item {
    &.fi-active {
        & > .fi-sidebar-item-btn {
            background-color: oklch(0.62 0.21 259.02 / 0.18);
        }
    }
}

.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:hover{
    background-color:var(--color-gray-200)
}