/* Table Styles */
#clients-table {
    font-family: Arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#clients-table th,
#clients-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#clients-table th {
    background-color: #121416;
    color: white;
}

#clients-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

#clients-table tr:hover {
    background-color: #e2e2e2;
}

/* Button Styles */
.dt-buttons {
    margin-bottom: 10px;
}

.dt-button {
    background-color: #4caf50;
    color: white;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 5px;
}

.dt-button:hover {
    background-color: #45a049;
}

/* Search Input Styles */
.dt-search {
    margin-bottom: 10px;
}

.dt-input {
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Pagination Styles */
.dt-paging {
    margin-top: 10px;
}

.dt-paging-button {
    background-color: #4caf50;
    color: white;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 5px;
}

.dt-paging-button:hover:not(.disabled) {
    background-color: #45a049;
}

.dt-paging-button.disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}

.dt-paging-button.current {
    background-color: #2e8b57;
}

/* custom table cells */
.lighthouse-failed {
    background-color: red;
    color: white;
}
.lighthouse-passed {
    background-color: green;
    color: white;
}