table, th, td {
	border-collapse: collapse;
}

div.comparison_chart_outer {
	padding-top:1pc;
	padding-bottom:1pc;
}

div.comparison_chart_inner {
	overflow:auto;
}

div.chart_keys_outer{
	width:100%;
	text-align:center;
}

div.chart_keys_inner{
	width:max-content;
    margin-left: auto;
    margin-right: auto;
	text-align:left;
	border-style:solid;
	border-radius:0.5pc;
	border-color:Grey;
	border-width:1px;
	background:#ddd;
	padding-top:0.25pc;
	padding-bottom:0.25pc;
	padding-left:2pc;
	padding-right:2pc;
}

div.chart_key {
	font-size:larger;
	font-style:italic;
}

table {
	width:100%;
}

tr {
	vertical-align:top;
}

tr.compare_row_odd {
	background:#eee;
}

tr.compare_row_even {
	background:#ddd;
}

th, td {
	font-weight:normal;
	padding-left:1pc;
	padding-right:1pc;
	padding-top:0.25pc;
	padding-bottom:0.25pc;
}

tr.compare_head {
	background:#555;
	color:white;
}

th.compare_group {
	font-size:larger;
	font-weight:bolder;
}
td.compare_release, td.compare_repository {
	font-size:larger;
}

td.compare_current, td.compare_repository,
td.compare_version, td.compare_release {
	border-left:solid;
	border-color:Grey;
	border-width:1px;

}

span.version_new, span.version_first {
  color:black;
}

span.version_identical {
  color:Green;
}

span.version_modified {
  color:#753;
}

span.version_na {

}

@media screen and (max-width: 640px) {
	div.chart_key {
	  	font-size:smaller;
  	}
  	tr {
	  	font-size:smaller;
  	}
}
