/* 
 * Black Coral #465362 / rgb(70, 83, 98)
 * Cultured #F4F4F6 / rgb(244, 244, 246)
 * Coquelicot #F34213 / rgb(243, 66, 19)
 * Titanium Yellow #F4E409 / rgb(244, 228, 9)
 * Claret #840032 / rgb(132, 0, 50)
 */

:root {
	--black-coral: rgb(0, 0, 0);
	--cultured: rgb(244, 244, 246);
	--coquelicot: rgb(243, 66, 19);
	--titanium-yellow: rgb(244, 228, 9);
	--claret: rgb(132, 0, 50);
}

body {
	background-color: var(--cultured);
}

a:active, a:visited, a:hover, a:link {
	text-decoration: none;
	color: var(--coquelicot);
}

.headerbar {
	background-color: var(--black-coral); 
	color: var(--coquelicot);
	font-size: 1.25em;
	font-weight: bold;	
}

.subheaderbar{
	background-color: var(--black-coral); 
	color: var(--coquelicot);
	font-size: 1.25em;
}

.choosepath h2{
	color: var(--coquelicot);
	font-weight: bolder;
	text-align: center;
	font-size: 1.5em;
}

.card-footer {
	background-color: var(--coquelicot);
	color: white;
	text-align: center;
	font-weight: bolder;
}

.disclaimer {
	background-color: var(--titanium-yellow);
	color: black;
	font-size: 0.8em;
}

.bottom-footer {
	background-color: var(--black-coral);
	color: white;
	font-size: 0.8em;
}

.disclaimer h2{
	text-align: center;
	font-size: 1em;
	font-weight: bolder;
}

.form-l label {
	font-weight: bold;
}

.report-out label {
	text-align: right;	
	font-weight: bold;
}

#svgdefs{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.svgicon {
	width: 1.2em;
	height: 1.2em;
}

.calc-header h2{
	color: var(--coquelicot);
	font-weight: bolder;
	text-align: center;
	font-size: 1.5em;
}

.table-primary td{
	color: var(--titanium-yellow);
	background-color: var(--black-coral);
}

button {
	background-color: var(--coquelicot);
	border: none;
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.progress-bar {
	background-color: var(--coquelicot);	
}

.not-printable {
	display: none;
}

@media print {
	html, body {
		
		font-size: 11pt;
	}

	table h2 {
		font-size: 14pt;
		font-weight: bolder;
	}

	.td-field {
		font-weight: bolder;
	}
	
	.td-value {
		font-family: 'Courier New', Courier, monospace;
	}

	.disclaimer {
		color: black;
		font-size: 0.8em;
	}
	
	.bottom-footer {
		font-size: 0.8em;
	}
	
	.disclaimer h2{
		text-align: center;
		font-size: 1em;
		font-weight: bolder;
	}

	.form-check-input:checked {
		background-color: black;
		border-color: black;
	}

	.form-check-input {
		border-color: black;
	}
}