#sessionData {display:inline-block;vertical-align:top;}
	
	model-viewer::part(default-progress-bar) {background:#FFBA00;}
	
	
	#modelview {
		display:inline-block;
		vertical-align:top;
		
		height:calc(100% - 10px);
		border-top:10px solid #fafafa;
		min-width:280px;
		background:#fafafa;
		
		
		
		margin:auto;width:calc(100% - 420px);
	}
	
	@media (max-width: 600px) {	
	#modelview {border-top:10px solid #fafafa;z-index:99;width:calc(100% - 20px);min-width:200px;height:400px;top: 0;margin-bottom:10px;box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;}
		
	#maincontrols {
		position:relative !important;
		right:auto !important; 
		width:calc(100% - 11px) !important;
		left:-5px;
		
	}		
	}
	
	
	#maincontrols {
	display:inline-block;
    width: 390px;
	height:auto;
	margin-bottom:200px !important;
	text-align:center;
	
	z-index:98;
	
}

.controls {
    display: block; /* Ensures the elements are inline */
    width: auto; /* Fixed width */
    margin-bottom: 20px; /* Adjust margin for better spacing */
	margin-left: 10px;
    border: none;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:5px;
   background:#fff;
	border-radius:0px;
	border:1px solid #E0E0E0;
	vertical-align:top;
	text-align:left;
	
}


.staffnames {
	display:inline-block;
	width:calc(100% + 10px);
	font-size:16px;
	line-height:40px;
	font-weight:bold;
	border-bottom:1px solid #E0E0E0;
	margin-bottom:10px;
	position:relative;
	left:-10px;
	padding-left:10px;
	
	
}



/* CSS */
.morefbutt {
  align-items: center;
  appearance: none;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: .375em;
  box-shadow: none;
  box-sizing: border-box;
  color: #363636;
  cursor: pointer;
  display: inline-flex;
  font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1rem;
  height: 2.5em;
  justify-content: center;
  line-height: 1.5;
  padding: calc(.5em - 1px) 1em;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
  margin-top:5px;
}

.morefbutt:active {
  border-color: #4a4a4a;
  outline: 0;
}

.morefbutt:focus {
  border-color: #485fc7;
  outline: 0;
}

.morefbutt:hover {
  border-color: #b5b5b5;
}

.morefbutt:focus:not(:active) {
  box-shadow: rgba(72, 95, 199, .25) 0 0 0 .125em;
}


	.active1 {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, #fff 0px 0px 0px 2px, #aaa 0px 0px 0px 3px;}
	.active2 {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, #fff 0px 0px 0px 2px, #aaa 0px 0px 0px 3px;}
	.button {cursor:pointer;min-width:30px;border:1px solid #aaa;padding:6px;overflow:hidden}
	.buttonleg {text-align:left;cursor:pointer;min-width:25px;border:1px solid #aaa;padding:8px;margin:5px;position:relative;top:-5px;}



.backroombutton {
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:50%;
	background:red;
	margin-top:5px;
	margin-right:3px;
	border:0.5px solid #aaa;
}


.close {
	position:absolute;
	right:15px;
	top:0;
	font-size:34px;
	cursor:pointer;
}


.close:hover {
	font-weight:bold;
}