@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800);
/* font-family:'TradeGothicNextW01-Cond';
    font-family:'TradeGothicNextW02-Cond'; */
    /*
	font-family:'Trade Gothic W01 Cn_18';
	font-family:'TradeGothicNextW01-Ligh_693250';
	font-family:'TradeGothicNextW01-Ligh_693253';
	font-family:'Trade Gothic Next W01';
	font-family:'TradeGothicNextW01-Ital';
	font-family:'TradeGothicNextW01-Bold_693229';
	font-family:'TradeGothicNextW01-Bold_693235';
	font-family:'TradeGothicNextW01-Heav_693241';
	font-family:'TradeGothicNextW01-Heav_693244';
	font-family:'TradeGothicNextW01-CnIt';
	font-family:'TradeGothicNextW01-Bold_693232';
	font-family:'TradeGothicNextW01-BdCn';
	font-family:'TradeGothicNextW01-HvCn_707049';
	font-family:'TradeGothicNextW01-HvCn_707052';
	font-family:'TradeGothicNextW01-Cm';
	font-family:'TradeGothicNextW01-BdCm';
	font-family:'TradeGothicNextW01-HvCm';
	*/
body {
  font-family:'TradeGothicNextW02-Cond','Oswald','Open Sans',sans-serif; 

}
@media print {
	@page{
		padding-top:1cm !important;
		margin-top:1cm !important;
	}
}
#app{
	display:block;
	padding-left: 12px;
	padding-right: 12px;
}

.header {
  font-weight: 300;
  font-size: 50px;
  border-bottom: 1px solid #d3d3d3;
}

h1{
    font-family:'TradeGothicNextW02-Cond','Oswald','Franklin Gothic Medium','Open Sans',sans-serif;
    font-size: 32px;
    line-height: 18px;
    font-weight: normal;
}
h2{
    font-family:'TradeGothicNextW02-Cond','Oswald','Franklin Gothic Medium','Open Sans',sans-serif;
    font-size: 26px;
    line-height: 24px;
    font-weight: normal;      
}

h3{
    font-family:'TradeGothicNextW02-Cond','Oswald','Franklin Gothic Medium','Open Sans',sans-serif;
    font-size: 21px;
    line-height: 24px;
    font-weight: normal;
}
h4{
    font-family:'TradeGothicNextW02-Cond','Oswald','Franklin Gothic Medium','Open Sans',sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}
p{
    font-family:'Open Sans',sans-serif; font-size: 15px; line-height: 24px;
}

text{
    font-family:'Open Sans',sans-serif; line-height: 24px;
}

.tick{
    font-family:'Open Sans',sans-serif; font-size: 15px; line-height: 24px;
}
.pageHeader {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.questionMark {
    fill: darkgoldenrod;
    padding-right: 10px;
}
.firstCol {
    display: flex;
    flex-direction: row;
}
th {
    font-size: 1rem;
}
table > tbody {
    font-size: .875rem;
    font-family: 'open sans';
}
.MuiTableRow-root > td:first-child {
    width: 35%;
}
.tooltip {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;  /* row gap, column gap */
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 1.2;
  font-family: 'Open Sans',sans-serif;
}

.legend-item {
  display: flex;
  align-items: center;
}

.legend-swatch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  margin-right: 6px;
}

.x.axis .tick line {
  stroke: #ccc;
  stroke-dasharray: 2,2; /* optional dashed look */
}
.tick text {
    font-weight: 100;
}

body {
    background: white !important;
}
.legend-item {
    cursor: pointer;
    user-select: none;
    padding: .33rem;
    border-radius: 3px;
    transition: opacity 0.3s;    
}
.legend-item:hover {
    opacity: 0.83;
}
rect.timelineBar {
    transition: opacity 0.1s;
}
rect.timelineBar:not(.selected):hover {
    opacity: .33;
}