.fi-main{
    padding:0px 10px 0px 10px !important;
}

.fi-ta-ctn {
    overflow-x: auto !important;
    /* width: 1300px; */
    margin: 0 auto;   
}


.fi-ta-content {
    overflow-x: auto !important;
    width: 100%;
}

.fi-ta-table { 
    width: 100% !important;  
    table-layout: auto !important; 
}


.fi-ta-header-cell{
    white-space: normal !important; 
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 195px !important;
    overflow: hidden !important;    
    padding: 0.25rem 0.4rem !important; 
    font-size: 0.6rem !important; 
    line-height: 1.1 !important;  
    gap: 0.25rem !important; 
}

.fi-ta-table td,
.fi-ta-table th,
.fi-ta-cell {
    white-space: normal !important; 
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 195px !important;
   
    padding: 0.25rem 0.4rem !important; 
    font-size: 0.6rem !important; 
    line-height: 1.1 !important;  

}

.fi-ta-text.grid.w-full {
    padding: 0.25rem !important; /* Anula px-3 py-4 de Tailwind */
    gap: 0.25rem !important;     /* Reduce la separación vertical */
}

.fi-ta-text-item-label {
    font-size: 0.7rem !important;
    line-height: 1 !important;
    
}



.fi-badge-icon {
    height: 0.75rem !important; /* Reduce el tamaño del icono */
    width: 0.75rem !important;
}