/* font for whole site =======================================================*/

* {
   font-family: Arial;
}

body {
	margin: 0px;
	/* margin-top: auto; */
}


.bodyContainer {
	text-align: center;
	margin: 10px;
	max-width: 1024px;
}

h1 {
	text-align: center;
	margin: 10px;
	max-width: 1024px;
}

a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	/* margin-left: 5px; */
	/* margin-right: 5px; */
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.href {
	color: red;
	text-decoration: none;
	font-weight: bold;
}

.href:visited {
	text-decoration: none;
}

.href:hover {
	text-decoration: underline;
	cursor: pointer;
}

.redButton {
	background-color: red;
	border: 1px solid;
	border-color: white;
	border-radius: 5px;
	box-shadow: 0em 0.2em 0.2em #9e9e9e;
	color: white;
	margin: 5px;
}

.monospace {
	font-family: monospace;
}

.bold {
	font-weight: bold;
}

.notbold {
	font-weight: normal;
}

tr:nth-child(even) {
	background-color: lightgray; /* */
}

.craftedBy {
	font-size: 12pt;
	text-align: center;
	/* margin: 5px; */
	color: #a7a9ab;
}

.hidden {
	display: none;
}

.upperCase {
	text-transform: uppercase;
}

.right {
	float: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.copyright {
	background-color: lightgray;
	border-radius: 5px 5px 0px 0px;
	color: white;
	font-size: 12pt;
	padding: 3px;
	text-align: center;
}

.flowColumn {
	flex-flow: column;
}

.flexEnd {
	align-self: flex-end;
}

.box {
	border: solid 1px red;
	border-radius: 5px;
}

@media print{
	.noPrint {
		display: none;
	}
}

@media print {
	footer {
		page-break-after: always;
	}
}


/* responsive media settings =====================================================================================================*/
@media (max-width: 1024px) {
	.bodyContainer {
		max-width: 100%;
	}
	.image {
		max-width: 95%;
	}
	h1 {
		max-width: 95%;
	}
}