body {
	background: #f4f6f8;
}

.bg-nav {
	background: #2f4050;
}

.bg-content-primary {
	background: #fff;
}

.dash-page {
	padding: 24px 20px;
}

.dash-card {
	background: #fff;
	border: 1px solid #d8dde3;
	border-radius: 6px;
	margin-bottom: 18px;
}

.dash-card-header {
	border-bottom: 1px solid #e3e7eb;
	padding: 12px 16px;
}

.dash-card-body {
	padding: 16px;
}

.auth-page {
	max-width: 420px;
	padding-top: 60px;
}

.auth-panel {
	background: #fff;
	border: 1px solid #d8dde3;
	border-radius: 6px;
	padding: 24px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th {
	border-top: 0;
}

.admin-projects-table.table-hover > tbody > tr:hover > td,
.admin-projects-table.table-hover > tbody > tr:hover > th {
	background: #d7d7d7;
}

.editable-note textarea,
textarea.form-control {
	min-height: 130px;
}

.project-list .list-group-item {
	overflow: hidden;
}

.avatar {
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .2);
	object-fit: cover;
}

.star-button {
	background: transparent;
	border: 0;
	color: #d0d4d8;
	padding: 0;
}

.star-button.is-starred {
	color: #d8a900;
}

.chart-row {
	align-items: center;
	display: flex;
	gap: 12px;
}

.chart-bar {
	background: #446f92;
	border-radius: 3px;
	height: 18px;
	min-width: 2px;
}

.chart-bar.personal {
	background: #8a6f3f;
}

.muted-link {
	color: #777;
}