@media (min-width: 1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1400px;
	}

}

body,
tr {
	color: $ha-text;
}

.navbar-brand {
	.logo {
		width: 14rem;
	}

	.toolname {
		top: -5px;
		font-size: .9rem;
		position: relative;
	}
}

.pageTitle {
	letter-spacing: 1px;
	hr {
		border-color: $ha-blue;
	}
}

body {
	background-color: white;
}

table {
	background-color: white;
}

.shadow {
	box-shadow: $ha-shadow;
}

.card {
	box-shadow: $ha-shadow;
}

.statisticsCard {
	a {
		text-decoration: none;
		color: $ha-text;

		&:hover {
			color: $ha-green;
		}

		h4 {
			box-shadow: $ha-shadow;
			font-weight: 800;
			background: $ha-blue;
			color: white;
			width: 2.5rem;
			height: 2.5rem;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 10px;
			border-radius: 200rem;
		}
	}
}

.sidebarNav {
	margin-top: 2rem;
	.spacer {
		&:hover{
			background: none;
			a {
				cursor: default;
			}
		}
		hr {
			border-color: $ha-text;
	margin-top: 0;
	margin-bottom: 0;
	}
	}
	li {
		font-size: 1.05rem;
&.active {
	padding-left: 20px;
				background: $ha-green-active;
			}
		a {
			i {
				padding-right: 10px;
			}
			color: #FFF;
		}
		&:hover {
			padding-left: 20px;
		a {
			color: #FFF;
		}
		background: $ha-green-active;
	}
	}
}