table#inv th {
	font-weight: bold;
	font-size: 120%;
	padding: 4px 8px;
	text-align: center;
	background-color: #abd0e9;
	border-right: 1px solid white;
	line-height: 1.3em;
	vertical-align: middle;
}

table#inv td {
	padding: 2px 8px;
	border-right: 1px solid white;
	border-bottom: 0;
}

table#inv tr.odd {
	background-color: white;
}
table#inv tr.even {
	background-color: #f4f4f4;
}

table#inv tr:hover {
	background-color: #D8ECF9;
}
table#inv tr:hover a {
	color: #006ab3;
}

table#inv td a {
	font-weight: bold;
}

table#inv td.paid {
	color: green;
}

table#inv td.not-paid-due {
	color: #000;
}

table#inv td.not-paid-overdue {
	color: #d00;
}

table#inv td.due-np {
	color: #d00;
}

form#isearch {
	margin-bottom: 1px;
	padding: 1ex;
	background-color: #abd0e9;
	border-right: 1px solid white;
}

form#isearch .wrap {
	display: inline-block;
	background-color: white;
}

form#isearch select {
	border: 0;
	height: 2em;
	padding: 2px;
	border-right: 1px dotted #006ab3;
}

form#isearch input {
	border: 0;
	height: 2em;
	font-size: 100%;
	padding: 2px 5px
}

form#isearch input[type=submit] {
	font-weight: bold;
	margin-right: 2px;
	background-color: #006ab3;
	color: white;
}

#invd {
	line-height: 1.3em;
}

#invd h1 {
	display: flex;
	justify-content: space-between;
	font-size: 150%;
}

#invd .dates {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 1.5ex 0;
}

#invd .bank {
	display: flex;
	margin-top: 1em;
}

#invd .bank div {
	flex-grow: 1;
}

#invd #address {
	display: flex;
	margin-top: 2em;
}
#invd #address>div {
	flex-grow: 1;
}
#invd #address h2 {
	font-size: 130%;
	font-weight: bold;
	color: inherit;
	padding: 0;
}
#invd #address>div div {
	margin: 2ex 3ex;
}

#invd .flex-item {
	flex-grow: 1;
}

#invd table.rows {
	width: 100%;
	margin-top: 1em;
}

#invd table.rows thead {
	background-color: #ccc;
}

#invd table.rows thead th {
	background-color: #abd0e9;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 2px 4px;
	white-space: nowrap;
}

#invd table.rows tbody {
	/**/
}

#invd table.rows td {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	border-right: 1px solid white;
	border-bottom: 0;
}

#invd table.rows td.name {
	text-align: left;
	white-space: normal;
}

#invd table.rows td.qunit {
	text-align: left;
}

#invd table.rows tbody.odd td {
	background-color: white;
}
#invd table.rows tbody.even td {
	background-color: #f4f4f4;
}

#invd table.rows tbody:hover td {
	background-color: #D8ECF9;
}

#invd table.rows tr.click {
	cursor: pointer;
}

#invd table.sum {
	width: auto;
	float: right;
	margin-top: 2em;
	font-size: 100%;
	margin-bottom: 2em;
}

#invd table.sum td {
	font-weight: bold;
	border: 0;
	padding: .2ex 1ex;
	background-color: white;
}

#invd table.sum tr.pad td {
	padding-bottom: 1em;
}

#invd table.sum tr.total td {
	font-size: 120%;
}

#invd table.sum td.price {
	text-align: right;
}

#invd table.rows td.loading {
	text-align: center;
	padding: 1em 0;
	color: #888;
}

#invd .detail {
	margin: 1ex 1ex 3em 1ex;
	padding: 1ex;
	text-align: left;
}

#invd .detail .sale {
	font-style: italic;
	margin-bottom: 1em;
}

#invd .detail .cols {
	display: flex;
	justify-content: space-between;
}

.nothing {
	margin-top: 2em;
	text-align: center;
}

tbody.hide td {
	display: none;
}

p.print-button {
	margin-top: 5em;
}
p.print-button a {
	font-size: 110%;
	padding: 1ex;
	border: 2px solid #57a1d3;
	color: white;
	background-color: #57a1d3;
	font-weight: bold;
}