/** {
	transition: opacity 0.2s ease-in-out;
}
*/
}
#primary-chart-container {
}

#secondary-chart-container .tick line {
	display: none;
}

.annotations {
	padding-top: 20px;
	font-size: 0.75em;
	color: #999;
}


.subtitle {
	font-size: 1rem;
	color: #212529;
	/*color: #767171;*/
}

#ylabel {
	fill: #767171;
	font-size: 1.6em;
	text-anchor: middle;
}

#xlabel {
	fill: #767171;
	font-size: 1.6em;
	/*text-anchor: middle;*/
	transform: translate(55%, 40px);
}

.tick line {
	stroke: #e6e6e6;
}


.slope-xtick-label {
	font-size: 1rem;
	fill: #767171;
}
.slope-ytick-label {
	font-size: 1rem;
}
.slope-text {
	font-size: 0.8rem;
	font-weight: bold;
}

textPath {
	font-size: 0.85rem;
}

.major-xtick-label {
	fill: #767171;
	/*font-size: 1.6em;*/
	font-size: 1rem;
}
.minor-xtick-label {
	fill: #afabab;
	/*font-size: 1.4em;	*/
	font-size: 0.88rem;
}
#x-axis  .annotation {
	/*fill: #767171;*/
	fill: #999;
	font-size: 0.8rem;
}

#x-axis2 .domain {
	stroke: #999;
}
#x-axis2 text {
	fill: #999;
}



path.line {
	fill: none;
	stroke-width: 2;
}
path.textline {
	fill: none;
}

circle, path, textPath, .legend span {
	transition: opacity 0.2s ease-in-out;
}

circle.estimated {
	fill: white;
	stroke-width: 2;
}

.confidence {
	pointer-events: none;
}

#interactive-tool-tip {
	position: absolute;
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease-in-out;
	background-color: white;
	padding: 10px;
	border: 1px solid #1f77b4;
	border-radius: 2px;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.31);
}

#interactive-tool-tip .heading {
	padding: 0;
	font-size: .7rem;
}

#interactive-tool-tip ul {
	/*border: 1px solid black;*/
	list-style: none;
	margin: 0;
	padding: 0;
}
#interactive-tool-tip li {
	/*border: 1px solid red;*/
	font-size: .8rem;
}

table {
	text-align: center;
	table-layout: fixed;
}
table, th, td {
	/*border: 1px solid black;*/
	border: none;
	font-weight: normal;
}

table .header1 th {
	font-weight: bold;
	
}

table .header2 th {
	/*background-color: blue;*/
	text-decoration: underline solid #ccc;
}

tbody th {
	color: white;
	text-align: left;
	padding-right: 40px;
}

thead th, tbody td {
	padding: 0 1px;
}

thead {
	line-height: 1.75;
}

tbody tr {
	line-height: 1.25;
}

thead::after
{
    content: "";
    display: block;
    height: 0.25em;
    width: 100%;
    background: white;
}


/* Scatterplot */
.scatterplot circle.active {
	stroke: hsl(4,73%,53%);
	stroke-width: 1.5;
}

.scatterplot circle.similar {
	stroke: hsl(220, 74%, 51%)
	stroke-width: 1.5;
}

.scatterplot circle {
	/*stroke: hsl(206, 60%, 56%)*/
	/*stroke: hsl(206, 60%, 56%)*/
	stroke: blue;
	stroke-width: 1;
}

.scatterplot .active.selected {
	fill:hsl(4,73%,73%);
}

.scatterplot .similar.selected {
	/*fill: green;*/
	fill: hsl(220, 74%, 71%)
}