body {
	font-family: sans-serif;
}

.bg-primary {
  background-color: #283B3E;
}

.bg-navbar {
	background-color: #DFE6EB;
}

.bg-background {
	background-color: #eceef2;
}

.table> :not(caption)>*>* {
  padding: 20px;
}

.jumbotron-mckae {
	padding: 25px 25px;
	min-height: 100vh;
}

.navbar-spacing {
	padding: 25px 35px;
}

.table-mckae {
	border: 1px solid #d9dde5;
}

.section {
	border: 1px solid #d9dde5;
	background-color: #eff1f4;
	margin-bottom: 25px;
}

.section-content {
	padding: 20px;
}

.bg-halo {
	background-color: #283B3E;
}

.btn-outline-halo {
	border: 1px solid #283B3E;
	color: #283B3E;
	border-radius: 0;
}

.btn-outline-halo:hover {
	background-color: #283B3E;
	color: #fff;
}

.btn-halo {
	border: 1px solid #283B3E;
	background-color: #283B3E;
	color: #fff;
	border-radius: 0;
}

.btn-halo:hover {
	background-color: #283B3E;
	border: 1px solid #fff;
	color: #fff;
}

.btn {
	border-radius: 0;
}

.field-required {
	color: red;
	font-size: 14px;
	font-style: italic;
}

.section-data {

	padding: 10px;
	border: 1px solid gray;
	margin-bottom: 10px;

}

.card {
	border-radius: 0px;
}

@media (max-width: 769px) {

	.non-mobile-visible {
		display: none;
	}

	.mobile-section-only {
		display: block;
	}
}

@media (min-width: 770px) {

	.non-mobile-visible {
		display: block;
	}

	.mobile-section-only {
		display: none;
	}
}