@import "../Build/Cesium/Widgets/widgets.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');

#cesiumContainer {
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}

#toolbar {
	background:rgba(0,0,0,0.6);
	border-radius:6px;
	left:10px;
	padding:12px;
	position:fixed;
	top:10px;
}
#display {
	text-align: center;
	font-size: 20px;
	color:#fff;
	width: 100%;
	padding: 8px 0;
	margin: 0 0 8px 0;
	border-radius:3px;
	background:rgba(0,0,0,0.3);
	letter-spacing: 0.1em
}

.cols {
	display:table;
}

.cols input[type="range"] {
	width:135px;
}

.cols input[type="text"] {
	background:rgba(0,0,0,0.5);
	border:none;
	color:#fff;
	margin:0 0 0 10px;
	padding:4px 0;
	text-align:center;
	width:40px;
}

.cols label {
	color:#fff;
	width:100px;
}

body {
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
	font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

html {
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}

input {
	display:table-cell;
}

label {
	display:table-cell;
}