/* Extra custom CSS  */

/* For long links in the table, prevent wrapping and show ellipsis */
.no-wrap-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

/* Skeleton table loading styles */
.skeleton {
    height: 16px;
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        #e0e0e0 25%,
        #f5f5f5 37%,
        #e0e0e0 63%
    );
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.skeleton-header {
    height: 20px;
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: 0 0;
    }
}

table.dataTable tbody td.dt-control:before {
    margin-right: .5em;
}