/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
	width: 100%; 
	border-collapse: collapse; 
	clear:both;
}

/* Zebra striping */
/*
tr:nth-of-type(odd) { 
	background: #f2f2f2; 
}
*/

.odd {
	background: #f2f2f2;
}

th { 
	background: #555555; 
	color: white; 
	font-weight: bold; 
}

th.rowth { 
	background:transparent; 
	color:#262626; 
	text-align: left;  
	font-weight:normal;
}
th.rowth a:link,
th.rowth a:active,
th.rowth a:visited,
th.rowth a:hover{  
	color:#003456; 
	text-decoration:underline; 
}
th.rowth:hover {  
	background: #ffffff; 
}
th.rowth a:focus {  
	border: 1pt dashed #003456; 
}
th { 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: center; 
}

td { 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: left; 
}

td.mid{
	text-align:center;
}

tr.nozebra { 
	background: #ffffff; 
}

div.wrapper {
	min-height: 73vh;
}

.fst-italic {
	font-style: italic;
}
.warning-message {
	font-size: larger;
	color: red;
}
/* Foundation changes */
input:focus, select:focus, button:focus {
  	outline: 2px solid #0174FE !important;
  	outline-offset: 2px;
}
html {
	font-size: 1.1em;
}
.align-center {
	justify-content: center !important;
}
.dropdown a {
	color: darkblue;
	font-weight: bold;
	font-size: large;
}
.h1 {
	color: white !important;
	font-size: 1em;
	margin-top: 15px;
}

h2 {
	font-size:180%;
	padding-top:.0em;
	margin:.2em .0em .0em .0em;
}
.ml-1 {
	margin-left: 1em !important;
}
.ml-2 {
	margin-left: 1.5em !important;
}
.ml-3 {
	margin-left: 2em !important;
}
.graybox a {
	color: darkblue;
}
.fs-1 {
	font-size: 1.2em !important;
}
.fs-2 {
	font-size: 1.5em !important;
}
.big-checkbox {
	height:25px;
	width:25px;
}
.text-error {
	color: darkred !important;
	font-weight: bold !important;
}
.text-end {
	text-align: right;
}
.text-start {
	text-align: left;
}
.fst-underline {
	text-decoration: underline;
}
.table-total-header {
	text-align:right;
	font-weight:bold;
	color:white;
	background-color:darkslategray;
}
.form {
	border: lightblue 2px solid;
	background-color: rgb(248, 247, 247);
	border-radius: 5px;
	margin-left: 2em;
	padding: 1em;
}
header, nav {
	max-height: 4em;
}
.cancel-btn {
	background-color: white;
	padding: 7px;
	color: rgb(235, 6, 6);
	border: darkred 2px solid;
	border-radius: 3px;
}
.cancel-btn:hover {
	background-color: wheat;
	color: darkred;
}
legend {
	text-align: left !important;
}
main {
	min-height: 30em !important;
	margin-left: 7px;
	margin-right: 2px;
	max-width: 97vw;
}
.float-right {
	float: right;
}
.nav-menu {
	margin-left: 8em;
}
nav li:hover {
	background-color: lightgray;
}
@media screen and (max-width: 900px) {
	.nav-menu {
		margin-left: 3em;
	}
}
@media screen and (max-width: 660px) {
	.title-bar {
		min-height: 50px;
	}
	h1 {
		margin-left: 25vw;
		margin-top: 25px !important;
		font-size: .7em !important;
	}
  	.small-text-right {
    	text-align: right;
  	}
  	.nav-menu {
		margin-left: -10px;
		min-width: 100vw;
  	}
	nav:not([style="display: none;"]) {
		margin-bottom: 8em;
	}
}