body {
    font-family: 'Poppins', sans-serif;
}
.container {
    padding-top: 50px;
    max-width: 400px;
}
.logo-img {
    width: 150px;
    margin-bottom: 20px;
}
.login-title {
    margin-bottom: 1rem;
}
.footer {
    position: fixed;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

#timeline {
    background-color: #ECEFF1;
    min-height: 400px;
    width: 100%;
}

/* Change the font for the entire timeline */
.vis-timeline {
    font-family: Poppins, sans-serif;
}

/* Change the font size and color of timeline items */
.vis-item .vis-item-content {
    font-size: 10px; 
    color: #ffffff;
}

/* Change the font size and color of the axis labels */
.vis-panel .vis-time-axis .vis-text {
    font-size: 10px; 
    color: #555555;
}

.vis-item {
    border-color: #1B5E20;
    background-color: #1B5E20;
}

/* Override selected item style */
.vis-item.vis-selected {
    background-color: #263238; 
    border-color: #263238;
}

/* New styles for start items */
.start-item {
    border-color: #01579B;
    background-color: #01579B;
}

/* New styles for end items */
.end-item {
    border-color: #880E4F;
    background-color: #880E4F
;
}

.spanning-item {
    background-color: #004478; /* Choose your color */
    border: 1px solid #004478; /* Choose border style */
    /* Other styles as needed */
}

.spanning-item-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.spanning-item-start {
    color: #ffffff; /* Style for the 'Start' label */
}

.spanning-item-end {
    color: #ffffff; /* Style for the 'End' label */
}

/* Even groups */
.vis-timeline .vis-group.even-group {
    background-color: #ECEFF1;
} 

/* Odd groups */
.vis-timeline .vis-group.odd-group {
    background-color: #CFD8DC;
} 

/* Custom CSS for Equal Height Boxes */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.row-eq-height .card {
    height: 100%;
}

/* Custom CSS to change font size of vis.js labels */
.vis-label {
    font-size: 12px; /* Adjust the font size as needed */
}

.card {
    /* Custom card styles */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 5px;
}

@media screen and (max-width: 768px) {
    /* Styles for screens smaller than 768px */
}

@media screen and (max-width: 768px) {
    .card-title {
        font-size: 1.2rem; /* Adjust as needed */
    }
    .card-text {
        font-size: 1rem; /* Adjust as needed */
    }
    /* Add other styles as needed */
}

#budgetTable iframe {
    width: 100%; /* Full width of the container */
    height: 3000px; /* Or any height you prefer */
    display: block; /* To avoid inline display */
    margin: auto; /* Centering if the container is wider */
    /* Additional properties */
}

#budgetTable iframe {
    border: 1px solid #ccc; /* Light grey border */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

@media (max-width: 768px) {
    #budgetTable iframe {
        height: 1000px; /* Smaller height on smaller screens */
    }
}

#budgetTable {
    width: 100%;
    height: 3000px; /* Adjust as necessary */
    text-align: center;
    /* Other styling */
}

/* Custom styling for Controls card */
.checkbox-group label {
    display: block;
    margin-bottom: 5px;
}

/* Styling for the descriptive text */
.card-body p {
    font-size: 0.9rem;
    color: #666;
}

/* Styling for Quick Actions Card */
.quick-actions-card {
    background-color: #f8f9fa; /* Light background */
    border: 1px solid #e0e0e0; /* Light border */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.quick-actions-card .card-body {
    text-align: center; /* Center align content */
}

.quick-actions-card .btn {
    margin: 5px 0; /* Spacing around buttons */
    width: 80%; /* Wider buttons */
}

/* Enhance button appearance */
.quick-actions-card .btn-primary {
    background-color: #007bff; /* Primary color */
    border-color: #007bff;
}

.quick-actions-card .btn-secondary {
    background-color: #6c757d; /* Secondary color */
    border-color: #6c757d;
}