.fi-ta-content {
    max-height: 75vh;
}
.fi-layout {
    width: auto;
}
.fi-main {
    max-width: 100% !important;
}
.fi-main-ctn {
    overflow-y: auto;
}
.fi-body {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

/* fix top header row to top of the table */
.fi-ta-table {
    position: relative;
}
.fi-ta-table thead {
    position: sticky;
    top: 0;
    left: 0;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
    background-color: #525252;
}
.fi-dropdown-panel {
    max-height: 60vh;
    overflow: auto;
    max-width: 50vw;
}

.scrollbar-thin {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb, #888) var(--scrollbar-track, #ffffff00);
}

/* For Webkit browsers */
.scrollbar-thin::-webkit-scrollbar {
    width: 8px;
}

.scrollbar-thin::-webkit-scrollbar-track {
    background: var(--scrollbar-track, #ffffff00);
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb, #888);
    border-radius: 10px;
    border: 3px solid var(--scrollbar-track, #ffffff00);
}

.fi-resource-agency-campaigns td[wire\:key$='.column.products'] > div > div > div > a,
.fi-resource-agency-campaigns td[wire\:key$='.column.creators'] > div > div > div > a,
.fi-resource-campaign-creators td[wire\:key$='.column.creator.user.name'] > div > div > div > a {
    display: none;
}

.fi-resource-agency-campaigns td[wire\:key$='.column.products'] > div > div > div > div > div,
.fi-resource-agency-campaigns td[wire\:key$='.column.creators'] > div > div > div > div > div,
.fi-resource-campaign-creators td[wire\:key$='.column.creator.user.name'] > div > div > div > div > div {
    gap: 0;
}