/* style.css */

body {
    background-color: #f5f5f5; /* Light background color for the page */
}

.card {
    background-color: #fff; /* White background for the card */
}

.btn-maroon {
    background-color: #800000; /* Maroon background color */
    color: #fff; /* White text color */
    border: none;
}
.btn-green {
    background-color: #38922E; /* Maroon background color */
    color: #fff; /* White text color */
    border: none;
}

.btn-maroon:hover {
    background-color: #38922E; /* Maroon background color */
    }

.card-body {
    padding: 2rem; /* Add padding inside the card */
}

h2 {
    color: #38922E; /* Maroon color for the heading */
    font-weight: 700;
}

.alert {
    font-size: 0.875rem; /* Smaller font size for alert messages */
}

/* style.css */

body {
    background-color: #f5f5f5; /* Light background color */
}

.card {
    background-color: #fff; /* White background for the card */
}

.btn-maroon {
    background-color: #38922E; /* Maroon background color */
    color: #fff; /* White text color */
    border: none;
}

.btn-maroon:hover {
    background-color: #38922E; /* Maroon background color */
   }

.card-body {
    padding: 2rem; /* Add padding inside the card */
}

h2 {
    color: #38922E; /* Maroon color for the heading */
    font-weight: 700;
}

.alert {
    font-size: 0.875rem; /* Smaller font size for alert messages */
}

.table thead th {
    background-color: #38922E; /* Maroon background for table headers */
    color: #fff; /* White text color for headers */
}

.table tbody tr:hover {
    background-color: #f5f5f5; /* Light grey background for row hover effect */
}