﻿/* If you have any questions about this please see Team Equinox */

:root {
  --transparentButtonHover: rgba(0, 0, 0, 0.08);
  --primaryBlueLight: #005499;
  --white: #fff;
  --dark: #222;
  --textPrimary: #454545;
}

/* pendo feedback widget */
#pendo-feedback {
  border-top: 1px solid var(--transparentButtonHover);
  color: var(--textPrimary);
  display: none;
  margin-top: 18px;
  padding-top: 18px;
  white-space: nowrap;
}
#pendo-feedback .main,
#pendo-feedback .main.submitted + .followup {
  display: block;
}
#pendo-feedback .question,
#pendo-feedback .followup.submitted .thankyou {
  display: inline-block;
  line-height: 32px;
  vertical-align: top;
}
#pendo-feedback .byline {
  line-height: 32px;
  margin-bottom: 18px;
}
#pendo-feedback .question,
#pendo-feedback .followup.submitted .thankyou {
  font-weight: bold;
}
#pendo-feedback .thankyou,
#pendo-feedback .main.submitted .question,
#pendo-feedback .main.submitted button,
#pendo-feedback .followup,
#pendo-feedback .followup.submitted .question,
#pendo-feedback .followup.submitted .answer,
#pendo-feedback .followup.submitted .byline,
#pendo-feedback .followup.submitted button {
  display: none;
}
#pendo-feedback button.thumb {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 50%;
  border: 0;
  margin-left: 9px;
  width: 32px;
  height: 32px;
}
#pendo-feedback .followup {
  margin-bottom: 118px;
}
#pendo-feedback .followup button {
  margin-left: 9px;
}
#pendo-feedback .followup button {
  background-color: var(--primaryBlueLight);
  border: 0;
  border-radius: 4px;
  color: var(--white);
  font-weight: bold;
  padding: 9px 18px;
  text-transform: uppercase;
  vertical-align: top;
}
#pendo-feedback .followup textarea {
  font-family: Roboto,Helvetica,Arial,sans-serif;
  width: 255px;
  height: 55px;
}
#pendo-feedback button.thumb:hover,
#pendo-feedback .followup button:hover {
  cursor: pointer;
}
#pendo-feedback button.thumb:hover {
  background-color: var(--transparentButtonHover);
}
#pendo-feedback button#thumbup {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m0 0h24v24h-24z'/%3E%3Cpath d='m1 21h4v-12h-4zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06l-1.06-1.05-6.58 6.59c-.37.36-.59.86-.59 1.41v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73z' fill='%23ff6d00' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
}
#pendo-feedback button#thumbdown {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m0 0h24v24h-24z'/%3E%3Cpath d='m15 3h-9c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06l1.06 1.05 6.59-6.59c.36-.36.58-.86.58-1.41v-10c0-1.1-.9-2-2-2zm4 0v12h4v-12z' fill='%23ff6d00' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
}
@media print {
  #pendo-feedback {
    display: none !important;
  }
}