/* Because CloudOnex has lots of issues, these are my own fixes */
.useless {
    display: none;
}
.useless a {
	cursor: no-drop;
}
.useless a:hover {
	background: none !important;
	font-weight: unset !important;
}
.nav-menu li > ul li.useless a {
    color: #e6e6e6;
}
.no-wrap {
    white-space: nowrap;
}
.bg-expense-qtd {
	background-color: #f25c54;
	color: rgba(0, 0, 0, 0.8);
}
.bg-expense-lq {
	background-color: #f27059;
	color: rgba(0, 0, 0, 0.8);
}
.bg-expense-ytd {
	background-color: #f4845f;
	color: rgba(0, 0, 0, 0.8);
}
.bg-expense-ly {
	background-color: #f79d65;
	color: rgba(0, 0, 0, 0.8);
}
.bg-income-qtd {
	background-color: #2b9348;
	color: rgba(0, 0, 0, 0.8);
}
.bg-income-lq {
	background-color: #80b918;
	color: rgba(0, 0, 0, 0.8);
}
.bg-income-ytd {
	background-color: #bfd200;
	color: rgba(0, 0, 0, 0.8);
}
.bg-income-ly {
	background-color: #dddf00;
	color: rgba(0, 0, 0, 0.8);
}
.apexcharts-legend-series {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 97%;
}
.apexcharts-legend-text {
	display: flex;
	gap: 10px;
	width: 100%;
}
.apexcharts-legend-text > span {
	flex: 0 0 10%;
	text-align: right;
}
.apexcharts-legend-text > :first-child {
	flex: 1 1 auto;
	text-align: left;
}
.bold {
    font-weight: bold;
}
.panel-hdr.spread {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}