/* Navigation Bar Styling */
.navbar {
    margin-bottom: 20px; /* Spacing below the navbar */
}

.navbar-brand, .navbar-nav li a {
    padding: 15px 20px; /* Larger click/touch area */
    font-size: 
}

/* Active link styling */
.navbar-nav .active a {
    background-color: #ddd;
    color: #555;
}

/* Navbar right-aligned items */
.navbar-right {
    margin-right: 0; /* Align items to the right */
}

/* Other custom styles */

/* Container adjustments */
.container {
    padding-top: 0px; /* Spacing at the top of the container */
}

/* Styling for form inputs and buttons */
.form-group label {
    display: block;
    margin-top: 0px;
}


.form-group input[type="file"] {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
}

.btn-primary {
    background-color: #0062cc;
    border-color: #005cbf;
    color: white;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #0056b3;
    border-color: #0050a0;
}

/* Responsive images within content */
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 20px 0;
}

/* Alerts */
.alert {
    margin-top: 20px;
}

/* Headings */
h1, h2, h3, h4 {
    color: #333;
    margin-top: 20px;
    margin-bottom: 50px; /* Added 50px margin below h1 */
}

/* Paragraphs */
p {
    color: #666;
    line-height: 1.6;
}

/* Links */
a, a:hover, a:focus {
    color: #0062cc;
    text-decoration: none;
}

.upload-form {
    margin-top: 20px; /* Adjust this value as needed */
}

.btn-sm {
    padding: 0.15rem 0.3rem;
    font-size: 100%;
    line-height: 1.5;
    border-radius: 0.2rem;
    color:white;
}

.user-list .user-link {
    display: block;
    font-size: 24px; /* Adjust the font size as needed */
    margin-bottom: 50px; /* Space between users */
}

.user-list hr {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 25px 0; /* Adjust this value to control the spacing above and below the line */
}