body {

    font: 18px "Assistant", Helvetica, Arial, sans-serif;
	line-height: 1.5;
    overflow: hidden;

}

.demo-container {
	box-sizing: border-box;
	width: 90%;
	height: 600px;
	margin: 30px auto 0px auto;

}

.demo-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
}

.demo-slider p {
	margin-top: 35px;

}

#top-container {
    display: flex;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

#sliders {
    flex: 1;
    margin-right: 25px;
}

#sliders div {
    font-family: 'Courier New', monospace;
    font-weight: bold;
    font-size: 23px;

}

#plot {
    flex: 5;
}

#plot_sliders {
	float: left;
/* 	border: 1px solid black; */
}

#plot_sliders th {
	padding-left: 5px;
	padding-right: 10px;
}

#plot_sliders th div {
	width: 150px;
}

.param_slider {
	width: 150px;
	height: 50px;
	margin-left: 10px;
}

.slider_a {
    color: #ffa200;
}

.slider_b {
    color: #07bf04;
}

.tickLabel {
	line-height: 1.1;
}

#plot_equation {
	position: absolute;
	left:      80px;
	top:       25px;
	color:     #404040;
	font-family: 'Courier New', monospace;
    font-weight: bold;
    font-size: 23px;
	background-color: white;
	border: 1px solid #d12b2b;
	border-radius: 5px;
	padding: 3px 10px 3px 10px;

}

.x1Label {
	fill: #224499;
	font-size: 20px;
	font-family: Helvetica, Geneva, sans-serif;
}

.y1Label {
	fill: #224499;
	font-size: 20px;
	font-family: Helvetica, Geneva, sans-serif;
}