table.exportReport {
	background-color: #fff;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 48px;
}

table.exportReport thead.header {
	background-color: #444;
	text-align: center;
}

table.exportReport thead.header td {
	padding: 0.25em;
	border: 1px solid #f0f0f0;
}
table.exportReport thead.header td.animate-5s {
	transition: background-color 5s linear 0s;
}
table.exportReport thead.header td.waiting {
	background-color: #FFEA87;
}

table.exportReport thead.header tr.title{
	text-align: left;
	padding-left: 1em;
	background-color: #444;
	color: #f0f0f0;
}

table.exportReport thead.header tr.title h1{
	margin: 0;
}

table.exportReport thead.header tr.header td {
	color: #f0f0f0;
	border-bottom: none;
	padding-bottom: 0;
}
table.exportReport thead.header tr.header-info td {
	color: #c0c0c0;
	font-style: italic;
	font-size: 0.8em;
	border-top: none;
	padding-top: 0;
}

table.exportReport tbody.data {
	font-family: monospace;
	font-size: 12px;
	text-align: left;
}

table.exportReport tbody.data td {
	padding: 0.1em;
	border: 1px solid #c0c0c0;
	white-space: pre;
}
table.exportReport tbody.data td span {
	padding-left: 2px;
	padding-right: 2px;
}

/** table highlights *****************************************************/
/** @see http://paletton.com/#uid=35a0X0kl7Oc6+SRf4ONqZQCCiV9 **/
table.exportReport tbody.data tr.highlight.highlight-style1 td, table.exportReport tbody td.highlight.highlight-style1{
	background-color: #EC7DBC;
}
table.exportReport tbody.data tr.highlight.highlight-style2 td, table.exportReport tbody td.highlight.highlight-style2{
	background-color: #72D8D8;
}
table.exportReport tbody.data tr.highlight.highlight-style3 td, table.exportReport tbody td.highlight.highlight-style3{
	background-color: #FFEA87;
}
/** @see http://paletton.com/#uid=30g0X0kl7Oc6+SRf4ONqZQCCiV9 **/
table.exportReport tbody.data tr.highlight.highlight-style4 td, table.exportReport tbody td.highlight.highlight-style4{
	background-color: #FFAB87;
}
table.exportReport tbody.data tr.highlight.highlight-style5 td, table.exportReport tbody td.highlight.highlight-style5{
	background-color: #8987E2;
}
table.exportReport tbody.data tr.highlight.highlight-style6 td, table.exportReport tbody td.highlight.highlight-style6{
	background-color: #E6FB85;
}

table.exportReport tbody.data tr:hover td{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
table.exportReport tbody.data td:hover{
	border: 1px solid #888888;

	color: #f0f0f0 !important;
	background-color: #666666 !important;
}
table.exportReport tbody.data td:hover span{
	padding-left: 0;
	padding-right: 0;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	background-color: #444444 !important;
}

/** border ***********************************************************/
table.exportReport td.border{
	text-align: left !important;

	color: #f88 !important;
	background-color: #444 !important;
	font-size: 8px !important;
	font-family: Verdana !important;
	width: 1%;
}
table.exportReport td.border.index{
	color: #c88 !important;
	background-color: #444 !important;
	text-align: right !important;
}

/** tfoot ************************************************************/
table.exportReport tfoot.end>tr>td{
	text-align: center;
	border: 1px solid #c0c0c0;
	font-family: Verdana;
}

/** tfoot>hash-row *****************************************************/
table.exportReport tfoot.end tr.hash-row td {
	color: #cccccc;
	font-size: 2px;
	font-family: monospace;
	background-color: #eeffee;
}
table.exportReport tfoot.end tr.hash-row td span:FIRST-CHILD{
	color: #060;
	font-size: 12px;
}

table.exportReport tfoot.end tr.changes td{
	text-align: center;
	font-size: 8px;
	font-family: monospace;
}
table.exportReport tfoot.end tr.changes td.changed {
	background-color: #880000;
	color: #ffee00;
	font-size: 2px;
	font-family: monospace;
}
table.exportReport tfoot.end tr.changes td.changed span:FIRST-CHILD{
	font-size: 12px;
}
table.exportReport tfoot.end tr.changes td.identical {
	background-color: #eeffee;
	color: #ccc;
}

/** tfoot>hash-row-valid *************************************************/
table.exportReport tfoot.end tr.hash-row-valid td {
	text-align: center;
	font-size: 10px;
	font-family: monospace;
	background-color: #eeffee;
	color: #cccccc;
}
table.exportReport tfoot.end tr.hash-row-valid td.invalid{
	background-color: #880000;
	color: #ffee00;
	padding-bottom: none;
}
table.exportReport tfoot.end tr.hash-row-valid td div{
	height: 1px;
	width: 100%;
	overflow: hidden;
}
table.exportReport tfoot.end tr.hash-row-valid td.invalid div{
	border-bottom: 2px solid #ff6600;
}


/** tfoot>hash-row-counts *************************************************/
table.exportReport tfoot.end tr.hash-row-counts td {
	text-align: center;
	font-size: 10px;
	font-family: monospace;
	background-color: #f0f0f0;
	color: #666666;
}
table.exportReport tfoot.end tr.hash-row-counts td.sample-unique{
	background-color: #880000;
	color: #ffee00;
}
table.exportReport tfoot.end tr.hash-row-counts td.sample-low{
	background-color: #BC7878;
	color: #000000;
}
table.exportReport tfoot.end tr.hash-row-counts td.sample-high{
	background-color: #eeffee;
	color: #cccccc;
}


/* FILTERS *******************************************/
table.exportReport>thead.header>tr.filter>td>input.filter{
	width: 100%;
	background-color: #444444;
	border-style: none none dotted none;
	padding: 1px 1px 0px 1px;
	border-width: 1px;
	border-color: #F5FECA;
	font-family: monospace;
	font-size: 12px;
	text-align: center;
}
table.exportReport>thead.header>tr.filter>td>input.filter:focus{
	background-color: #F5FECA;
	border-style: solid solid dotted solid;
	padding: 0px 0px 0px 0px;
}
table.exportReport>thead.header>tr.filter>td>input.filter.active{
	border: 1px solid #47F447;
	background-color: #E6FE70;
	padding: 0px 0px 0px 0px;
}
table.exportReport>thead.header>tr.filter>td>input.filter.error {
	background-color: #FF9D9D;
	border-color: #FF4A4A;
}
table.exportReport.filter-enabled>tbody.data>tr {
	display:none;
}

table.exportReport>tbody.data>tr.filter-matched {
	background-color: #F5FECA;
	display:table-row;
}


/** the options container **/
/* http://paletton.com/#uid=3270X0k51++00++00++bj++gE++ */
div.options {
	background-color: #F8FFD7;
	position: fixed;
	z-index: 999;
	right: 20px;
	opacity: 0.75;
	transition: opacity 0.5s linear 0s, 
				width 0.20s linear 0s, 
				border-radius 0.10s linear 0.10s,
				border-width 0.10s linear 0.10s,
				border-color 0.10s linear 0.10s,
				right 0.1s ease-in 0s;
	top: 0;
	border: 4px solid #444;
	width: 450px;
	box-shadow: 2px 4px 6px #888888;
}

div.options:hover {
	opacity: 1.0;
}

div.options >div.buttons {
	text-align: right;
	margin: 0 1em 0 1em;
}

/** the options->statistics container **/
div.options div.statistics {
	display: none;
}
div.options div.statistics.visible {
	display: block;
}
/* minimized state */
div.options.minimized {
	opacity: 0.25;
	width: 15px;
	border-radius: 0 0 1em 1em;
	border-width: 0 1px 4px 1px;
	border-color: #DDDDFF;
	right: 0px;
}
div.options.minimized div.buttons {
	margin: 0;
}
div.options.minimized div.buttons label[for=showStatistics] {
	display: none;
}
div.options.minimized div.buttons label {
	font-size: 0px;
}
div.options.minimized div.buttons label input {
	margin: 0;
}




div.options div.statistics table.statistics {
	background-color: #FFF;
	margin: 1em;
	background-color: #ffffff;
	width: 1%;
	border-collapse: collapse;
	white-space: pre;
}

div.options div.statistics div.buttons  {
	padding-bottom: 0.5em;
	border-bottom: 4px solid #444;
}
div.options div.buttons label {
	margin: 0 1em 0 0;
	border-left: 2px solid #8E8EFF;
}

div.options div.statistics div.buttons textarea.copyPaste {
	width: 100%;
	height: 3em;
	border: 1px solid #ffa0a0;
	background-color: #ffe0e0;
	white-space: pre;
	display: block;
}

div.statistics table.statistics td {
	border: 1px solid #c0c0c0;
	text-align: center;
}

div.statistics table.statistics td.title {
	text-align: center;
}

div.statistics table.statistics td.label {
	width: 1%;
	text-align: left;
}

div.statistics table.statistics td.hash {
	color: #888;
}
div.statistics table.statistics td.hash span:FIRST-CHILD {
	color: #000;
	font-weight: bold;
}

div.statistics table.statistics td.total-rows {
	color: #444;
}

div.statistics table.statistics td.total-items {
	color: #888;
}
div.statistics table.statistics td.total-items-valid {
	width: 50%;
	color: #8c8;
	text-align: right;
}
div.statistics table.statistics td.total-items-invalid {
	width: 50%;
	color: #c88;
	text-align: left;
}


/** tfoot div.statistics **/
tfoot.end div.statistics {
	width: 500px;
	padding: 5px;
}
tfoot.end div.statistics table.statistics {
	border-collapse: collapse;
}


/** the navigator **/
div.navigator {
	background-color: #F8FFD7;
	position: fixed;
	z-index: 999;
	right: 20px;
	opacity: 0.85;
	transition: opacity 0.5s linear 0s;
	top: 29px;
	border: 4px solid #444;
	border-style: none solid solid solid;
	box-shadow: 2px 4px 6px #888888;
	display: none;
}
div.navigator:hover {
	opacity: 1.0;
}

div.navigator.visible {
	display: block;
}

div.navigator div.nav li {
	display: block;
	white-space: nowrap;
	cursor: pointer;
	list-style: outside none none;
	font-family: monospace;
	border-bottom: 1px solid #444;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div.navigator div.nav li:hover {
	background-color: #EEFF9D;
}

div.navigator div.nav li div.section-item.depth-0 {
	margin-left: 0px;
}
div.navigator div.nav li div.section-item.depth-1 {
	margin-left: 15px;
}

div.navigator div.nav li div.section-item.depth-1:hover >a >span.count {
	color: #444;
	font-style: normal;
}

div.navigator div.nav li div.section-item >a {
	display: block;
	padding-left: 0.5em;
	padding-right: 0.2em;
}

div.navigator div.nav li div.section-item.inView {
	background-color: #D7FC24;
}


div.navigator div.nav li div.section-item >a:hover {
	background-color: #D7FC24;
}

div.navigator div.nav li div.section-item >a >span.count {
	color: #888;
	font-style: italic;
	font-size: 0.7em;
}

div.navigator div.nav li.go-bottom, div.navigator div.nav li.go-top {
    text-align: center;
    font-size: 1em;
}

div.navigator div.nav ul {
	padding: 0;
	margin: 0;
}
