.fi-body {
    position: relative;
    background-color: #E8E9EB;
    z-index: 1;
}
.fi-sidebar {
    background-color: rgba(155,155,150,0.1) !important;
}
:is(.dark .fi-sidebar) {
    background-color: rgba(10,10,10,0.2) !important;
}

.fi-section, .fi-ta-ctn{
    background-color: rgba(155,155,150,0.1) !important;
}
:is(.dark .fi-section) {
    background-color: rgba(10,10,10,0.2) !important;
}

.fi-input-password-revealable::-ms-reveal {
    display: none;
}

.fi-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-image: url('black-and-white-light-background.jpg');*/
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    opacity: 0.15;
    pointer-events: none;
    z-index: -1;
}

:is(.dark .fi-body) {
    position: relative;
    background-color: rgba(3, 7, 18);
    z-index: 1;
}

:is(.dark .fi-body)::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('low_poly_purple.jpg');
    filter: saturate(0);
    background-repeat: no-repeat;
    opacity: 0.25;
    width: 100%;
    height: 100%;
    pointer-events: all;
    z-index: -1;
}

.fi-topbar > nav, .fi-sidebar-header {
    @apply bg-transparent ring-0 shadow-none !important;
    transition: background-color 0.3s, top 0.3s;
}

.fi-topbar > nav.topbar-hovered, .fi-sidebar-header.topbar-hovered {
    background-color: rgba(255, 255, 255, 0.75) !important;
}

:is(.dark .fi-topbar > nav.topbar-hovered, .dark .fi-sidebar-header.topbar-hovered) {
    background-color: rgba(10, 16, 33, 0.75) !important;
}

.fi-topbar > nav.topbar-scrolled, .fi-sidebar-header.topbar-scrolled {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

:is(.dark .fi-topbar > nav.topbar-scrolled, .dark .fi-sidebar-header.topbar-scrolled) {
    background-color: rgba(10, 16, 33, 0.5) !important;
}

li.fi-fo-repeater-item
{
    padding:0;!important;
    background-color:transparent !important;
    box-shadow: none !important;
}
li.fi-fo-repeater-item div.fi-fo-repeater-item-content
{
    padding:0;!important;
}

input:disabled
{
    background-color:rgba(var(--gray-100),var(--tw-text-opacity))
}
:is(.dark input:disabled)
{
    background-color:rgba(0,var(--tw-text-opacity))
}

.thin-underline
{
    border-bottom: 1px solid lightblue;
}

:is(.dark .thin-underline)
{
    border-bottom: 1px solid darkblue;
}
.fi-main {
    @media (min-width: 1024px) {

        padding-left: 0rem !important;
        padding-right: 0rem !important;
        max-width: 90rem !important;
    }
}