.nav-link {
  display: block;
  color: #7ac313;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #7ac313;
}

.nav-link:focus, .nav-link:hover {
  color: #fff
}

.form-control:disabled, .form-control[readonly] {
  background-color: transparent;
  opacity: 1;
  color: gray;
}

.contentdiv {
  background-color: rgba(0,0,0,0.8) !important;
  color: white;
  border-radius: 8px;
  padding: 2rem;
  margin: 2rem;
}

#qrCode > img {
  border: 10px solid white;
}

.field-validation-error {
  color: red;
}