/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
	height: 100%;
	width: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	height: 100%;
}

#toprow {
	height: 10%;
}

#maprow {
	height: 80%
}

#bottomrow {
	height: 10%;
}

td {
//	border: solid black 2px;
}
td#playpause {
	width: 5.5em;
}

td.example {
	width: 5.5em;
}

#playPauseBtn, #uploadBtn, #oneBtn, #twoBtn {
	background-color: #f58220;
	height: 5em;
	width: 5em;
}

.appButton:hover
	background-color: #E0EBF5;
}

.appButton:active {
	background-color: #66ff66;
}

td#uploadtd {
	width: 5.5em;
}

td#slidertd {
	width: default;
}

#simSlider {
	width: 100%;
}

#speedSlider {
	width: 100%;
}

#customFile {
	width: 0px;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #f58220;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #f58220;;
  cursor: pointer;
}

#customFile {
	opacity: 0;
}

#timer {
	font-family: 'Orbitron';
	sans-serif;
	text-align: center;
}