body {
    padding-top: 0px; /* Adjust this value if needed to match the height of your navbar */
}

body {
    background-color: #f8f9fa; /* Light background */
    color: #000000; /* Black text */
}

.navbar {
    background-color: #000000; /* Black background for navbar */
}

.navbar-brand, .nav-link {
    color: #ffffff !important; /* White text for navigation links */
}

.navbar-brand:hover, .nav-link:hover {
    color: #cccccc !important; /* Slightly lighter on hover */
    background-color: #333333 !important; /* Dark grey background on hover */
}

.profile-picture {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btn-primary, .btn-secondary {
    color: #ffffff !important; /* White text for buttons */
}

.center-text {
    text-align: center;
}

.btn {
    border-radius: 25px; /* Rounded buttons */
    margin-top: 10px; /* Margin to separate buttons from the fields below */
}

.ai-btn {
    float: right; /* Position buttons to the right side of the page */
    margin-top: 5px; /* Slight margin to separate from the title above */
    margin-bottom: 15px; /* Add bottom margin to separate from the next field */
}

.hidden {
    display: none;
}

@media print {
    .no-print {
        display: none;
    }
    .print-table {
        border-collapse: collapse;
        width: 100%;
    }
    .print-table th, .print-table td {
        border: 1px solid #000;
        padding: 8px;
    }
}