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

/* Wrapper takes full height and allows content to grow */
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Pushes footer to the bottom */
.container {
    flex-grow: 1;
}

/* Ensure DataTable layout is well aligned */
.dataTables_wrapper {
    width: 100% !important;
}

.dataTables_length {
    text-align: left !important;
}

.dataTables_filter {
    text-align: right !important;
}

.dataTables_filter input {
    width: 100% !important;
    max-width: 250px; /* Adjust for better fit */
}

/* Ensure pagination is right-aligned */
.dataTables_paginate {
    text-align: right !important;
}
/* Ensure dropdown fits well */
.dataTables_length label {
    display: flex;
    align-items: center;
    gap: 5px;
}
/* Target specific table columns using nth-child */
/* This will center both headers (th) and table content (td) for the 2nd and 3rd columns. */
#fundamentalTable td:nth-child(2),
#fundamentalTable th:nth-child(2),
#fundamentalTable td:nth-child(3),
#fundamentalTable th:nth-child(3),
#fundamentalTable td:nth-child(4),
#fundamentalTable th:nth-child(4) {
    text-align: center;
}
#forecastTable td:nth-child(2),
/* #forecastTable th:nth-child(2), */
#forecastTable td:nth-child(7) {
    text-align: center;
}

table.table tbody tr td {
    font-size: 0.85rem;
}
.small-font {
font-size: 0.85rem; /* Adjust as needed */
}
/* Adjust spacing on small screens */
@media (max-width: 768px) {
    .dataTables_length, 
    .dataTables_filter, 
    .dataTables_info, 
    .dataTables_paginate {
        text-align: center !important;
    }
}

/* Footer Styling */
.footer {
    background-color: #343a40; /* Dark background */
    color: white; /* Light text */
    text-align: center;
    padding: 10px 0;
    width: 100%;
}