#loadingOverlay {
    position: fixed;
    top: -100%; /* Move the overlay off-screen when not in use */
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Black background with 80% opacity */
    z-index: 1000; /* Ensure it appears above other elements */
    transition: top 0.3s; /* Add a transition for smooth animation */
}

#loadingOverlay.active {
    top: 0; /* Move the overlay to the top when active */
}

#loadingOverlay .spinner-border {
    color: #ffffff; /* White color for the spinner */
}

.copy-input {
    position: relative;
    width: 100%;
}

.copy-button {
    position: absolute;
    top: 0;
    right: 0;
}
.fix-col {
    position: sticky;
    left: 0px;
    background-color: rgb(244, 244, 244) !important;
}

table.sticky thead,
table.sticky tfoot {
    position: sticky;
}
table.sticky thead {
    inset-block-start: 0; /* "top" */
}
table.sticky tfoot {
    inset-block-end: 0; /* "bottom" */
}