body {
	background-color: #eee;
	color: #222;
}

.mdl-layout__header-row {
	background-color: rgb(0, 188, 212);
	color: #fff;
	padding: 1em 2em;
}

#vr-link {
	background-color: rgb(83,109,254);
	color: #fff;
}

#save-photo-button {
	background-color: rgb(83,109,254);
	color: #fff;
	margin-right: 1em;
}

#spinner-wrapper {
	padding-top: 20%;
	text-align: center;
}

#lightSimContainer {
	width: 100%;
	height: 60%;
}

canvas:hover {
	cursor: move;
}

.container {
	width: 90%;
}

td {
	color: #222;
	padding: 10px 2px;
	text-align: center;
	font-size: 0.8em;
}

.palette {
	background-color: rgba(0,0);
	color: #222;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


.mdl-slider.is-upgraded {
	background: rgb(0, 188, 212);
	color: rgb(0, 188, 212);
}

i:hover {
	cursor:pointer;
}

.controls-wrapper {
	width: 100%;
}

.mdl-switch.is-checked .mdl-switch__track {
 	background: rgba(83,109,254, 0.5);
}

.mdl-switch.is-checked .mdl-switch__thumb{
	background-color: rgb(83,109,254);
}

#lightSlider {
	width: 100%;
}

.demo-card-wide {
	width: 100%;
}

#color-swatch-wrapper {
	background-color: #000;
	height: 200px !important;
	overflow-y: scroll;
	text-align: center;
}

#color-person-wrapper {
	background-color: #000;
	height: 150px !important;
	overflow-y: scroll;
	text-align: center;
}

.mdl-card__actions.mdl-card--border {
	text-align: right;
}

#vr-sim { 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 overflow: hidden
}

main {
	visibility: hidden;
}

#cue-wrapper {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 10%;
	vertical-align: middle;
}

#cue-wrapper header {
	vertical-align: middle;
}

#cue-wrapper header h4{
	text-align: center;
	vertical-align: middle;
	z-index: 100;
	/*font-size: 0.8em;*/
}

#saved-cues-wrapper {
	background-color: #fff;
	padding: 1em;
	overflow-x: scroll;
	overflow-y: hidden;
	vertical-align: middle;
	white-space: nowrap;
}

#saved-cues-wrapper .mdl-radio {
	margin: 1em 0.5em;
	vertical-align: middle;
}

canvas {
	position: fixed;
}

#spotlight-title {
	padding-bottom: 0;
}

.mdl-card__title-text {
	font-size: 0.8em;
}

#edit-tool {
	position: fixed;
	top: 10%;
	left: 1%;
}

.button-wrapper {
	text-align: center;
	margin-top: 0.5em;
}