html{
  height:100%;
}
body {
  padding-top: 80px;
  padding-bottom: 20px;
  height:100%;
}

.navbar-img{
  height:40px;
}

.actionbar-item{
  margin-top:15px;
}
.actionbar-item > li:hover{
  background-color:lightgray;
  transition: 0.3s;
}
.actionbar{
  height:80px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
}

/* Carousel */
.carousel-caption p {
  font-size: 20px;
  line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
  width: 100%;
}

/* QR code generator */
#qrCode {
  margin: 15px;
}
.button {
  background-color: #C79491;
  color: white;
  padding: 10px 15px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: 0.2s;
  border-style: none;
}

.navbar{
  box-shadow: 0px 1px 15px #888888;
}

.button:hover, .button:active{
  background-color:#E06E69;
  color:white;
  transition: 0.2s;
  text-decoration: none;
}

.btn-blue {
  background-color: #76AFC9;
}

.btn-blue:hover, .btn-blue:active{
  background-color:#3AA1D0
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
      display: none;
  }
}