@CHARSET "ISO-8859-1";

html, body {
   margin: 0;
}

body, .content {
   height: 100%;
}

.hidden {
   display: none;
}

.header {
	height: 78px;
	background: #0b5394ff;
}

#logo {
	position: absolute;
	height: 95px;
}

.left-content {
	width: 721px;
	height: 100%;
	background-image: url("questbox.jpg");
}

.right-content {
	width: 800px;
}

.nav-button {
  background-color: #0b5394ff;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 25px;
  font-size: 18pt;
  height: 50px;
}

.nav-button:hover {
  background-color: #47759fff;
}

.lock-button {
	height: 50px;
	width: 300px;
}

.led {
  margin: 5 5 5 5;
  width: 24px;
  height: 24px;
  background-color: #c0c0c0;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #000000 0 -1px 9px;
}

.led.led-green {
  background-color: #ABFF00;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.led.led-red {
  background-color: #ED2E08;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #ac1a1a 0 -1px 9px, #ED2E08 0 2px 12px;
}

.connection-bar {
	height: 35px;
	background: #d1d8deff;
	padding-left: 20px;
	margin-bottom: 50px;
}

#device-name {
	  font-size: 16pt;
	  color: black;
	  margin-left: 25px;
}

#disconnect-button {
     margin-left: auto;
     margin-right: 25px;
}

.splash-text {
	margin: 50px;
   font-size: 24pt;
   text-align: center;
}