/* Ensure the entire page uses a flex layout */
html, body {
    height: 100%; /* Make the html and body take the full height */
    margin: 0;    /* Remove default margin */
    display: flex;
    flex-direction: column;
}

/* Main content area */
.container-fluid {
    flex: 1; /* Allows the container to grow and fill available space */
}

/* Footer styling */
footer {
    background: #f8f9fa; /* Light gray background (adjust as needed) */
    text-align: center;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

/* Position the close button inside the input field */
#clear_search {
    z-index: 10;
    cursor: pointer;
}