/* Custom margin for the navbar */
.navbar {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px; /* Adds space below the navbar */
}

.navbar-brand {
    color: #5B5E5F; /* Lime Green */
}

.navbar-nav .nav-link {
    color: #5B5E5F; /* Light Grey */
}

.navbar-nav .nav-link:hover {
    color: #E6007E; /* Magenta */
}

/* Custom container padding */
.container {
    padding-top: 20px; /* Adds spacing before the content starts */
    flex: 1;
}

/* Ensure the body takes up full height */
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* Make the container expand to fill available space */
.container {
    flex: 1;
}

/* Footer styling */
footer {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #5B5E5F; /* Light Grey */
}

/* Button styles */
.btn-primary {
    background-color: #BBD040; /* Lime Green */
    border-color: #BBD040; /* Lime Green */
}

.btn-primary:hover {
    background-color: #A0B136; /* Magenta */
    border-color: #A0B136; /* Magenta */
}

.btn-primary:active, .btn-primary:target, .btn-primary:focus {
    background-color: #A0B136 !important; /* Magenta */
    border-color: #A0B136 !important; /* Magenta */
}

/* Alert messages */
.alert-info {
    background-color: #DDDDDD; /* Light Grey */
    color: #5B5E5F; /* Dark Grey */
}

/* Styling for icons with text */
.nav-link i {
    margin-right: 1px; /* Adds space between icon and text */
}

/* Pagination styles */
.pagination .page-item.active .page-link {
    background-color: #BBD040; /* Lime Green for active page */
    border-color: #BBD040; /* Lime Green for active page border */
}

.pagination .page-item .page-link {
    color: #5B5E5F; /* Dark Grey for inactive page links */
    border-color: #88888D; /* Medium Grey for borders */
}

.pagination .page-item .page-link:hover {
    background-color: #DDDDDD; /* Light Grey on hover */
    border-color: #DDDDDD; /* Light Grey border on hover */
}

.pagination .page-item.disabled .page-link {
    background-color: #f8f9fa; /* Default light background for disabled */
    color: #88888D; /* Medium Grey for disabled text */
}

/* Customize the Previous/Next button colors */
.pagination .page-item .page-link[aria-label="Previous"],
.pagination .page-item .page-link[aria-label="Next"] {
    color: #E6007E; /* Magenta for Previous/Next buttons */
}

.pagination .page-item .page-link[aria-label="Previous"]:hover,
.pagination .page-item .page-link[aria-label="Next"]:hover {
    background-color: #E6007E; /* Magenta background on hover */
    border-color: #E6007E;
    color: #fff; /* White text on hover */
}