/* nav.flex { */
body > div > div > div > nav {
    /* background: linear-gradient(to left, #d40505, #ff7e5f, #ef90b8); */
    /* background: linear-gradient(to left, #3400de, #a450f8, #cea1e0); */
    /* background: linear-gradient(to left, #de4a00, #f85083, #e0a1b4); */
    /* background: linear-gradient(to left, #5900de, #bd50f8, #bdacfa); */
    /* background: linear-gradient(to left, #e0e0f5, #e8d6f5, #cdd2fb); */
    /* background: linear-gradient(to left, #f5faff, #f5faff, #f5faff); */
    /* background: linear-gradient(to left, #f5f9ff, #f5f9ff, #f5f9ff); */
    background: linear-gradient(to left, #2903c1, #4203c1, #0340c1);
}
header.fi-sidebar-header {
    /* background-color: #ef90b8 !important; */
    /* background-color: #cea1e0 !important; */
    /* background-color: #e0a1b4 !important; */
    /* background-color: #cdd2fb !important; */
    /* background-color: #f5f9ff !important; */
    background-color: #0340c1 !important;
}
body > div > div > div > nav,
header.fi-sidebar-header {
    /* border-bottom: #bdc3ec 1px solid; */
    /* border-bottom: 1px solid #d1e4f5; */
    /* add shadow to nav */
    /* box-shadow: 0 0 10px 0 rgba(3, 10, 35, 0.2); */
}
nav.fi-sidebar-nav.flex-grow.flex.flex-col.gap-y-7.overflow-y-auto.overflow-x-hidden.px-6.py-8 {
    /* border-right: 1px solid #eff5fb; */
    border-right: 1px solid #e6effd;
}
a.fi-sidebar-item-button.relative.flex.items-center.justify-center.gap-x-3.rounded-lg.px-2.py-2.outline-none.transition.duration-75.hover\:bg-gray-100.focus-visible\:bg-gray-100.dark\:hover\:bg-white\/5.dark\:focus-visible\:bg-white\/5.bg-gray-100.dark\:bg-white\/5 {
    background-color: #e6effd;
    color: #0f4fb4;
}
/* menu icon color */
svg.fi-sidebar-item-icon.h-6.w-6.text-gray-400.dark\:text-gray-500 {
    color: #3675d4;
}
/* menu text color */
span.fi-sidebar-item-label.flex-1.truncate.text-sm.font-medium.text-gray-700.dark\:text-gray-200 {
    color: #012151;
}
/* menu group title text color */
span.fi-sidebar-group-label.flex-1.text-sm.font-medium.leading-6.text-gray-500.dark\:text-gray-400 {
    color: #9bb4da;
}
span.fi-sidebar-item-label.flex-1.truncate.text-sm.font-medium.text-primary-600.dark\:text-primary-400 {
    font-weight: bolder;
}
.fi-main-ctn.w-screen.flex-1.flex-col.opacity-0 {
    background-color: #fff;
}
img.fi-logo.flex {
    /* height: 2rem !important; */
    height: 2.6rem !important;
}
button.fi-icon-btn.relative.flex {
    color: #2b03af;
}


.py-6 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

.text-base {
    font-size: 0.9rem !important;
    line-height: 1.25rem !important;
}

.text-sm {
    font-size: 0.825rem !important;
    line-height: 1.25rem !important;
}

.p-6 {
    padding: 1rem !important;
}

.px-6 {
    /* padding-left: 1rem;
    padding-right: 1rem; */
}

.py-3 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}
.py-4 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}

.gap-6 {
    gap: 1.25rem !important;
}

.top-panel-bg {
    background-color: #fbfbfb;
    /* background-color: #ffffff; */
    /* background-color: #faf7ff; */
}
.left-panel-bg {
    /* background-color: #f9f9f9; */
    background-color: #ffffff;
    /* background-color: #faf7ff; */
}
.right-panel-bg {
    background-color: #f5f9ff;
    /* background-color: #faf7ff; */
}
div.cost_price {
    margin-top: -8px;
}
div.subtotal-tax {
    margin-top: -8px;
}
/* .gap-y-2-v2 {
    margin-top: 4px;
} */
gap-y-2:last-child {
    gap: 0rem;
}

button.fi-icon-btn.relative.flex.items-center.justify-center.rounded-lg.outline-none.transition.duration-75.focus-visible\:ring-2.-m-1\.5.h-9.w-9.text-gray-400.hover\:text-gray-500.focus-visible\:ring-primary-600.dark\:text-gray-500.dark\:hover\:text-gray-400.dark\:focus-visible\:ring-primary-500.fi-color-gray.fi-topbar-open-sidebar-btn.lg\:hidden {
    color: #fff;
}

/* .fi-input-wrp.discount_amount_div {
    margin-top: -8px;
} */

button.fi-icon-btn.relative.flex.items-center.justify-center.rounded-lg.outline-none.fi-topbar-database-notifications-btn {
    color: #fff;
}
span.fi-wi-stats-overview-stat-label.text-sm {
    font-size: 0.925rem;
    font-weight: normal !important;
    color: #777;
    margin-bottom: 10px;
}

/* widget style */
.fi-section-content-ctn {
    /* background-color: #f7d9e3; */
}

/* .fi-simple-main-ctn.flex.w-full.flex-grow.items-center.justify-center {
    background-image: url(/images/background/minimalist-nbdas.jpg);
} */
.fi-simple-layout {
    background-image: url(/images/background/minimalist-nbdas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh; /* Ensures the height covers the entire viewport */
    display: flex;
    justify-content: center;
    align-items: center;
}
.fi-simple-main {
    @apply bg-white;
    @apply bg-opacity-70;
}