html,
body {
  margin:0;
  padding:0;
  height:100%;
}

#wrapper {
  min-height:100%;
  position:absolute;
  height:auto;
  bottom:0;
  top:0;
  left:0;
  right:0;
  margin-top:50px; /* adjust top margin to your header height */
}

#content {
  padding-bottom:21px; /* Height of the footer element */
}



.navbar-default {
  background-color: #fff;
}

.center {
  text-align: center;
}

.qrimg {
  margin-right: 8px;
}

.clickable {
  cursor: pointer
}

.clickable:hover {
  background-color: #e0eee0 !important;
}

.grayout {
  color: #aaa;
  margin-left: 8px;
  padding-left: 8px;
  border-left: solid 2px #aaa;
  font-size: 0.8em;
}

.btn-side {
  margin: 2px;
}

.grayout-active {
  color: #444;
  margin-left: 8px;
  padding-left: 8px;
  border-left: solid 2px #aaa;
  font-size: 1em;
}

.grayhome {
  color: #aaa;
  padding-left: 8px;
  font-size: 0.8em;
}

.qwarn {
  color: #d12;
  font-size: 1.2em;
  vertical-align: middle;
  padding: 4px;
}

.servertime {
  padding: 6px 12px;
}

.splitter {
  margin-top:32px;
  border-bottom: solid 1px #ddd;
}

.btnt {
 margin:4px; 
}