h1 {
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: rgb(105,180,75); /* LE green */
	text-decoration: underline;
	text-align: center;
}

h4 {
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: blue;
	text-decoration: underline;
	text-align: left;
}


table tr.templates:nth-child(odd){
	background-color: rgb(195, 250, 180);
	cursor:pointer;
}

table tr.templates:nth-child(even){
	background-color: rgb(198, 255, 150);
	cursor:pointer;
}

 table tr.templates:hover {
	background-color: rgb(226, 227, 225);
} 

 div {
	font-family: sans-serif;
	font-size: 10pt;
	margin-left:50px;
}

 div.template {
	font-family: sans-serif;
	font-size: 10pt;
	margin-left:50px;
}

 div.subject {
	font-family: sans-serif;
	font-size: 10pt;
	margin-left:50px;
}

div.signature {
	font-family: sans-serif;
	font-size: 10pt;
	margin-left:50px;
	display: flex;
}

table {
	font-family: sans-serif;
	font-size: 10pt;
} 

th.lepro {
	background-color: rgb(100, 200, 20);
	text-align: center;
	color: rgb(255, 255, 255);
	border: 2px solid #fff;
	padding: 8px;
	font-size: 16px;
}


td.lepro {
	border: 2px solid #fff;
	padding: 10px;
	font-size: 14px;
} 

button {
	color: red;
	background-color: rgb(234,234,234);
	margin-left: 50px;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: bold;
  	text-align: center;
  	cursor: pointer;
  	outline: none;	
	border: 1px solid black;
	border-radius: 10px;
  	box-shadow: 0 5px #999;
}
button:hover {
	background-color: rgb(203, 252, 162);
}
button:active {
  background-color: rgb(162, 252, 249);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}