div.mainmenu.budgetreport::before {
	content: "\f249";
}
div.mainmenu.budgetreport {
	background-image: none;
}

.dashboard_budget {
	column-width: 350px; 
	column-gap: 0px; 
	column-span: none; 
	column-fill: balance;
}

.dashboard_budget figure {
	margin:0;
	flex-flow: column wrap; 
	page-break-inside: avoid; 
	break-inside: avoid;
	border-right: solid 2px rgba(0,0,0,0.2);
	border-bottom: solid 2px rgba(0,0,0,0.2); 
	text-align:center;
}

.figurein {
	display:inline-block; 
	text-align:left; 
	margin:auto;
}

.budgettitle {
	color:#888; 
	font-size: 120%;
	padding-top: 10px;
}

.figurein .famount {
	font-size: 300%; 
	margin-top:-10px;
	color: #333;
}

.budgettbl, 
.budgetchart, 
.budgetbarchart {
	margin-top:20px; 
	width:90%;
	margin-bottom: 30px;
}

.budgetchart {
	max-width: 460px;
}	

.budgettbl th{
	background: rgba(0,0,0,0.1);
	padding: 5px 8px;
}

.budgettbl tr{
}

.budgettbl td{
	padding: 5px 8px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

@media only screen and (max-width: 1400px) {
	.dashboard_budget {
		column-width: 300px; 
	}	
}

@media only screen and (max-width: 1200px) {
	.dashboard_budget {
		column-width: 250px; 
	}	
}

@media only screen and (max-width: 980px) {
	.dashboard_budget figure {
		border-right: 0;
	}
	.budgettbl, 
	.budgetchart,
	.budgetbarchart	{
		width:100%;
	}
}