@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot');
	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body {
	text-align: center;
	font-family: Helvetica;
	font-weight: lighter;
	background-color: white;
	margin: 0;
	font-size:18px;
}

td {
	text-align: left;
}

div.description {
	font-size: 0.93em;
	font-weight: lighter;
	padding: 0 10px 0 10px;
}

.softHidden {
	display: none;
}

.redText {
	color: red;
}

.invalidField {
	border: 1px solid red !important;
}

.errorMsg {
	display: none;
}

p.footer {
	font-size: small;
}

table.tablesorter thead tr th.header {
	padding-right: 21px;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
	font-size: 16px;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: rgb(30, 30, 30);
		color: rgb(204, 204, 204);
	}
	
	.table-striped>tbody>tr:nth-of-type(odd) {
		background-color: rgb(22, 22, 22);
	}
	
	.table-hover>tbody>tr:hover {
		background-color: rgb(15, 15, 15);
	}
	
	.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
		border: 1px solid rgb(10, 10, 10);
	}
}