::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

::-webkit-scrollbar-track {
    background: #e5e7eb
}

::-webkit-scrollbar-thumb {
    background: #d1d5db
}

::-webkit-scrollbar-thumb:hover {
    background: #c9cbcd
}

.dark ::-webkit-scrollbar-track {
    background: #101215
}

.dark ::-webkit-scrollbar-thumb {
    background: #1f2126
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #1a1d21
}

.tr-order-special-request {
    background-color: #c4b5fd;
}
.tr-order-special-request:hover {
    background-color: #ede9fe !important;
}

.tr-order-has-errors {
    background-color: #fecaca;
}
.tr-order-has-errors:hover {
    background-color: #fee2e2 !important;
}

.dark .tr-order-has-errors {
    background-color: #831843;
}
.dark .tr-order-has-errors:hover {
    background-color: #9d174d !important;
}

.fi-resource-list-records-page section {
    padding-top: 1rem;
}

.fi-header .fi-breadcrumbs .fi-breadcrumbs-item-label,
.fi-ta-table .fi-ta-header-cell-label,
.fi-ta-table .fi-ta-text-item-label
{
    font-size: 0.75rem;
    line-height: 1rem;
}

.fi-header .fi-header-heading {
    font-size: 1.5rem;
    line-height: 2rem;
}

.fi-ta-cell:has(.td-client-see-column) {
    background-color: #f0fdfa;
}

.dark .fi-ta-cell:has(.td-client-see-column) {
    background-color: #0f766e;
}

.error-text {
    color: #ff0000;
}

.client-field-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.filepond--root[data-disabled=disabled] .filepond--drop-label {
    display: none;
}

.fi-ta-content {
    height: calc(100vh - 10rem);
}

.fi-page:has(.fi-pagination) .fi-ta-content {
    height: calc(100vh - 14rem);
}

.fi-page:has(.fi-ta-header-ctn:not([hidden])) .fi-ta-content,
.fi-page:has(.fi-tabs) .fi-ta-content {
    height: calc(100vh - 13rem);
}

.fi-page:has(.fi-pagination):has(.fi-ta-header-ctn:not([hidden])) .fi-ta-content,
.fi-page:has(.fi-pagination):not(:has(.fi-ta-header-ctn)):has(.fi-tabs) .fi-ta-content,
.fi-page:has(.fi-pagination):has(.fi-ta-header-ctn[hidden]):has(.fi-tabs) .fi-ta-content {
    height: calc(100vh - 17rem);
}

.fi-page:has(.fi-pagination):has(.fi-ta-header-ctn:not([hidden])):has(.fi-tabs) .fi-ta-content {
    height: calc(100vh - 20rem);
}

.fi-page:not(:has(.fi-pagination)):has(.fi-ta-header-ctn:not([hidden])):has(.fi-tabs) .fi-ta-content {
    height: calc(100vh - 16rem);
}

.fi-page:not(:has(.fi-pagination)):has(.fi-ta-header-ctn:not([hidden])):has(.fi-tabs):has(.fi-ta-filter-indicators) .fi-ta-content {
    height: calc(100vh - 18rem);
}

.fi-page:not(:has(.fi-pagination)):has(.fi-ta-header-ctn:not([hidden])):not(:has(.fi-tabs)):has(.fi-ta-filter-indicators) .fi-ta-content {
    height: calc(100vh - 15rem);
}

.fi-ta-table thead {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 9;
}

.label-client-can-see {
    color: rgba(14, 165, 233, 1);
}
.dark .label-client-can-see {
    color: rgba(56, 189, 248, 1);
}

.fi-fo-placeholder {
    word-break: break-word;
}

.fi-ta-cell .fi-ta-text,
.fi-ta-header-cell {
    padding: .25rem .5rem !important;
}

.fi-ta-cell .fi-ta-icon,
.fi-ta-cell .whitespace-nowrap:has(.fi-ta-actions),
.fi-ta-cell .whitespace-nowrap:not(:has(:first-child)) {
    padding: .1rem .5rem;
}

.fi-ta-cell .fi-ta-icon svg {
    height: 1.15rem;
    width: 1.15rem;
}

.fi-main section:first-of-type:has(.fi-ta-table),
.fi-main section:has(.fi-ta-empty-state) {
    row-gap: .5rem;
    padding-bottom: 0;
}

.fi-main section:has(.fi-ta-table) .fi-tabs,
.fi-main section:has(.fi-ta-table) .fi-tabs .fi-tabs-item,
.fi-main section:has(.fi-ta-empty-state) .fi-tabs,
.fi-main section:has(.fi-ta-empty-state) .fi-tabs .fi-tabs-item {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.fi-main section:has(.fi-ta-table):has(.fi-tabs) .gap-y-6,
.fi-main section:has(.fi-ta-empty-state):has(.fi-tabs) .gap-y-6 {
    row-gap: .75rem;
}

.fi-panel-panel .fi-simple-main .fi-simple-header .fi-logo.text-xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.fi-panel-panel .fi-simple-main .fi-simple-header .fi-simple-header-heading.text-2xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.fi-ta-filters .fi-fo-field-wrp .fi-dropdown-panel {
    max-height: 300px;
    overflow-y: auto;
}

.fi-resource-list-records-page .fi-wi-stats-overview-stats-ctn.grid:has(.custom-table-stats-item) {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.fi-resource-list-records-page .grid:has(.fi-wi-stats-overview-stats-ctn) {
    row-gap: 1rem;
}

.fi-resource-list-records-page .fi-wi-stats-overview-stats-ctn .custom-table-stats-item,
.fi-resource-list-records-page .fi-wi-stats-overview-stats-ctn .stats-overview-small-card {
    padding: .75rem;
}

.fi-resource-list-records-page .fi-wi-stats-overview-stats-ctn .custom-table-stats-item .fi-wi-stats-overview-stat-value,
.fi-resource-list-records-page .fi-wi-stats-overview-stats-ctn .stats-overview-small-card .fi-wi-stats-overview-stat-value {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.fi-resource-list-records-page .fi-wi-stats-overview-stats-ctn .custom-table-stats-item.custom-table-stats-small-item {
    padding: .25rem .75rem;
}

.fi-resource-list-records-page .fi-wi-stats-overview-stats-ctn .custom-table-stats-item.custom-table-stats-small-item .fi-wi-stats-overview-stat-label {
    font-size: .75rem;
    line-height: 1rem;
}

.fi-resource-list-records-page .fi-wi-stats-overview-stats-ctn .custom-table-stats-item.custom-table-stats-small-item .fi-wi-stats-overview-stat-value {
    font-size: 1rem;
    line-height: 1.5rem;
}

.fi-resource-list-records-page .fi-wi-stats-overview-stats-ctn .custom-table-stats-item.custom-table-stats-small-item .grid.gap-y-2 {
    row-gap: .125rem;
}

.hidden-repeater .fi-fo-repeater-item-content:has(.hidden-repeater-item) {
    padding: 0 !important;
}

.hidden-repeater li:has(.hidden-repeater-item) {
    box-shadow: none;
}

.fi-ta-table .dark\:bg-white\/5:is(.dark *) {
    background-color: #27272a !important;
}

@media (min-width: 640px) {
    .fi-ta-header-cell:first-of-type {
        padding-inline-start: 1.5rem !important;
    }
}

@media (min-width: 1024px) {
    .fi-main {
        padding-left: .375rem !important;
    }

    .filepond--root[data-style-panel-layout=grid] .filepond--item {
        width:calc(20% - .5rem)
    }
}