.roundbox {
  padding: 8px;
  margin: auto;
  width: 95%;
  min-height: inherit;
  /*border-radius: 5px;*/
}

.service {
  margin-bottom: 10px;
}

.serviceLabel {
  background-color: rgb(63,81,181);
  color: white;
}

.characteristic {
  margin-bottom: 10px;
  /*background-color: lightgreen;*/
}

.property {
  margin-bottom: 10px;
  /*background-color: lightgoldenrodyellow;*/
}

.charValue {
  font-weight: bold;
  color: black;
}

.mybutton {
  text-transform: none;
  margin-left: 8px;
}

#roboImg {
  display: none;
}

#canvas {
  border: 1px solid black;
}

.qrBox {
  margin: 25px;
  float: left;
}
.qrTitle {
  margin: 15px;
  float: left;
  width: 100%;
}

#outputDiv {
  width: 100%;
}
.mdl-layout__tab-bar{width: 100%!important;}
.logo{
      width: 30px;
    height: 30px;
    margin-top: 7px;
    background: #fff;
    padding: 2px;
}