.financesPopup{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 11;
}
.financesPopup .background{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
}
.financesPopup .content{
	position: relative;
    width: 800px;
    max-height: 800px;
    margin: 100px auto;
    background: #fff;
    overflow: auto;
    padding: 30px;
    border-radius: 4px;
}
.financesPopup .content .leftPanel{

}
.financesPopup .content .leftPanel .yearHolder{
	clear: both;
    border-bottom: 1px solid #b6b6b6;
    overflow: auto;
    line-height: 30px;
}
.financesPopup .content .leftPanel .yearHolder.currentYear{
	background: #00000014;
}
.financesPopup .content .leftPanel .yearHolder .info{
	float: left;
	text-align: center;
	min-width: 60px;
}
.financesPopup .content .leftPanel .yearHolder .info.revenue{
	width: 100px;
}
.financesPopup .content .leftPanel .yearHolder .info.expenses{
	width: 100px;
}
.financesPopup .content .leftPanel .yearHolder .info.profit{
	width: 100px;
}
.financesPopup .content .leftPanel .yearHolder .info.negative{
	color: var(--negativeColor);
}
.financesPopup .content .middlePanel{
	margin-top: 40px;
}
.financesPopup .content .middlePanel .monthHolder{
	clear: both;
    border-bottom: 1px solid #b6b6b6;
    overflow: auto;
    line-height: 25px;
}
.financesPopup .content .middlePanel .monthHolder.currentMonth{
	line-height: 60px;
    font-size: 16px;
    background: #00000014;
}
.financesPopup .content .middlePanel .monthHolder .info{
	float: left;
    text-align: center;
    min-width: 60px;
}
.financesPopup .content .middlePanel .monthHolder .info.name{

}
.financesPopup .content .middlePanel .monthHolder .info.revenue{
	width: 100px;
}
.financesPopup .content .middlePanel .monthHolder .info.expenses{
	width: 100px;
}
.financesPopup .content .middlePanel .monthHolder .info.profit{
	width: 100px;
}
.financesPopup .content .middlePanel .monthHolder .info.negative{
	color: var(--negativeColor);
}