Laravel-Training-Project/resources/css/datatables.css

@import 'tailwindcss';
@import "./dataTables.tailwindcss.css";
@import "datatables.net-responsive-dt";


@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source "../**/*.blade.php";
@source "../**/*.js";
@source "../**/*.vue";

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
}
body {
    background-color: #f8f9fa;
}

.dt-button {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    border: none; /* No border */
    padding: 10px 20px; /* Padding */
    margin: 5px; /* Margin */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 16px; /* Font size */
}

.dt-button:hover {
    background-color: #45a049; /* Darker green on hover */
}
.dataTable tbody tr {
    background-color: #dbeafe /* Light blue background */
}
.dataTable tbody tr:nth-child(even) {
    background-color: white; /* even rows */
}

.action-button {
    display: inline-block;
    padding: 6px 12px;
    background-color: grey;
    color: black;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}

.action-button:hover {
    background-color: darkgrey;
}