html, body {
	margin:0;
	padding:0;
	font-family:Roboto;
	overflow: hidden;
	height:100%;
}
h4.mdl-dialog__title {font-size:24px}

bottom-nav {font-size:1.2em}

#stage,
#back,
#grid {
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
}

#back {
  background:#eeeeee;
  opacity:0.7;
  /*
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+
  filter: gray;  IE6-9
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+
  */
}
svg {background:none}

.mdl-layout-title {margin-right:20px}

.bottom-nav {
	position:absolute;bottom:8px;left:50%;min-width:275px;
  transform:translate(-50%,0%);
  text-align:center;z-index:4;
}

.top-nav {
	position:absolute;top:75px;right:42px;z-index:4;
}
@media screen and (max-width:1024px) {
	.top-nav {
		top:8px;right:16px;
	}
}


footer {background:#333;text-align:center;border-top:solid 1px #000;z-index:2}

.file_input_div {
  margin: auto;
  height: 40px;
  margin-bottom:40px;
  min-width: 250px;
}

.file_input {
  float: left;
}

#file_input_text_div {
  width: 200px;
  margin-top: -8px;
  margin-left: 5px;
}

.none {
  display: none;
}