body{ width: max-content;}

div#body{ width: max-content;}

.mw-parser-output{
	/*! position: left top; */
	/*! display: hidden; */
	/*! display: inline; */
	/*! vertical-align: top; */
}

.mw-parser-output > p{
display: inline-block;
}

.content {
	border-style: solid 1px black;
	background-color: red;
	color: #444;
	cursor: pointer;
	padding: 5px;
	position: fixed;
	font-size: 15px;
    z-index: +1;
    font-family: Times New Roman;
}

.horizontal-scroll-wrapper {
	display: inline-table;
	margin-top: 10vw;
	width: 20vw;
	height: 80vw;
	overflow-y: auto;
	overflow-x: hidden;
}

.event {
	text-align-last: auto;
	font-family: Arial;
	font-size: 10px;
/* 	padding-top: 5vw; */
	 padding-left: 5vw;
	display: inline-block;
	width:400px;
	vertical-align: top;
}

.thumbborder {
/*	display: none;*/
	width: 30%;
	height: auto;
}

.thumbborder:hover {
	width:100%; 
	transition:0.5s;
	height: auto;
}

.bar-chart {
display: table;
margin-top: 20px;
}

.row {
display: table-row;
}

.row div {
display: table-cell;
width: 60px;
height: 44px;
border-right: 2px solid rgb(255, 255, 255);
}

.row .axis-y {
width: 96px;
border-right: 1px solid #000;
vertical-align: top;
}

.axis-x div {
border-top: 1px solid #000;
}

.axis-x .axis-y {
border: none;
}

.axis-x div, .axis-y {
text-align: center;
font-weight: bold;
}