html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: sans-serif;
}

.container {
	width: 100%;
	height: 100%;
}

.text_x {
	color: #a00;
}

.text_y {
	color: #00a;
}

.text_z {
	color: #0a0;
}

.tools {
	position: absolute;
	top: 0;
	left: 0;
	width: 12vw;
	background: rgba(255, 255, 255, .6);
	padding: 1em;
}

.tools2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 12vw;
	background: rgba(255, 255, 255, .6);
	padding: 1em;
}

.tools label {
	display: inline-block;
	margin: .5em 0;
	width: 30%;
	box-sizing: border-box;
	
}

.tools label span {
	text-align: right;
	display: block;
}

.tools input {
	width: 100%;
	text-align: right;
}

.tools button {
	width: 100%;
	margin-top: .5em;
}

@media screen and (max-width: 1024px) {
	.tools {
    	top: initial;
    	bottom: 0;
    	width: 100%;
	}

	.tools label {
		margin-right: 1em;
		width: 25%;
	}

	.tools button {
		width: 45%;
	}
}

.drop-zone {
	border: dashed 1px #666;
	padding: .5em;
	margin: .5em 0;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
}

.drop-zone.drag-over {
	border-style: solid;
	background: rgba(255, 255, 255, .5);
}

.tools div label {
	font-size: 12px;
	display: inline;
}

.controls button {
	display: inline-block;
	width: 30%;
	box-sizing: border-box;
}

.indicador-muestras {
	width: 100% !important;
	text-align: center;
	display: block !important;
	font-weight: bold;
}

.log {
	height: 40vh;
	overflow-y: scroll;
}

.log p {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 11px;
}

.log p.error {
	color: #900;
}