.dss-chatbot {
  background: transparent;
  width: 350px;
  float: right;
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 9999;
  transition: width 0.7s ease-out;
}

.dss-chatbot.larger {
  width: 600px;
}

@media screen and (max-width: 1286px) {
  .menu-footer-nav-container {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 620px) {
  body.chatbot-expand {
    overflow: hidden;
  }

  .dss-chatbot,
  .dss-chatbot.larger {
    width: 100%;
    right: 0;
  }

  .dss-chatbot.expanded {
    height: 100%;
  }

  .dss-chatbot #chatbot-content {
    transition: none!important;
  }

  .dss-chatbot #chatbot-content.expanded {
    height: calc(100% - 40px)!important;
  }

  body.chatbot-expand .dss-chatbot #chat-expand-toggle {
    display: none !important;
  }
}

.dss-chatbot #chatbot-content {
  height: 0px;
  transition: height 0.7s ease-out;
  background: white;
}

.dss-chatbot #chatbot-content.expanded {
  height: 455px;
}

.dss-chatbot.larger #chatbot-content.expanded {
  height: 490px;
}

.dss-chatbot #chatbot-content iframe {
  border: none;
  width: 95%;
  height: 95%;
  padding: 10px;
}

.dss-chatbot button.chatbtn {
  width: 100%;
  margin: 0;
  padding: 10px;
  border: none;
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  cursor: pointer;
  color: #fff;
}

.dss-chatbot.dark button.chatbtn {
  color: #000;
}

.dss-chatbot button.chatbtn .chevron {
  float: right;
  margin-top: 3px;
  padding-right: 10px;
}

.dss-chatbot button.chatbtn .chevron::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: "";
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 0.45em;
}

.dss-chatbot button.chatbtn.expanded .chevron:before {
  top: 0;
  transform: rotate(135deg);
}

body.chatbot-expand .dss-chatbot #chat-expand-toggle {
  display: block;
}

.dss-chatbot #chat-expand-toggle {
  width: 15px;
  height: 15px;
  padding: 3px;
  cursor: pointer;
  position: absolute !important;
  right: 45px;
  bottom: 2px;
  top: 10px;
  display: none;
  z-index: 10;
}

.dss-chatbot #chat-expand-toggle svg {
  height: 22px;
  margin-top: -3px;
  fill:white;
}

.dss-chatbot.dark #chat-expand-toggle svg {
  fill:black;
}

.dss-chatbot #chat-expand-toggle svg:last-child {
  display: none;
}

.dss-chatbot #chat-expand-toggle.expanded svg:first-child {
  display: none;
}

.dss-chatbot #chat-expand-toggle.expanded svg:last-child {
  display: block;
}