.table-view {
    margin-top: 20px;
}

/* Table layout */
#table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* Header cells */
#table thead th {
    background-color: #f2f2f2;
    color: #333;
    font-weight: bold;
    padding: 10px;
    border-bottom: 2px solid #ccc;
    text-align: left;
}

/* Body cells */
#table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
}

/* Row hover effect */
#table tbody tr:hover {
    background-color: #f9f9f9;
}

/* Optional: striped rows */
#table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.pagination{
    margin-top:1rem;
}

.table-wrapper {
    position: relative;
}

.table-wrapper.loading #table {
    overflow: hidden;
}

.table-wrapper #table-loader {
    color: black;
    background: #ffffffad;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    place-content: center;
}