:root {
	--site-header-height: 30px;
	--site-footer-height: 28px;
}

html, body
{
	min-height: 100vh;
	margin: 0;
	padding: 0;
}
body
{
	padding-top: 64px;
	padding-bottom: 40px;
}

@media print {
	html {
		min-height: none; 
		height: auto;
	}
	
	body {
		min-height: none;
		height: auto;
	}
	
	.no-print, .no-print * {
		display: none !important;
	}
}

#content {
	position: relative;
}

#page-footer {
	/* Set the fixed height of the footer here */
	font-size: 0.8em;
	height: calc(var(--site-footer-height));
}

/* SCREEN SIZE CUSTOMIZATION */
@media (min-width: 640px) {
}
@media only screen and (min-width: 768px){
}
@media only screen and (min-width: 1024px){
}
@media only screen and (min-width: 1200px){
}

.mainlogo
{
	width: 30px;
	height: 30px;
}

.print{
	display: none;
}

.required-invalid {
	background-color: #fc8b8b;
}