#budgetsList {
    display: flex;
    flex-flow: row wrap;

    width: calc(100% - 2*1em);
    padding: 1em;
}

.budgetRow {
    display: flex;
    flex-flow: column nowrap;

    width: 100%;
}

/**** BUDGET TABLE ****/
.budgetDataColumn {
    width: 33%;
}
.budgetTableAmount {
    text-align: right;
}
.budgetTableAmount.budgetTableAmountData {
    display: flex;
    justify-content: space-between;
}

/*** BUDGET GRAPHICS ****/
.budgetGraphicsColumn {
    width: 67%;
}