/* style.css */
form {
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ccc;
    max-width: 500px;
    margin: 0 auto;
}

input[type="text"], input[type="email"], input[type="password"], select {
    width: 100%;
    padding: 10px;
    margin: 5px 0 10px;
    border: 1px solid #ccc;
}

input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #45a049;
}

/* Admin panel table styles */
.admin-panel-table {
    width: 100%;
    border-collapse: collapse; /* Ensures no space between borders */
}

.admin-panel-table th, .admin-panel-table td {
    padding: 10px;
    border: 1px solid #ccc; /* Adds borders between cells */
    text-align: center; /* Ensures everything in the cells is centered */
}

.admin-panel-table td {
    vertical-align: middle; /* Ensures that content is aligned in the middle of the cell */
}

/* Additional styling for the delete button within the table */
.admin-panel-table td form {
    margin: 0; /* Ensures no extra margin on the form within the cell */
}

/* For better responsiveness, adjust the width of table cells */
.admin-panel-table th, .admin-panel-table td {
    white-space: nowrap; /* Prevents text from wrapping */
}

/* Ensure that the delete button has a consistent style */
.delete-button {
    text-align: center;
    background-color: #f44336;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}

.delete-button:hover {
    background-color: #d32f2f;
}