/* styles.css */
.table {
    width: 100%;
    height: 40%;
    margin-bottom: 1rem;
    border-color: lightgray;
    font-size: xx-small
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6; /* Light gray border */
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6; /* Light gray border */
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6; /* Light gray border */
    }

/* styles.css */
/* EditForm Styles */
.edit-form {
    margin-bottom: 1rem;
}

    .edit-form label {
        display: block;
        margin-bottom: 0.5rem;
    }

    .edit-form input[type="text"],
    .edit-form input[type="password"],
    .edit-form input[type="number"],
    .edit-form input[type="email"],
    .edit-form input[type="date"], .HasValue ? item.Date.Value.ToString("MM/dd/yyyy") : "")
    .edit-form input[type="time"],
    .edit-form textarea,
    .edit-form select {
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

        .edit-form input[type="text"]:focus,
        .edit-form input[type="password"]:focus,
        .edit-form input[type="number"]:focus,
        .edit-form input[type="email"]:focus,
        .edit-form input[type="date"]:focus,
        .edit-form input[type="time"]:focus,
        .edit-form textarea:focus,
        .edit-form select:focus {
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

    .edit-form .validation-message {
        color: #dc3545; /* Red color for validation messages */
        font-size: 0.875rem; /* Smaller font size for validation messages */
        margin-top: 0.25rem; /* Add space between input and validation message */
    }

/* Button Styles */
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: darkgrey;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .btn:hover {
        color: #fff;
    }