/*Feedback Form*/
div#feedback {
  position: fixed;
  left: 0;
  top: 20%;
  bottom: 0;
  margin: auto;
  height: 0;
  display:flex;
  align-items: center;
  transform: translate(-100%, 0px);
  transition: .22s ease;
  z-index: 99999;
}
#feedback-form iframe{
  width:100%;
  height:100%;

}
div#feedback.active {
  transform: translate(0%, 0px);
}

div#feedback button#feedback-toggle {
  position: absolute;
  left: 100%;
}
div#feedback div#feedback-form {
  border: 1px solid;
  background: #fff;
/*  padding: 10px;*/
  max-height: 100vh;
  width: 350px;
  height: 60vh;
  max-width: 90vw;
  overflow: hidden;
  box-shadow: -8px 3px 20px -5px #000;
  padding: 0 !important;
}

div#feedback-form label {
  word-break: break-word;
  white-space: normal;
  padding: 0;
}

div#feedback-form *:not(a) {
  color: #333;
  text-align: left;
  line-height: 1.2;
}
button#feedback-toggle {
  opacity: 0;
  transform: rotate(90deg)  translate(-100%, 0px);
  transform-origin: bottom left;
  background: #00acd8;
  color: #fff;
  border: 1px solid #00acd8;
  font-weight: 600;
  padding: 10px;
  font-size: 12px;
}

div#feedback button#feedback-toggle:active, div#feedback button#feedback-toggle:focus {
  outline: none;
}

div#feedback .wForm {
  padding: 0;
}
div#feedback .wFormContainer .wFormTitle {
  margin-top: 0;
}

div#feedback-form .oneChoice {
  position: relative;
  margin-right: 5px;
  cursor: pointer;
}

div#feedback-form .oneChoice input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

div#feedback-form .oneChoice input:checked + label {
  border-color: #00acd8;
  background-color: #00acd8;
  color: #fff;
}

div#feedback-form .oneChoice label {
  background: #eee;
  margin: 0;
  padding: 4px;
  border: 1px solid #eee;
}

div#feedback-form #tfa_6 .oneChoice label {
  padding: 5px 20px;
}

div#feedback-form .oneChoice:hover label {
  border-color: #00acd8;
}

div#feedback-form textarea, div#feedback-form input {
  background: #eee;
  padding: 5px;
}

div#feedback-form .inputWrapper {
  width: 100%;
}

div#feedback-form input#submit_button {
  background-color: #00acd8;
  border: 1px solid #00acd8;
  color: #fff;
  padding: 10px 20px;
}

div#feedback-form .wFormFooter, div#feedback-form .supportInfo {
  display: none;
}

div#feedback-form label.prefield div + div {font-weight: 300;font-size: 10px !important;}

div#feedback-form label.preField div + div {
  font-size: 10px;
  margin-top: 10px;
  font-style: italic;
}

button#feedback-close {
  background: none;
  position: absolute;
  top: 5px;
  right: 20px;
  /* float: right; */
  height: 0;
  width: 0;
  padding: 10px;
  border: none;
  outline: none;

}

button#feedback-close:before, button#feedback-close:after {content: '';height: 20px;width: 1px;background: #000;display: block;position: absolute;top: 0;left: 0;right: 0;transform: rotate(45deg);margin: auto;}

div#feedback div#feedback-form {
  position: relative;
}

button#feedback-close:before {
  transform: rotate(
    -45deg
  );
}
@media screen and (max-width:500px) {
    div#feedback {
    top: 60%;
}
div#feedback.active {
    top: 10%;
}
button#feedback-toggle {
    line-height: 1;
}
}