.color-blue[data-v-7959c64a] {
  color: #3656a3 !important;
}
.background-blue[data-v-7959c64a] {
  background-color: #3656a3 !important;
}
.color-green[data-v-7959c64a], .agent-online .v-icon[data-v-7959c64a] {
  color: #0d9737 !important;
}
.background-green[data-v-7959c64a] {
  background-color: #0d9737 !important;
}
.color-green-dark[data-v-7959c64a] {
  color: #086b29 !important;
}
.background-green-dark[data-v-7959c64a] {
  background-color: #086b29 !important;
}
.color-green-light[data-v-7959c64a] {
  color: #33ea6a !important;
}
.background-green-light[data-v-7959c64a] {
  background-color: #33ea6a !important;
}
.color-green-lightest[data-v-7959c64a] {
  color: #d6ebdc !important;
}
.background-green-lightest[data-v-7959c64a] {
  background-color: #d6ebdc !important;
}
.color-grey[data-v-7959c64a] {
  color: #6a6a6a !important;
}
.background-grey[data-v-7959c64a] {
  background-color: #6a6a6a !important;
}
.color-grey-dark[data-v-7959c64a] {
  color: #353a45 !important;
}
.background-grey-dark[data-v-7959c64a] {
  background-color: #353a45 !important;
}
.color-grey-light[data-v-7959c64a], .agent-offline .v-icon[data-v-7959c64a], .agent-offline[data-v-7959c64a], .agent-invisible .v-icon[data-v-7959c64a] {
  color: #9ca0ab !important;
}
.background-grey-light[data-v-7959c64a] {
  background-color: #9ca0ab !important;
}
.color-grey-lightest[data-v-7959c64a] {
  color: #f4f4f4 !important;
}
.background-grey-lightest[data-v-7959c64a], .avatar[data-v-7959c64a] {
  background-color: #f4f4f4 !important;
}
.color-red[data-v-7959c64a] {
  color: #e41827 !important;
}
.background-red[data-v-7959c64a] {
  background-color: #e41827 !important;
}
.color-red-light[data-v-7959c64a] {
  color: #fef6f6 !important;
}
.background-red-light[data-v-7959c64a] {
  background-color: #fef6f6 !important;
}
.color-grey-light-2[data-v-7959c64a] {
  color: #f2f3f5 !important;
}
.background-grey-light-2[data-v-7959c64a] {
  background-color: #f2f3f5 !important;
}
.color-gold[data-v-7959c64a], .agent-away .v-icon[data-v-7959c64a] {
  color: #ffd700 !important;
}
.background-gold[data-v-7959c64a] {
  background-color: #ffd700 !important;
}
.color-orange[data-v-7959c64a] {
  color: #ff781d !important;
}
.background-orange[data-v-7959c64a] {
  background-color: #ff781d !important;
}
.color-black[data-v-7959c64a] {
  color: #000000 !important;
}
.background-black[data-v-7959c64a] {
  background-color: #000000 !important;
}
.color-color-white[data-v-7959c64a] {
  color: #ffffff !important;
}
.background-color-white[data-v-7959c64a] {
  background-color: #ffffff !important;
}
.color-color-blue[data-v-7959c64a] {
  color: #3656a3 !important;
}
.background-color-blue[data-v-7959c64a] {
  background-color: #3656a3 !important;
}
.color-color-green[data-v-7959c64a] {
  color: #0d9737 !important;
}
.background-color-green[data-v-7959c64a] {
  background-color: #0d9737 !important;
}
.color-color-green-dark[data-v-7959c64a] {
  color: #086b29 !important;
}
.background-color-green-dark[data-v-7959c64a] {
  background-color: #086b29 !important;
}
.color-color-green-light[data-v-7959c64a] {
  color: #33ea6a !important;
}
.background-color-green-light[data-v-7959c64a] {
  background-color: #33ea6a !important;
}
.color-color-green-lightest[data-v-7959c64a] {
  color: #d6ebdc !important;
}
.background-color-green-lightest[data-v-7959c64a] {
  background-color: #d6ebdc !important;
}
.color-color-grey[data-v-7959c64a] {
  color: #6a6a6a !important;
}
.background-color-grey[data-v-7959c64a] {
  background-color: #6a6a6a !important;
}
.color-color-grey-dark[data-v-7959c64a] {
  color: #353a45 !important;
}
.background-color-grey-dark[data-v-7959c64a] {
  background-color: #353a45 !important;
}
.color-color-grey-darkest[data-v-7959c64a] {
  color: #222222 !important;
}
.background-color-grey-darkest[data-v-7959c64a] {
  background-color: #222222 !important;
}
.color-color-grey-light[data-v-7959c64a] {
  color: #9ca0ab !important;
}
.background-color-grey-light[data-v-7959c64a] {
  background-color: #9ca0ab !important;
}
.color-color-grey-lightest[data-v-7959c64a] {
  color: #f4f4fc !important;
}
.background-color-grey-lightest[data-v-7959c64a] {
  background-color: #f4f4fc !important;
}
.color-color-red[data-v-7959c64a] {
  color: #e41827 !important;
}
.background-color-red[data-v-7959c64a] {
  background-color: #e41827 !important;
}
.color-color-red-light[data-v-7959c64a] {
  color: #fef6f6 !important;
}
.background-color-red-light[data-v-7959c64a] {
  background-color: #fef6f6 !important;
}
.color-color-gold[data-v-7959c64a] {
  color: #ffd700 !important;
}
.background-color-gold[data-v-7959c64a] {
  background-color: #ffd700 !important;
}
.color-color-brown[data-v-7959c64a] {
  color: #7C3E1A !important;
}
.background-color-brown[data-v-7959c64a] {
  background-color: #7C3E1A !important;
}
.color-color-orange[data-v-7959c64a] {
  color: #ff781d !important;
}
.background-color-orange[data-v-7959c64a] {
  background-color: #ff781d !important;
}
.font-14[data-v-7959c64a] {
  font-size: 14px !important;
}
.font-16[data-v-7959c64a] {
  font-size: 16px !important;
}
.font-20[data-v-7959c64a] {
  font-size: 20px !important;
}
.font-30[data-v-7959c64a] {
  font-size: 30px !important;
}
.v-btn[data-v-7959c64a] {
  text-transform: unset !important;
}
.v-btn[data-v-7959c64a]:not(.v-btn--tile),
.v-card[data-v-7959c64a],
.v-menu__content[data-v-7959c64a],
.v-snack__wrapper[data-v-7959c64a],
.v-chip[data-v-7959c64a],
.v-pagination__item--active[data-v-7959c64a],
.v-text-field--solo[data-v-7959c64a],
.text-editor[data-v-7959c64a],
.multi-action-button-toggle[data-v-7959c64a],
.select[data-v-7959c64a],
.auto-complete[data-v-7959c64a] {
  border-radius: 0.75em !important;
}
.full-width[data-v-7959c64a] {
  width: 100%;
}
.full-height[data-v-7959c64a] {
  height: 100%;
}
html[data-v-7959c64a] {
  overflow: auto;
}
[data-v-7959c64a]:focus {
  outline: none;
}
#chat[data-v-7959c64a] {
  height: calc(100vh - 64px);
  overflow-y: auto;
}
.chats[data-v-7959c64a] {
  height: calc(100vh - 560px);
  overflow-y: auto;
}
.chats.chats-agent[data-v-7959c64a] {
  height: calc(100vh - 150px);
}
.avatar[data-v-7959c64a] {
  border-radius: 50%;
}
.div-agent-status[data-v-7959c64a] {
  border-bottom: 2px solid rgba(0.1, 0.1, 0.1, 0.1) !important;
  border-top: 2px solid rgba(0.1, 0.1, 0.1, 0.1) !important;
}
.agents[data-v-7959c64a] {
  font-size: 13px;
  height: 240px;
  overflow-y: auto;
}
.chat-settings:not(.background-color-red).chat-settings-agent[data-v-7959c64a] {
  border-top: 2px solid rgba(0.1, 0.1, 0.1, 0.1) !important;
}
.chat-settings:not(.background-color-red) span[data-v-7959c64a],
.chat-settings:not(.background-color-red) .v-icon[data-v-7959c64a] {
  color: #e41827 !important;
}
.chat-container[data-v-7959c64a] {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
.chat-status-item[data-v-7959c64a] {
  border-bottom: 2px solid rgba(0.1, 0.1, 0.1, 0.1) !important;
}
.background-gray[data-v-7959c64a] {
  background-color: #f4f4fc !important;
}
.settings-icon[data-v-7959c64a] {
  font-size: 100px;
  padding: 0 20px;
}
.monitor-icon[data-v-7959c64a] {
  font-size: 100px;
  padding: 0 20px;
}
.chat-icon[data-v-7959c64a] {
  height: 150px;
  width: 150px;
}
.welcome-to-chat[data-v-7959c64a] {
  margin: auto;
  width: 500px;
}
.welcome-text[data-v-7959c64a] {
  font-family: "Roboto", sans-serif !important;
  font-size: 80px;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
}
.sub-message[data-v-7959c64a] {
  font-size: 12px;
}
@media only screen and (max-width: 864px) {
.chat-row[data-v-7959c64a] {
    flex-wrap: nowrap;
    width: 200%;
}
}
@media only screen and (min-width: 864px) {
.right-column[data-v-7959c64a] {
    overflow-y: auto;
}
}

/*# sourceMappingURL=Chat.68315b30.css.map*/