body {
	font-family: sans-serif;
	overflow-x: hidden;
}
.container {
	max-width: 1024;
}
.container-charts h2:first-of-type {
	padding-top:50px;
}
.footnote {
	font-size: 0.8em;
	text-align: right;
}
/* table */
table {
	overflow-x: scroll;
	border-collapse: collapse;
}
table,th,td {
	border: 1px solid grey;
}
.smaller {
	font-size: 0.8em;
	vertical-align: bottom
}
th,td {
	padding: 2px;
}
td {
	text-align: right
}
.left-border {
	border-left: 2px solid grey
}
/* buttons */
.sticky-buttons {
	position: sticky;
	top: 0px;
	z-index:2;
	background: lightgrey;
	border-radius: 4px;
	float: right;
	padding: 5px;
}
.buttons {
	text-align: right;
	vertical-align: middle;
	z-index: 40;
}
.buttons div
{
	border: 1px solid black;
	padding: 4px;
	border-radius: 5px;
	margin: 4px;
	cursor: hand;
	float: right;
}
.buttons div:hover {
	background-color: hsl(206, 84%, 83%);
}
.buttons div.selected {
	background-color: hsl(206, 84%, 50%);;
	color: white;	
}
/* clearfix */
.clearfix::after {
	content: "";
	clear: both;
	display: table;
  }
/* loading spinner */
.loader {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAyVBMVEUAAAC9vsDCw8W9v8G9vsD29/fr7O29vsDm5+jx8fK/wML29vf///+9vsHR0tPm5+jt7u7w8PHr7Ozc3d7n6OnExcfGx8nJyszMzM7V1tjZ2tvf4OG9vsDHyMrp6uvIycu9v8HAwcTPz9HCw8W9vsC9vsDBwsTj5OXj5OXW19i9vsDm5+jw8PHy8vL09fW9vsDFxsjJyszAwsS9vsDU1dbLzM7Y2drb3N3c3d7e3+DHyMrBwsTh4uPR0tPDxcfa293R0tTV1ti9vsAll6RJAAAAQnRSTlMA7+t/MAZHQDYjHxABv6xSQjEgFgzi2M7Emop0cGVLD/ryt7Cfj3dmYWBgWjgsGd/Cv7SvopSSg4B6eHZrQjkyKx1dd0xhAAAA9klEQVR4AYWPeXOCMBBHFxIgCQKC3KCo1Wprtfd98/0/VBPb6TC0Wd+/783+ZqELrQkRoIMujFbiaLTwpESC029reB7919d7u6SgYaE8aUCivW84oEUY0lPQc408pxBqHxCIHGiw4Lxtl5h35ALFglouAAaZTj00OJ7NrvDANI/Q4PlQMDbNFA3ekiQRaHGRpmM0eMqyyxgLRlme4ydu8/n8Az3h+37xiRWv/k1RRlhxUtyVD8yCXwaDflHeP1Zr5sIey3WtfvFeVS+rTWAzFobhNhrFf4omWK03wcS2h8OzLd/1TyhiNvkJQu5amocjznm0i6HDF1RMG1aMA/PYAAAAAElFTkSuQmCC) no-repeat;
	-webkit-animation: rotation 1s infinite linear;
	-moz-animation: rotation 1s infinite linear;
	animation: rotation 1s infinite linear;
	z-index: -1;
}

@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to   {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to   {-webkit-transform: rotate(360deg);}
}

@keyframes rotation {
	from {transform: rotate(0deg);}
	to   {transform: rotate(360deg);}
}

table.sticky-table thead th,
table.sticky-table tfoot th
 {
	background: rgb(211,211,211);
	position: sticky;
	top: 0px;
	/* left: 0px; */
	padding: 0.25rem;
	border-top: 1px solid black;
}

table.sticky-table tr:nth-child(even) {
	background: rgb(242 242 242);
}

/* table.sticky-table td.first-col {
	position: sticky;
	left: 0px;
	background: white;
} */

table.sticky-table tr:nth-child(even) td.first-col {
	background: rgb(242 242 242);
}

table tr.initial-hide {
	display: none;
}

.table-more a {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}