@import url('https://fonts.googleapis.com/css2?family=Gruppo&display=swap');

body {
	font-family: 'Gruppo', sans-serif;
	font-size: 1.17em;
}

td {
	font-family: sans-serif;
	font-size: 0.8em;
}

div {
	padding: 5px;
}

button {	
	font-family: 'Gruppo', sans-serif;
	padding: 10px;
	font-weight: bold;	
	font-size: 1em;
	margin-top: 20px;
}

.header {
	background-color: #111;
	color: #FFF;
	padding: 10px;
	font-size: 2em;
}

.key_inputs {
	font-family: monospace;
}

#proceed, .page2, #language, .page3, #import, #console {
	display: none;
}

.jexcel_container.disabled {
	max-height: 300px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

.overlay {
	position: fixed;
	background-color: #777;
	z-index: 10;
	cursor: not-allowed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	display:none;
	font-size: 5em;
    text-align: center;
    line-height: 5em;
	animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}

.mapping_item {
	display: flex;
}

#console {
	margin-top: 20px;
	width: 777px;
	height: 400px;
	background-color: #EEE;
	border: 1px solid #AAA;
	color: #111;
	font-family: monospace;	
	overflow: scroll;
}

#console span {
	margin-right: 10px;
}

.error {
	color: #b50909;
}