/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
ul {
  list-style: none;
}
button,
input,
select,
textarea {
  margin: 0;
}
html {
  /*box-sizing: border-box;*/
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
img,
embed,
object,
audio,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
  max-width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
  text-align: left;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/hankengrotesk/v12/ieVq2YZDLWuGJpnzaiwFXS9tYvBRzyFLlZg_f_Ncs2da4Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/hankengrotesk/v12/ieVq2YZDLWuGJpnzaiwFXS9tYvBRzyFLlZg_f_NcM2Za4Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/hankengrotesk/v12/ieVq2YZDLWuGJpnzaiwFXS9tYvBRzyFLlZg_f_Nc7WZa4Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/hankengrotesk/v12/ieVq2YZDLWuGJpnzaiwFXS9tYvBRzyFLlZg_f_Ncs2Za4Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/hankengrotesk/v12/ieVq2YZDLWuGJpnzaiwFXS9tYvBRzyFLlZg_f_NcbWFa4Q.ttf) format('truetype');
}
html {
  font-size: 12px;
  background-color: #f0f5fa;
}
html body {
  color: #000;
  font-family: 'Hanken Grotesk', 'Helvetica Neue', sans-serif;
  letter-spacing: 0.02rem;
  font-size: 1.35rem;
  font-weight: 300;
  line-height: 130%;
  background-color: #f0f5fa;
}
html a {
  text-decoration: none;
  color: inherit;
}
html a.aLink,
html a.aLink:visited,
html a.aLink:hover {
  text-decoration: none;
  color: #1a9ff9;
  cursor: pointer;
}
html a.aLink:hover,
html a.aLink:visited:hover,
html a.aLink:hover:hover {
  text-decoration: underline;
}
html .btn {
  background-color: #1a9ff9;
  border-radius: 3px;
  color: #fff;
  display: block;
  margin: 0;
  padding: 10px 15px;
  transition: background-color 0.2s ease-in-out;
  border: none;
  font-weight: 600;
}
html .btn.inline {
  display: inline-block;
}
html .btn:hover {
  cursor: pointer;
  background-color: #0684da;
}
html .btn.red {
  background-color: #f91a4e;
}
html .btn.red:hover {
  background-color: #da0637;
}
html .btn.grey {
  background-color: #8a8a8a;
}
html .btn.grey:hover {
  background-color: #717171;
}
html .btn.ghost {
  background-color: transparent;
  border: 0.0625rem solid #1a9ff9;
  color: #1a9ff9;
}
html .btn.ghost:hover {
  background-color: #1a9ff9;
  color: #fff;
}
html .btn.ghost.red {
  border-color: #f91a4e;
  color: #f91a4e;
}
html .btn.ghost.red:hover {
  background-color: #f91a4e;
  color: #fff;
}
html .btn.ghost.grey {
  border-color: #8a8a8a;
  color: #8a8a8a;
}
html .btn.ghost.grey:hover {
  background-color: #8a8a8a;
  color: #fff;
}
html .btn.small {
  padding: 4px 10px;
  font-size: 1rem;
  display: inline-block;
}
html .btn.wait {
  cursor: wait;
  background: linear-gradient(60deg, #022a45, #0684da, #022a45);
  background-size: 200% 200%;
  animation: Gradient 2s linear infinite;
  transition: 0.5s;
}
html .list1 {
  list-style: none;
  margin: 0;
  padding: 0;
}
html .list1 li {
  margin-bottom: 1rem;
  padding: 0;
  padding-bottom: 1rem;
  transition: box-shadow 0.2s ease-in-out;
  text-decoration: none;
  color: inherit;
  border-bottom: 2px solid #afdefd;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .list1 li .title {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  font-size: 1.35rem;
}
html .list1 li a:hover {
  text-decoration: none;
}
html .list1 li:hover {
  color: #1a9ff9;
  border-bottom-color: #1a9ff9;
  text-decoration: none;
}
html .table1 {
  width: 100%;
}
html .table1 li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: #f0f5fa;
  border-radius: 0.5rem;
  padding: 1rem;
}
html .table1 li:nth-child(odd) {
  background: #ffffff;
}
html .table1 li.tableHeader {
  font-weight: bold;
}
html .table1 li:hover .actions {
  display: block;
}
html .table1 li .actions .removeIndex {
  display: none;
}
html .table1 li .actions.isSelected .removeIndex {
  display: block;
}
html .table1 li .actions.isSelected .useIndex {
  display: none;
}
html .header1 {
  border-bottom: 3px solid #e6e6e6;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  color: #000;
}
html h4 {
  font-size: 1em;
}
html .separatorTop {
  margin-top: 2rem;
  border-top: 3px solid #e6e6e6;
  padding-top: 2rem;
}
html .marginTop {
  margin-top: 2rem;
}
html .marginBottom {
  margin-bottom: 2rem;
}
html .marginTopLarge {
  margin-top: 3rem;
}
html .marginBottomLarge {
  margin-bottom: 3rem;
}
html .popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}
html .popup .popupBg {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html .popup .popupInner {
  position: relative;
  width: 90%;
  max-width: 70rem;
  max-height: 90%;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 3px;
  padding: 3rem;
  box-sizing: border-box;
  z-index: 3;
}
html .popup .popupInner .subheader {
  margin-bottom: 2rem;
  color: #030303;
  font-size: 1.1rem;
}
html .popup .popupInner .message {
  font-size: 1.1rem;
  margin-top: 2rem;
}
html .popup .popupInner .closeBtn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.3rem;
  color: #030303;
  cursor: pointer;
}
html .popup .popupInner .closeBtn:hover {
  color: #1a9ff9;
}
html .popup.small .popupInner {
  width: 80%;
  max-width: 50rem;
}
html .popup.micro .popupInner {
  width: 80%;
  max-width: 30rem;
}
html .popup.error .header1 {
  border-bottom-color: #f91a4e;
}
html input[type="text"],
html input[type="date"],
html select,
html textarea {
  border: 1px solid #e1f2fe;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  padding: 6px 10px;
  width: 100%;
  transition: border-color 0.2s ease-in-out;
  font-family: 'Hanken Grotesk', 'Helvetica Neue', sans-serif;
  font-weight: 300;
  background: inherit;
}
html input[type="text"]:focus,
html input[type="date"]:focus,
html select:focus,
html textarea:focus {
  border-color: #1a9ff9;
  outline: none;
}
html .searchWrapper {
  margin: 1rem 0;
}
html .inputWrapper {
  margin-bottom: 2rem;
}
html .inputWrapper.btnOneLine {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
html .inputWrapper.btnOneLine .input {
  flex: 1;
  margin-right: 2rem;
}
html .inputWrapper.twoButtonsOneLine {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
html .inputWrapper.twoButtonsOneLine .btn {
  flex: 1;
}
html .inputWrapper.twoButtonsOneLine .btn:first-child {
  margin-right: 2rem;
}
html .inputWrapper:last-child {
  margin-bottom: 0;
}
html .inputWrapper label,
html .inputWrapper .label {
  display: block;
  font-weight: bold;
  color: #030303;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}
html .inputWrapper label .info,
html .inputWrapper .label .info {
  font-weight: normal;
  display: block;
}
html .inputWrapper input[type="text"],
html .inputWrapper input[type="date"],
html .inputWrapper select,
html .inputWrapper textarea {
  margin-top: 0.5rem;
}
html .inputWrapper input[type="text"].large,
html .inputWrapper input[type="date"].large,
html .inputWrapper select.large,
html .inputWrapper textarea.large {
  height: 7rem;
}
html .inputWrapper input[type="text"].extraLarge,
html .inputWrapper input[type="date"].extraLarge,
html .inputWrapper select.extraLarge,
html .inputWrapper textarea.extraLarge {
  height: 11rem;
}
html .twoOnOneLine {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
html .twoOnOneLine .inputWrapper {
  width: 48%;
}
html .switchInput {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  border-radius: 0.4rem;
  /* Added border-radius */
}
html .switchInput .switch-input {
  height: 0;
  width: 0;
  visibility: hidden;
}
html .switchInput .switch-input:checked + .switch-label {
  background-color: #1a9ff9;
}
html .switchInput .switch-input:checked + .switch-label:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
html .switchInput .switch-label {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #7da9d4;
  transition: 0.4s;
  border-radius: 0.4rem;
  /* Added border-radius */
  margin-bottom: 0;
}
html .switchInput .switch-label:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 0.4rem;
  /* Added border-radius */
}
.pbMenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.9);
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.pbMenu img {
  height: 28px;
  margin-left: 22px;
}
.pbMenu .mobileLogo {
  display: none;
}
@media (max-width: 800px) {
  .pbMenu .desktopLogo {
    display: none;
  }
  .pbMenu .mobileLogo {
    display: block;
  }
}
.pbMenu .button {
  background: #1a9ff9;
  height: 100%;
  width: 255px;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  box-sizing: border-box;
  font-size: 16px;
}
.pbMenu .button span.arrow {
  font-size: 25px;
}
.conversationView,
.superuserView {
  padding: 140px 45px 90px 45px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .conversationView,
  .superuserView {
    padding: 140px 20px 20px 20px;
  }
}
.conversationView .conversationsPanel,
.superuserView .conversationsPanel {
  width: 300px;
  margin-top: 80px;
  box-sizing: border-box;
  padding: 0 3rem;
  margin-left: 50px;
}
.conversationView .conversationsPanel .hamburger,
.superuserView .conversationsPanel .hamburger {
  width: 30px;
  height: 25px;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  cursor: pointer;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
}
.conversationView .conversationsPanel .hamburger .line,
.superuserView .conversationsPanel .hamburger .line {
  background-color: #333;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.conversationView .conversationsPanel .hamburger .line:nth-child(1),
.superuserView .conversationsPanel .hamburger .line:nth-child(1) {
  top: 0px;
}
.conversationView .conversationsPanel .hamburger .line:nth-child(2),
.superuserView .conversationsPanel .hamburger .line:nth-child(2),
.conversationView .conversationsPanel .hamburger .line:nth-child(3),
.superuserView .conversationsPanel .hamburger .line:nth-child(3) {
  top: 10px;
}
.conversationView .conversationsPanel .hamburger .line:nth-child(3),
.superuserView .conversationsPanel .hamburger .line:nth-child(3) {
  top: 20px;
}
.conversationView .conversationsPanel .hamburger.open .line:nth-child(1),
.superuserView .conversationsPanel .hamburger.open .line:nth-child(1) {
  top: 10px;
  transform: rotate(135deg);
}
.conversationView .conversationsPanel .hamburger.open .line:nth-child(2),
.superuserView .conversationsPanel .hamburger.open .line:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.conversationView .conversationsPanel .hamburger.open .line:nth-child(3),
.superuserView .conversationsPanel .hamburger.open .line:nth-child(3) {
  top: 10px;
  transform: rotate(-135deg);
}
.conversationView .conversationsPanel .searchWrapper,
.superuserView .conversationsPanel .searchWrapper {
  margin: 2rem 0;
}
.conversationView .conversationsPanel .searchWrapper .btn,
.superuserView .conversationsPanel .searchWrapper .btn {
  font-size: 1.2rem;
}
.conversationView .conversationsPanel .list1 li,
.superuserView .conversationsPanel .list1 li {
  position: relative;
}
.conversationView .conversationsPanel .list1 li .edit,
.superuserView .conversationsPanel .list1 li .edit {
  position: absolute;
  top: 0.3rem;
  right: 0.5rem;
  cursor: pointer;
  color: #999999;
  display: none;
}
.conversationView .conversationsPanel .list1 li .edit:hover,
.superuserView .conversationsPanel .list1 li .edit:hover {
  color: #1a9ff9;
}
.conversationView .conversationsPanel .list1 li:hover .edit,
.superuserView .conversationsPanel .list1 li:hover .edit {
  display: block;
}
@media (max-width: 800px) {
  .conversationView .conversationsPanel .list1 li .edit,
  .superuserView .conversationsPanel .list1 li .edit {
    display: block;
  }
}
.conversationView .conversationsPanel .hamburgerWrapper,
.superuserView .conversationsPanel .hamburgerWrapper {
  display: none;
}
.conversationView .conversationsPanel .hamburgerWrapper .hamburger,
.superuserView .conversationsPanel .hamburgerWrapper .hamburger {
  display: none;
}
.conversationView .mainPanelWrapper,
.superuserView .mainPanelWrapper {
  width: calc(100% - 350px);
  max-width: 1200px;
}
.conversationView .mainPanelWrapper .mainHeader,
.superuserView .mainPanelWrapper .mainHeader {
  font-size: 50px;
  margin-bottom: 30px;
  line-height: 100%;
  height: 50px;
}
.conversationView .mainPanelWrapper .subHeader,
.superuserView .mainPanelWrapper .subHeader {
  font-size: 30px;
  margin: 70px 0 30px 0;
}
.conversationView .mainPanelWrapper .chatWrapper,
.superuserView .mainPanelWrapper .chatWrapper {
  padding: 0;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0 54px 80px rgba(58, 125, 171, 0.13), 0 22.5599px 33.4221px rgba(58, 125, 171, 0.0934511), 0 12.0616px 17.869px rgba(58, 125, 171, 0.0774939), 0 6.76164px 10.0172px rgba(58, 125, 171, 0.065), 0 3.59106px 5.32008px rgba(58, 125, 171, 0.0525061), 0 1.49432px 2.21381px rgba(58, 125, 171, 0.0365489);
}
.conversationView .mainPanelWrapper .chatWrapper .messages,
.superuserView .mainPanelWrapper .chatWrapper .messages {
  margin-bottom: 3rem;
}
.conversationView .mainPanelWrapper .chatWrapper .messages:empty,
.superuserView .mainPanelWrapper .chatWrapper .messages:empty {
  margin-bottom: 0;
}
.conversationView .mainPanelWrapper .chatWrapper .messages .message,
.superuserView .mainPanelWrapper .chatWrapper .messages .message {
  padding: 3rem;
  line-height: 150%;
  position: relative;
  font-size: 1.2rem;
}
.conversationView .mainPanelWrapper .chatWrapper .messages .message.aiMessage,
.superuserView .mainPanelWrapper .chatWrapper .messages .message.aiMessage {
  background-color: #fafafa;
  border-radius: 0.5rem;
}
.conversationView .mainPanelWrapper .chatWrapper .messages .message.tempMessage,
.superuserView .mainPanelWrapper .chatWrapper .messages .message.tempMessage {
  margin-top: 3rem;
  background: linear-gradient(60deg, #f7f7f7, #f0f0f0, #f7f7f7);
  background-size: 200% 200%;
  animation: Gradient 2s linear infinite;
  transition: 0.5s;
}
.conversationView .mainPanelWrapper .chatWrapper .messages .message .notHelpful,
.superuserView .mainPanelWrapper .chatWrapper .messages .message .notHelpful {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  font-size: 1rem;
  color: #030303;
  cursor: pointer;
}
.conversationView .mainPanelWrapper .chatWrapper .messages .message .notHelpful:hover,
.superuserView .mainPanelWrapper .chatWrapper .messages .message .notHelpful:hover {
  color: #1a9ff9;
}
.conversationView .mainPanelWrapper .chatWrapper .messages .message ol,
.superuserView .mainPanelWrapper .chatWrapper .messages .message ol,
.conversationView .mainPanelWrapper .chatWrapper .messages .message ul,
.superuserView .mainPanelWrapper .chatWrapper .messages .message ul {
  padding-left: 0;
  list-style-position: inside;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.conversationView .mainPanelWrapper .chatWrapper .messages .message ul,
.superuserView .mainPanelWrapper .chatWrapper .messages .message ul {
  list-style-type: disc;
}
.conversationView .mainPanelWrapper .chatWrapper .messages .message h5,
.superuserView .mainPanelWrapper .chatWrapper .messages .message h5 {
  font-weight: bold;
}
.conversationView .mainPanelWrapper .chatWrapper .chatInputWrapper .btn,
.superuserView .mainPanelWrapper .chatWrapper .chatInputWrapper .btn {
  margin-top: 1rem;
}
.conversationView .mainPanelWrapper .humanSupportBtnWrapper section,
.superuserView .mainPanelWrapper .humanSupportBtnWrapper section {
  padding: 35px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0 54px 80px rgba(58, 125, 171, 0.13), 0 22.5599px 33.4221px rgba(58, 125, 171, 0.0934511), 0 12.0616px 17.869px rgba(58, 125, 171, 0.0774939), 0 6.76164px 10.0172px rgba(58, 125, 171, 0.065), 0 3.59106px 5.32008px rgba(58, 125, 171, 0.0525061), 0 1.49432px 2.21381px rgba(58, 125, 171, 0.0365489);
  margin-bottom: 3rem;
}
.conversationView .mainPanelWrapper .humanSupportBtnWrapper section .contactSupportBtn,
.superuserView .mainPanelWrapper .humanSupportBtnWrapper section .contactSupportBtn {
  width: 100%;
}
.conversationView .mainPanelWrapper .humanSupportBtnWrapper section .businessContactLink,
.superuserView .mainPanelWrapper .humanSupportBtnWrapper section .businessContactLink {
  margin-top: 1rem;
  cursor: pointer;
  font-size: 80%;
  opacity: 0.7;
  text-decoration: underline;
}
.conversationView .mainPanelWrapper .commonQuestionsWrapper section,
.superuserView .mainPanelWrapper .commonQuestionsWrapper section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 35px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0 54px 80px rgba(58, 125, 171, 0.13), 0 22.5599px 33.4221px rgba(58, 125, 171, 0.0934511), 0 12.0616px 17.869px rgba(58, 125, 171, 0.0774939), 0 6.76164px 10.0172px rgba(58, 125, 171, 0.065), 0 3.59106px 5.32008px rgba(58, 125, 171, 0.0525061), 0 1.49432px 2.21381px rgba(58, 125, 171, 0.0365489);
  margin-bottom: 3rem;
}
.conversationView .mainPanelWrapper .commonQuestionsWrapper section h4,
.superuserView .mainPanelWrapper .commonQuestionsWrapper section h4 {
  font-size: 1.2rem;
  font-weight: bold;
  width: 20%;
  margin-right: 10%;
}
.conversationView .mainPanelWrapper .commonQuestionsWrapper section ul,
.superuserView .mainPanelWrapper .commonQuestionsWrapper section ul {
  width: 70%;
}
.conversationView .mainPanelWrapper .commonQuestionsWrapper section ul li,
.superuserView .mainPanelWrapper .commonQuestionsWrapper section ul li {
  border-bottom: 3px solid #e6e6e6;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  cursor: pointer;
}
.conversationView .mainPanelWrapper .commonQuestionsWrapper section ul li:hover,
.superuserView .mainPanelWrapper .commonQuestionsWrapper section ul li:hover {
  color: #1a9ff9;
  border-bottom-color: #cccccc;
}
.conversationView .mainPanelWrapper .commonQuestionsWrapper section ul li:last-child,
.superuserView .mainPanelWrapper .commonQuestionsWrapper section ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 1000px) {
  .conversationView .conversationsPanel,
  .superuserView .conversationsPanel {
    display: none;
  }
  .conversationView .mainPanelWrapper,
  .superuserView .mainPanelWrapper {
    width: 100%;
  }
}
.superuserView .productionInfo {
  background-color: #f0f5fa;
  padding: 2rem;
  margin: 2rem 0;
  border-radius: 0.5rem;
}
.loginView {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  justify-content: center;
  box-sizing: border-box;
}
.loginView .loginWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.loginView .loginWrapper img {
  width: 30px;
}
.loginView .loginWrapper h1 {
  border-bottom: none;
  padding-bottom: 0;
  width: 30rem;
}
.loginView .loginWrapper img,
.loginView .loginWrapper h1,
.loginView .loginWrapper p,
.loginView .loginWrapper input {
  margin-bottom: 2rem;
}
.loginView .loginWrapper .terms {
  font-size: 1rem;
  line-height: 130%;
  color: #030303;
  margin-top: 0.5rem;
}
.selfHelpPopup h1.header1 {
  margin-bottom: 3rem;
  color: #808080;
  font-weight: 300;
}
.selfHelpPopup .subH4 {
  margin-top: 3px;
  font-size: 90%;
  color: #808080;
}
.selfHelpPopup ul.list1 {
  padding-top: 1rem;
  border-top: 2px solid #afdefd;
}
@media (max-width: 1000px) {
  .selfHelpPopup ul.list1 li {
    display: block;
  }
  .selfHelpPopup ul.list1 li .btn {
    margin-top: 1rem;
  }
}
.selfHelpPopup .selectedWrapper {
  margin-bottom: 2rem;
  padding: 2rem;
  background: #f2f2f2;
}
.selfHelpPopup .selectedWrapper strong {
  display: block;
  margin-bottom: 5px;
}
.selfHelpPopup .selectedWrapper span.head {
  font-weight: 600;
  margin-right: 1rem;
}
.selfHelpPopup .selectedWrapper span.info {
  color: #808080;
  margin-top: 5px;
  font-size: 90%;
  display: block;
}
.selfHelpPopup span.accountInfo,
.selfHelpPopup span.accountInfo2 {
  color: #999999;
  font-size: 80%;
  margin-left: 1rem;
}
.selfHelpPopup span.accountInfo.accountInfo2,
.selfHelpPopup span.accountInfo2.accountInfo2 {
  margin-left: 0;
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.uploader-example {
  width: 880px;
  padding: 15px;
  margin: 40px auto 0;
  font-size: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.uploader-example .uploader-btn {
  margin-right: 4px;
}
.uploader-example .uploader-list {
  max-height: 440px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
body.inIframe .pbMenu {
  display: none!important;
}
body.inIframe .conversationView {
  padding-top: 20px!important;
}
/*# sourceMappingURL=main.css.map */