body {
    background-color: skyblue;
    font-size: 0.75rem;
    line-height: 1.15;
}

.table td, .table th {
    padding: 0.15rem 0.3rem;
    line-height: 1.1;
}

.btn {
    font-size: 0.75rem;
    padding: 0.15rem 0.3rem;
}

.navbar-brand {
    font-size: 0.875rem;
}

.form-check {
    min-height: auto;
}

.survey-table td:nth-child(1) {
    width: 30%;
}

.survey-table td:nth-child(2) {
    width: 10%;
}

.survey-table td:nth-child(3),
.survey-table td:nth-child(4),
.survey-table td:nth-child(5) {
    width: 20%;
}

.navbar {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

#menuOffcanvas {
    font-size: 0.75rem;
}

#menuOffcanvas .btn {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.pagination {
    --bs-pagination-padding-x: 0.3rem !important;
    --bs-pagination-padding-y: 0.15rem !important;
    --bs-pagination-font-size: 0.75rem !important;
}

#filter_bank_transaction_data_table___search_value {
    font-size: 0.75rem;
    padding: .175rem 1.75rem .175rem .35rem;
}

.form-control, .form-select {
    font-size: 0.75rem  !important;
    padding: .175rem .175rem .175rem .35rem !important;
}


/* Make the left menu sticky when scrolling (only on screens larger than md) */
@media (min-width: 768px) {
    #menuOffcanvas {
        position: sticky;
        top: 40px; /* Height of the navbar */
        height: calc(100vh - 40px);
        overflow-y: auto;
        z-index: 1025; /* Above sticky header (1020) but below navbar (1030) */
    }
}