/* General Styles */
body {
    font-family: Arial, sans-serif;
    background-color: #F9F9F9;
    margin: 0;
    padding: 0;
    color: #333;
}

/* Navbar Styles */
.navbar {
    background-color: #122A48; /* Secondary Color */
    color: white;
    padding: 10px;
}

.navbar a {
    color: white;
    text-decoration: none;
    margin-left: 15px;
}

.navbar a:hover {
    text-decoration: underline;
}

/* Container */
.container {
    max-width: 96%px;
    margin: 0 auto;
    padding: 20px;
    margin-top:20px;
    margin-bottom:20px;
}

/* Button Styles */
.btn {
    text-align: center;
    display: inline-block;
    padding: 10px 15px;
    margin: 5px 2px;
    font-size: 15px;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    border: none;
    cursor: pointer;
}

.btn-add { background-color: #28a745; } /* Add Button */
.btn-edit { background-color: #17a2b8; } /* Edit Button */
.btn-view { background-color: #007bff; } /* View Button */
.btn-delete { background-color: #dc3545; } /* Delete Button */

.btn:hover {
    opacity: 0.9;
    text-decoration: none;
}

/* Error Message */
.error {
    color: red;
    font-weight: bold;
}