body {
  padding: 1%;
	background-color: white;
	font-family: Arial;
	font-size: 18px;
}

#content {
	width: 100%;
}


#controlsContainer {
	width: 49%;
  margin: 1% solid #FFF;
}

#controlsRight {
  float: right;
	height: 496px;
	width: 48%;
  padding: 1%;
  background-color: #e6e6e6;
}

/*
div#mapLoading {
	font-size: 10em;
	left: 50px;
	position: absolute;
	top: 60px;
	z-index: -1;
}
*/
.debugPath {
	stroke: orange;
	stroke-width: 5;
}

.debugRoom {
	fill: red;
	stroke: red;
	stroke-width: 4;
}

.wayfindingRoom {
	fill: #ffc;
	stroke: blue;
	stroke-width: 2;
	stroke-dasharray: 5 3;
}

g.startPin path {
	fill: cyan;
}

g.destinationPin path {
	/*fill: green;*/
}

#text_keyboard {
  position: absolute;
  top: 400px;
  left: 300px;
}

.roomListItem {
  padding: 6px 0;

}

.roomListItem a {
  color: #000;
  text-decoration: none;
}

#roomList {
  list-style: none;
  list-style-type: none;
  padding-left: 0px;
}

#text {
  width: 300px;
  font-size: 18px;
}

.ui-widget-content {
  background: #E6E6E6 !important;
  color: #000;
  font-size: 18px;
  padding: 10px auto;
  padding-left: 1%;
  border: 2px solid #666666;
}
.ui-keyboard-preview {
  width: 97%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #E6E6E6 !important;
  color: #333;
  border: 2px solid #666666;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial;
}