/* make the feedback box responsive for mobile */
div#feedback-welcome,
div#feedback-highlighter,
div#feedback-overview {
  bottom: auto;
  height: auto;
  left: 0;
  margin: 0 auto;
  max-width: 95%;
  right: 0;
  top: 15%;
}

textarea#feedback-note-tmp,
textarea#feedback-overview-note {
  width: 100%;
}

.vertical-right-aligned {
  position: fixed;
  right: 0;
  top: 50%;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
  z-index: 100;
}

@media (max-width: 992px) {

  #feedback-btn {
    display: none;
  }
}

@media (min-width: 992px) {

  #feedback-btn {
    display: inline-block;
  }
}