.fi-body, .fi-main, .fi-layout{
    background: #E9F4FA;
}

.fi-sidebar-nav, .fi-sidebar-header, .fi-topbar nav{
    background-color: #E9F4FA !important;
}
/* .fi-sidebar-header .fi-logo {
    color: #E9F4FA;
}
.fi-sidebar-item a{
    color: #E9F4FA;
}
.fi-sidebar-item-label, .fi-sidebar-item-icon, .fi-sidebar-group-label{
    color: #E9F4FA !important;
}
*/

/* .fi-sidebar-item.fi-active .fi-sidebar-item-label, .fi-sidebar-item.fi-active .fi-sidebar-item-icon{
    color: #000 !important;
    
}
.fi-sidebar-item-button:hover .fi-sidebar-item-label, .fi-sidebar-item-button:hover .fi-sidebar-item-icon{
    color: #000 !important;
}  */
.fi-sidebar-item .fi-sidebar-item-icon{
    width: 30px;
    height: 30px;
}
.fi-sidebar-item-label {
    font-size: 16px !important;
    font-weight: 600 !important;

}
.fi-sidebar-item.fi-active .fi-sidebar-item-button, .fi-sidebar-item.fi-active .fi-sidebar-item-label, .fi-sidebar-item.fi-active .fi-sidebar-item-icon{
    background-color: #108AFE !important;
    color: #E9F4FA !important;
    border-radius: 2px !important;
    
}
.fi-sidebar-item-button:hover {
    background-color: #108AFE !important;
    color: #E9F4FA !important;
    border-radius: 2px  !important;
} 
.fi-sidebar-item-button:hover .fi-sidebar-item-label, .fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #E9F4FA !important;
}
/* .shadow-sm {
    --tw-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.1) !important;
    --tw-shadow-colored: 0 6px 12px -2px var(--tw-shadow-color), 0 4px 8px -2px var(--tw-shadow-color) !important;
}

input.shadow-sm,
select.shadow-sm,
textarea.shadow-sm,
button.shadow-sm {
    --tw-shadow: none !important;
} */
/* section.rounded-xl, div.rounded-xl{
    border-radius: 2px !important;
}

.fi-section-content h1{
    border-bottom: 1px solid #eae9e9 !important;
    padding-bottom: 10px !important;
}
.fi-btn {
    padding: 15px 20px !important;
}
.fi-btn-label {
    font-size: 16px;
}
.fi-ta-cell {
    padding: 5px 10px !important;
}
.fi-ta-text-item-label {
    font-size: 16px !important;
}
.fi-input, .choices__inner, .fi-fo-date-time-picker-display-text-input{
    padding: 12px !important;
    font-size: 16px !important;
} */
/* .fi-select-input {
    padding: 12px !important;
    font-size: 16px !important;
} */

#cstm-vehicle-list{

    background: #e9f4fa;

    .vehicle-item {
        padding: 0px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        background: #fff;
        padding: 10px;
        border-radius: 5px;
    }
    
    .vehicle-item span {
        font-size: 14px;
        color: #848484;
    }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.fi-logo {
    height: 50px !important;
}
.fi-modal-close-overlay{
    @apply backdrop-blur-sm;
}
.fi-ta-row {
    .fi-ta-cell:last-of-type {
        @apply relative right-0 top-0 bottom-0;
        > div {
            @apply bg-white dark:bg-gray-900;
        }
    }
    .fi-ta-cell:last-of-type {
        position: sticky;
        > div {
            @apply shadow-md rounded-full py-2;
        }
    }
}
input:read-only {
    background-color: rgba(var(--gray-100),1);
    border: 0;
  }

.fi-page-sub-navigation-sidebar {
    height: 900px !important;
    overflow: auto;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{
    background-color: rgb(14, 124, 229) !important;
    color: #fff !important;
}

.fi-section-content, .fi-section-header {
    padding: 10px !important;
}

.gap-6 {
    gap: 0.5rem !important;
}
.gap-y-1 {
    row-gap: 0.00rem !important;
}

.py-4 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}
.p-4{
    padding: 10px 20px !important;
}
.py-3 {
    padding: 10px !important;
}
.py-8 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
.gap-y-8 {
    row-gap: 10px !important;
}
.fi-header-heading {
    font-size: 24px !important;
}
.fi-ta-header-cell {
    padding: 8px 12px !important;
}