.addbtn {
  color: #fff;
  position: fixed;
  width: 64px;
  height: 64px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  z-index: 30;
}

.addbtn .glyphicon {
  top: 0px;
  left: 1px;
  display: block;
}

.addvpr {
  right: 70px;
  bottom: 50px;
  font-size: 40px;
  background-color: #069dfa;
  padding: 20px;
}

.addvpr:hover {
  background-color: #1fa7fb;
}

.addvpr .glyphicon {
  position: absolute;
  left: 14px;
  top: 12px;
  }

.addback {
  right: 70px;
  bottom: 50px;
  background-color: #069dfa;
  padding: 20px;
}

.addback:hover {
  background-color: #1fa7fb;
}

.addplus {
  right: 70px;
  bottom: 50px;
  background-color: #5cb85c;
}

.addplus:hover {
  background-color: #47a447;
  border-color: #419641;
}

.editplus {
  right: 150px;
  bottom: 50px;
  background-color: #f0ad4e;
}

.editplus:hover {
  background-color: #ec971f;
  border-color: #eb9316;
}

.questplus {
  right: 230px;
  bottom: 50px;
  background-color: #069dfa;
}

.questplus:hover {
  background-color: #1fa7fb;
  border-color: #2aabd2;
}

.envelope {
  right: 310px;
  bottom: 50px;
  background-color: #d9534f;
}

.envelope:hover {
  background-color: #c9302c;
  border-color: #c12e2a;
}

.addvpr2 {
  cursor: default;
}


.addvpr2:hover {
  background-color: grey;
}


@media screen and (max-width: 1199px) {

.addvpr {
  right: 20px;
  bottom: 30px;
}

.addback {
  right: 20px;
  bottom: 30px;
}

}


@media screen and (max-width: 991px) {

.addvpr {
  position: fixed;
  right: 5px;
  bottom: 5px;
  float: right;
  margin-top: 10px;
}

.addback {
  position: fixed;
  right: 5px;
  bottom: 5px;
  float: right;
  margin-top: 10px;
}

}


@media screen and (max-width: 419px) {

.addvpr {
  position: absolute;
  left: 295px;
  top: 37px;
  float: none;
  margin-top: 0px;
  font-size: 25px;
  background-color: #fff;
}

.addvpr:hover {
  background-color: #fff;
  border: 1px solid #ccc;
}

.addback {
  position: absolute;
  left: 295px;
  top: 37px;
  float: none;
  margin-top: 0px;
  font-size: 25px;
  background-color: #fff;
  padding: 0px;
}

.addback:hover {
  background-color: #fff;
  border: 1px solid #ccc;
}

.addbtn {
  color: #ccc;
  width: 40px;
  height: 40px;
  border-radius: 0%;
}

.addvpr .glyphicon {
  left: 9px;
  top: 9px;
}

.addback .glyphicon {
  top: 10px;
  left: 7px;
  display: block;
  position: absolute;
}

.glyphicon-arrow-left:before {
  content: "\e014";
}

.addvpr2 {
  background-color: #fff;
  display: none;
}

}


@media screen and (max-width: 349px) {

.addvpr {
  left: 280px;
}

.addback {
  left: 280px;
}

}


@media screen and (max-width: 320px) {

.addvpr {
  left: 265px;
  top: 36px;
}

.addback {
  left: 265px;
  top: 36px;
}

}


@media screen and (max-width: 380px) {

.addplus {
  right: 30px;
  bottom: 20px;
}

.editplus {
  right: 110px;
  bottom: 20px;
}

.questplus {
  right: 190px;
  bottom: 20px;
}

.envelope {
  right: 270px;
  bottom: 20px;
}

}

@media screen and (max-width: 500px) {

.rvh5 {
  margin: 15px 0 15px;
}

.panel {
    margin-bottom: 0px;
}

}