.htmx-indicator {
    opacity: 0;
    transition: opacity 500ms ease-in;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    opacity: 1;
    display: block !important;
}

.htmx-request .htmx-indicator-flex,
.htmx-request.htmx-indicator-flex {
    opacity: 1;
    display: flex !important;
}


/* Hide previously loaded content during HTMX request */
.htmx-request .loaded-content,
.htmx-request.loaded-content {
    display: none;
}

#page-loader {
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    background-color: #fff;
    z-index: 100000;
}

#page-loader .spinner-border {
    width: 6rem;
    height: 6rem;

}

tr.htmx-swapping.delay {
    background-color: rgba(255, 0, 0, 0.25) !important;
    opacity: 0;
    transition: opacity .4s ease-out;
}

.overlay-spinner-indicator {
    display: none;
}

.htmx-request .overlay-spinner-indicator {
    display: inline;
}

.htmx-request.overlay-spinner-indicator {
    display: inline;
}

#gfl_table_wrapper:has(#table-loader.htmx-request){
    opacity: .5;
}

.spinner-overlay-absolute,
.spinner-overlay-fixed {
    z-index: 1000;
    top: 50%;
    left: 50%;
    opacity: 0.5;
    transform: translate(-50%, -50%);
}

.spinner-overlay-absolute {
    position: absolute;
}

.spinner-overlay-fixed {
    position: fixed;
}