.admin_order_feedback {
  position: fixed;
  top: 50%;
  margin-top: -63px;
  right: 0;
  border: none;
  background-color: white;
  color: black;
  padding-left: 26px;
  min-height: 127px;
  z-index: 3;
}
.admin_order_feedback.active {
  border: solid 1px rgb(51, 51, 51);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.5);
}
.admin_order_feedback .admin_order_toggle {
  display: block;
  width: 26px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: rgb(51, 51, 51);
  color: rgb(240, 240, 240);
  cursor: pointer;
}
.admin_order_feedback .admin_order_toggle_text {
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -ms-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
  position: absolute; 
  left: -30px; 
  top: 45%; 
  font-size: 16px; 
  letter-spacing: 0.1em;
}
.admin_order_feedback form {
  display: none;
}
.admin_order_feedback.active form {
  display: block;
}
.admin_order_feedback .instructions {
  margin: 20px 0 10px 20px;
  font-size: 20px;
}
.admin_order_feedback textarea, 
.admin_order_feedback button {
  display: block;
  box-sizing: border-box;
}
.admin_order_feedback textarea {
  padding: 10px 20px 20px;
  height: 200px;
  width: 350px;
  resize: none;
}
.admin_order_feedback button {
  cursor: pointer;
  padding: 10px;
  background: transparent;
  border: none;
  font-size: 20px;
  color: black;
  font-weight: normal;
  margin-bottom: 0;
  text-transform: none;
}
.admin_order_feedback button:hover {
  color: black;
  background: transparent;
  border: 0;
}
.admin_order_feedback .note {
  max-width: 300px;
  font-size: smaller;
  line-height: 1.2em;
  margin: 10px 0 0 10px;
}
.admin_order_feedback .thanks {
  padding: 50px 20px;
  font-size: 20px;
}
@media print {
  .admin_order_feedback {
    display: none;
  }
}