.v-datalist-container {
  min-height: 29.25rem;
  height: 60vh;
  width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.vr{
  width:3px;
  display:table-cell;
  background-color:black;
  height:100%;
  
}
.v-canvas-container {
	width: 100%;
	height: 100%;
	/*background-color: #b3ecff;*/
	border: 0.2rem solid #97d23d !important;
	border-radius: 25px;

}

/*.v-datalist-container {
	height: 100%;
}*/

#container{
	height: 400px;
}
#border-radius{
	border-radius: 1px;
}
#radio-style{
	justify-content: left;
	padding: 0.4em;
	margin-left: 0.4em;
}

#slider-left{
	justify-content: left;
}

 

g {
	outline-color: solid 10px black;
}

.apparatus {
	order: 1;
}

.simulation {
	order: 2;
}

.observations {
	order: 3;
}

@media screen and (max-width: 1023px) {
	.apparatus {
		order: 1;
	}

	.simulation {
		order: 3;
	}

	.observations {
		order: 2;
	}
	.graphcontent {
    display: none;
    padding-top: 0px;
    padding-left: 0px !important;   
    
	}

}
.v-tabs {
  /*overflow: hidden;
  border: 1px solid #ccc;*/
 /* background-color: #f1f1f1;*/
}

/* Style the tabs inside the tab */
.v-tabs ul {
  background-color: inherit;
  /*float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;*/
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of tab on hover */
.v-tabs ul li:hover {
  background-color: #fff;
}

/* Create an active/current tablink class */
.v-tabs ul li.active {
  background-color: #fff;
}

/* Style the tab content */
.graphcontent {
  display: none;
  padding-top: 0px;  
  padding-left: 28px;
 
}