body > div > div > div > nav {
    /* background: linear-gradient(to left, #464800, #b08415, #513d09); */
    /* background: linear-gradient(to left, #010048, #152ab0, #091751); */
    background: linear-gradient(to left, #00114d, #013ff6, #002766);
}
header.fi-sidebar-header {
    background-color: #002766 !important;
}

.fi-simple-layout {
    /* background-image: url(/images/background/bg3253.jpg); */
    /* background-image: url(/images/background/bg156.jpg); */
    background-image: url(/images/background/bg-67854543.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
main.fi-simple-main.my-16.w-full.bg-white {
    background: rgb(138 138 138 / 70%);
}
.fi-simple-main {
    @apply bg-white;
    @apply bg-opacity-70;
}
.toast-box {
    font-size: 1.2rem !important;
}

.gantt .bar {
    fill: #013ff6 !important;
    stroke: #002766 !important;
}
flow-col.items-center.justify-center.font-semibold.outline-none.transition.duration-75.focus-visible\:ring-2.rounded-lg.fi-color-custom.fi-btn-color-secondary.fi-color-secondary.fi-size-md.fi-btn-size-md.gap-1\.5.px-3.py-2.text-sm.inline-grid.shadow-sm.bg-custom-600.text-white.hover\:bg-custom-500.focus-visible\:ring-custom-500\/50.dark\:bg-custom-500.dark\:hover\:bg-custom-400.dark\:focus-visible\:ring-custom-400\/50.fi-ac-action.fi-ac-btn-action {
    background-color: rgb(1, 55, 209) !important;
}
img.fi-logo.flex {
    height: 2.6rem !important;
}