html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#cnc {
	toverflow: hidden;
	height: 100%;
	width: 100%;
	background-color: #500000;
}

#main,#head, #panel, #control, #ctrl1, #ctrl2, #ctrl3, .LCDAXIS {
	overflow: hidden;
	white-space:nowrap;
	border: 0px solid;
	background-color: #FFFFFF;
}

#code {
	width: 40vw;
	height: 50vh;
	float: left;
	background-color: #505050;	
}

#model {
	width: 60vw;
	height: 50vh;
	float: left;
	background-color: #505080;		
	margin: 0px;
	padding: 0px;
	position: static; /* fixed or static */		
}

#enable, #estop {
	width: 10vw;
	height: 10vh;
	float: left;
	background-color: #605080;
}

#XYZ{
	width: 30vw;
	height: 40vh;
	float: left;
	background-color: #545050;	
}

#THC{
	width: 30vw;
	height: 40vh;
	float: left;
	background-color: #595050;	
}

#ctrl1, #ctrl2, #ctrl3{
	height: 13vh;
	width: 40vw;
}

#home, #XP, #XM, #YP, #YM, #ZP, #ZM, #cancel, #probe{
	width: 33%;
	height: 100%;
	float: left;
	background-color: #F1F1F1;
}
.btn {
	width: 100%;
	height: 100%;
	padding: 30px;
	border-color: #605080;
	border: 2px solid;
}

#title {
	width: 80vw;
	height: 10vh;
	float: left;
	background-color: #604080;
}

#gcode {
	overflow-y:scroll;
	width: 98%;
	height: 98%;
	resize: none;
  white-space:nowrap;
  overflow:scroll;
}

.LCDA{
	float: left;
	margin-left: 10px;
}

#btnEnable, #btnEStop{
	width: 90%;
	height: 90%;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacitу: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	}