.subtitle {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
}
.family-title {
    margin-bottom: 1rem !important;
}
.budget-table th {
    th {
        color: white;
    }
}
.budget-table {
    th.charge {
        background-color: $budget-charge-color;
    }
}
.budget-table {
    th.resource {
        background-color: $budget-resource-color;
    }
}
.budget-table {
    th, td {
        padding: 10px;
        text-align: left;
    }
    td.column-wide {
        width: 25%;
    }
    td.column-small {
        width: 15%;
    }
}

.bold {
    font-weight: 600;
}

.total {
    margin-top: 1rem;
    border-top: 1px dashed black;
}

.accordion-item {
    margin-bottom: 1rem;
}

button[aria-expanded="true"] > span.folded,
button[aria-expanded="false"] > span.unfolded { display: none; }
button[aria-expanded="false"] > span.folded,
button[aria-expanded="true"] > span.unfolded { display: inline; }