body {
	padding: 0px 1em 1em 1em;
}

.logout {
	position: fixed;
	top: 1em;
	right: 1em;
}

div.messages {
	border: 1px solid #ff0000;
	margin: 1em 0px;
	padding: 0.5em;
}

div.wide {
	width: 100%;
	margin: 0px;
	overflow-x: scroll;
	border: 1px solid #000000;
}

table {
	border-spacing: 0px;
	margin: 0px;
	border: 1px solid #000000;
	border-right: none;
	border-bottom: none;
}

th {
	background-color: #ddeeff;
}

thead th, tfoot th {
	background-color: #1878d5;
	color: #ffffff;
}

th, td {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 0.2em 0.5em;
	margin: 0px;
}

tfoot th {
	text-align: right;
	padding: 0.5em 1em;
}

tfoot td {
	background-color: #ddeeff;
	padding: 0.5em;
}

tbody tr:nth-child(odd) td {
	background-color: #f6f6f7;
}

tbody tr td.paid {
	background-color: #ccffcc;
}

tbody tr td.oldunpaid {
	/* background-color: #ffdd99; */
}

tbody tr td.selected {
	background-color: #aaaaff;
}

tfoot td {
	/* font-weight: bold; */
}

div.amount{
	cursor: pointer;
}

div.notes {
	font-size: 80%;
	margin-top: 0.3em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 6em;
	cursor: pointer;
}

form div {
	padding-left: 10em;
	position: relative;
	margin-bottom: 0.2em;
}

form label {
	position: absolute;
	left: 0px;
	top: 0.3em;
	width: 9.5em;
	text-align: right;
}

input[type="checkbox"] {
	height: 1.6em;
}

form.newLoan div {
	display: inline-block;
	padding: 0px;
	margin: 0px 0.5em 0.2em 0px;
	max-width: 12em;
}

form.newLoan label {
	display: block;
	position: relative;
	top: 0px;
	width: 100%;
	text-align: left;
}

form.newLoan input {
	width: 100%;
	box-sizing: border-box;
}

div.modal {
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	background-color: rgba(127, 127, 127, 0.3);
}

div.modal h2 {
	margin-top: 0px;
}

form.editPayment, div.notesPopup {
	border: 1px solid #000000;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	padding: 1em;
}