/******* BASIC *******/

body, html {
font-family: 'Open Sans', sans-serif;
font-size: 10pt;
color:#252525;
height:100%;
}

* {
margin: 0;
padding: 0;
}

img {
border: none;
}

@media print {
	thead {
		display: table-header-group;
		margin-bottom: 2px;
	}
}

@page {
	margin: 5mm;
}

#pageCounter:after {
    counter-increment: page;
    content: counter(page);
}

div.report {
width: 700px;
margin: 0 1em;
}

table.header {
width: 100%;
}

td.title {
font-family: Georgia, serif;
font-style: italic;
font-size: 20pt;
font-weight: bold;
text-align: center;
padding: 0.5em;
}

td.logo {
text-align: right;
vertical-align: middle;
}

table.filters {
width: 100%;
padding: 1em;
background: #F4F4F4;
background-position: 1em;
}

table.reportdata {
white-space: nowrap;
border-collapse: collapse;
border-spacing: 0;
margin: 1em 0;
overflow: auto;
}

table.reportdata thead {
margin-top: 1em;
}

table.reportdata tbody {
margin-top: 1em;
}

table.reportdata tr {
border-bottom: 1px solid #CCCCCC;
}

table.reportdata th {
text-align: left;
vertical-align: bottom;
border-bottom: 1px solid #252525;
font-weight: bold;
font-style: italic;
padding: 0.5em 1em;
}

table.reportdata td {
//border-bottom: 1px solid #CCCCCC;
border-spacing: 0;
padding: 0.5em 1em;
}

table.reportdata td.value {
text-align: right;
}

table.reportdata tr.total td {
border-top: 1px solid #252525;
border-bottom: 1px solid #252525;
font-weight: bold;
}


.center {
text-align: center;
}

/*~~~~~ Open/Closed Job Reports ~~~~~*/
table.reporttable {
//table-layout: fixed;
//width: 100%;
white-space: nowrap;
border-collapse: collapse;
border-spacing: 0;
margin: 0 1em;
overflow: auto;
}

table.reporttable thead {
margin-top: 1em;
}

table.reporttable tbody {
margin-top: 1em;
}

table.reporttable th {
text-align: left;
vertical-align: bottom;
border-bottom: 1px solid #252525;
font-weight: bold;
font-style: italic;
padding: 1em 0.5em 0.5em 0.5em;
}

table.reporttable td {
//vertical-align: top;
padding: 0.5em;
}

tr.head-logo {
width: 100%;
}

table.reporttable td.logo {
text-align: right;
vertical-align: middle;
}

table.reporttable td.title {
font-family: Georgia, serif;
font-style: italic;
font-size: 20pt;
font-weight: bold;
text-align: center;
padding: 0.5em 0.5em 0.8em 0.5em;
}

table.reporttable td.filter {
background: #F4F4F4;
padding: 10px;
font-size: 11pt;
vertical-align: middle;
}

tr.filter {
vertical-align: middle;
}

table.reporttable td.data {
padding: 0.4em;
vertical-align: top;
border-collapse: collapse;
}

table.reporttable td.date {
padding: 0.4em;
vertical-align: top;
border-collapse: collapse;
text-align: center;
}

table.reporttable tbody td.comment {
border-bottom: 1px solid #CCCCCC;
border-spacing: 0;
}