html, body{
  margin: 0;
  padding: 0;
}

body {
	background: #f5f5f5;
	color: #4d4d4d;
	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: 300;
	line-height: 1.4em;
	max-width: 100%;
	min-width: 230px;
	padding: 0;
}
.enableAutomation{
  width: 6vw;
}
.machine-parts{
  margin: 2% 10%;
  border: solid;
  border-width: 1px;
  border-color: black;
  padding-top: 2%;
  margin-top: 2%;
  background-color: #ececec;
  min-width: 50%;
}
.resourceCountUpAnim{
  padding-left: 25%;
}
.resourceCountUpAnimManual{
  width: 61%;
  text-indent: -9999px;
  margin-left: 22%;
  background-color: black;
}
.resourceBar{
  background-color: white;
  border: solid;
  border-width: 1px;
  border-color: black;
  display: inline-table;
  padding: 10px;
  width: 70%;
  position: relative;
}
.resourcePlus{
 margin-left: 5%; 
}
.resourceText{
  float: left;
  position: absolute;
  left: 5%;
  top: 25%;
}
.resourceTime{
  display: table-cell;
  font-size: 90%;
  padding-left: 20%;
  width: 20%;
  }
.resourceRate{
  display: table-cell;
  font-size: 90%;
  text-align: right;
  width: 12%;
}
#spacer{
 min-height: calc(100vh - 140px); 
}
#title{
  background-color: black;
  height: 50px;
  position: relative;
  width: 100%;
}
#title h1{
  bottom: 0;
	color: white;
	font-size: 20px;
  left: 0;
  position: absolute;
	text-align: left;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
  top: 15px;
}
::-webkit-scrollbar { 
    display: none; 
}
.workers {
  font-family: 'Major Mono Display', monospace;
  display: inline-block;
  font-size: 80%;
}