body {
  padding-top: 5rem;
  overflow: auto; /* showing scrollbars */
  padding-bottom: 60px;
}

::-webkit-scrollbar {
    min-width: 0;
    width: 5px;
    height: 5px;
} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {
    background-color: #ccca68;
} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
} /* this will style the thumb, ignoring the track */

::-webkit-scrollbar-button {
    background-color: #0f0f0f;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

::-webkit-scrollbar-corner {
    background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */


#spinnerwaiting{
  position: fixed;
  background-color: white;
  padding: 10px;
  border-style: solid;
  border-color: black;
  border-width: 1px;


  width: 50%;
  top: 50%;
  left: 50%;
  margin-left: -25%;

  -webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
}



.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

.beer-class{
  padding-bottom: 20px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 15px;
  margin-bottom: 40px;
}

.beer-class .user-avatar{
/*  min-width: 100px;
*/
  padding-right: 0;
}

.beer-class .user-avatar img{
  border-width: 1px;
  border-color: black;
  border-style: none;
  width: 100%;
  max-width: 75px;
}

.beer-class .user-name{
  padding-left: 0;
}

.beer-class .checkin-created-at{

}

.beer-class .beer-information{
  padding-top: 20px;
}

.beer-class .beer-information .card{
  background: rgba(255, 255, 255, 1);

}

.beer-class .beer-information .beer-label{
  max-width: 100px;
  float: left;
}

.beer-checkin-card-top{
  padding-bottom: 10px;
}

.beer-checkin-card-bottom{
  padding-top: 0;
}

.rating{
  color: yellow;
  text-shadow:
          -1px -1px 0 #000,
          1px -1px 0 #000,
          -1px 1px 0 #000,
          1px 1px 0 #000;
}

.mediaphoto{
  display: block;
  position: absolute;
  width: 100%;

}

.mediaphoto img{
  width: 100%;

}

.card-slim{
  padding: 0;
}

.card-slim .card-block{
  padding: 0;
}

.badge-default{
  background-color: white;
  color: black;
  background: rgba(255, 255, 255, 0.5);
}



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  body{
    background-color: rgba(0,0,0,0);
  }

  .background-div{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;

    background-image: url('../images/backgrounds/2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
  }

  .beerlogo{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url('../images/askim-olklubb-logo.png');
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: center;

  }

  .user-avatar{
    text-align: center;

  }

}

/* Medium devices (tablets, 992px and up) */
@media (min-width: 992px) {
  .user-avatar{
    text-align: left;
  }
}

/* Mostly for large screens */

.beer-row{
  border-style: none;
  border-width: 0px;
  border-color: black;
  margin-bottom: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: rgba(255,255,255, 0.7);

  -webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);

}

.beer-row .shadowy{
  -webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
  border-style: solid;
  border-width: 1px;
  border-color: black;

}

.beer-row .user-information .user-avatar img{
  width: 100%;
  max-width: 100px;
  float: left;
  margin-right: 10px;
}

.beer-row .beer-media {
  width: 100%;
  max-width: 100px;

}

.beer-row .beer-label {
  width: 100%;
  max-width: 100px;
}

.beer-row .beer-brewery {
  width: 100%;
  max-width: 100px;
}


/** */
/*# sourceMappingURL=bootstrap.css.map */

.list-group.list-group-root{
  padding: 0px;
  overflow: hidden;
}

.list-group .list-group-item{
  padding: 2px;
  border-color: red;
  border-style: none;
  border-width: 1px;
}

.list-group .list-group-item .big-checkbox{
  width: 20px;
  height: 20px;
}

.fa{
  width: 20px;
}

.ratelimitbox{

  /*width: 400px;*/
  position: fixed;
  display: flex;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  padding: 2px;
  bottom: 2%;
  left: 2%;
  background: whitesmoke;

  -webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.75);
}

/* for list groups */
/*
.just-padding {
  padding: 15px;
}

.list-group.list-group-root {
  padding: 0;
  overflow: hidden;
}

.list-group.list-group-root .list-group {
  margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
  border-radius: 0;
  border-width: 1px 0 0 0;
}

.list-group.list-group-root > .list-group-item:first-child {
  border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
  padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
  padding-left: 45px;
}

.list-group-item .glyphicon {
  margin-right: 5px;
}
*/

.strong-text {
  font-weight: bold;
}