/* MIXINS */
@font-face {
  font-family: "HelveticaNeue-Regular";
  src: url("../fonts/HelveticaNeue_gdi.eot");
  src: url("../fonts/HelveticaNeue_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeue_gdi.woff") format("woff"), url("../fonts/HelveticaNeue_gdi.ttf") format("truetype"), url("../fonts/HelveticaNeue_gdi.svg#HelveticaNeue-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "HelveticaNeue-Medium";
  src: url("../fonts/HelveticaNeue-Medium_gdi.eot");
  src: url("../fonts/HelveticaNeue-Medium_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeue-Medium_gdi.woff") format("woff"), url("../fonts/HelveticaNeue-Medium_gdi.ttf") format("truetype"), url("../fonts/HelveticaNeue-Medium_gdi.svg#HelveticaNeue-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "HelveticaNeue-Bold";
  src: url("../fonts/HelveticaNeue-Bold_gdi.eot");
  src: url("../fonts/HelveticaNeue-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeue-Bold_gdi.woff") format("woff"), url("../fonts/HelveticaNeue-Bold_gdi.ttf") format("truetype"), url("../fonts/HelveticaNeue-Bold_gdi.svg#HelveticaNeue-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U0-10FFFF;
}
/*Red group*/
/*Orange group*/
/*Gray group*/
/*Blue group*/
/*Links color group*/
/* Font VARIABLES */
/* Form VARIABLES */
/* Bootstrap select variables */
.chat-widget-holder, .chat-fullscreen-modal {
  font-size: 14px;
  line-height: 1.42857143;
  color: #303640;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  scrollbar-width: thin;
  position: relative;
}
.chat-widget-holder *,
.chat-widget-holder *:before,
.chat-widget-holder *:after, .chat-fullscreen-modal *,
.chat-fullscreen-modal *:before,
.chat-fullscreen-modal *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none !important;
}
.chat-widget-holder *:hover, .chat-widget-holder *:focus,
.chat-widget-holder *:before:hover,
.chat-widget-holder *:before:focus,
.chat-widget-holder *:after:hover,
.chat-widget-holder *:after:focus, .chat-fullscreen-modal *:hover, .chat-fullscreen-modal *:focus,
.chat-fullscreen-modal *:before:hover,
.chat-fullscreen-modal *:before:focus,
.chat-fullscreen-modal *:after:hover,
.chat-fullscreen-modal *:after:focus {
  outline: none;
}
.chat-widget-holder a:hover,
.chat-widget-holder a:focus,
.chat-widget-holder a:visited, .chat-fullscreen-modal a:hover,
.chat-fullscreen-modal a:focus,
.chat-fullscreen-modal a:visited {
  outline: none;
}
.chat-widget-holder ul,
.chat-widget-holder li, .chat-fullscreen-modal ul,
.chat-fullscreen-modal li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat-widget-holder ul, .chat-fullscreen-modal ul {
  margin-bottom: 20px;
}
.chat-widget-holder ul:last-child, .chat-fullscreen-modal ul:last-child {
  margin-bottom: 0;
}
.chat-widget-holder button, .chat-fullscreen-modal button {
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  transition: 150ms;
  border: none;
  background: none;
}
.chat-widget-holder h1,
.chat-widget-holder h2,
.chat-widget-holder h3,
.chat-widget-holder h4, .chat-fullscreen-modal h1,
.chat-fullscreen-modal h2,
.chat-fullscreen-modal h3,
.chat-fullscreen-modal h4 {
  font-family: inherit;
  color: #303640;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1.1;
}
.chat-widget-holder h1:last-child,
.chat-widget-holder h2:last-child,
.chat-widget-holder h3:last-child,
.chat-widget-holder h4:last-child, .chat-fullscreen-modal h1:last-child,
.chat-fullscreen-modal h2:last-child,
.chat-fullscreen-modal h3:last-child,
.chat-fullscreen-modal h4:last-child {
  margin-bottom: 0;
}
.chat-widget-holder h2,
.chat-widget-holder .h2, .chat-fullscreen-modal h2,
.chat-fullscreen-modal .h2 {
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 23px;
}
.chat-widget-holder h3,
.chat-widget-holder .h3, .chat-fullscreen-modal h3,
.chat-fullscreen-modal .h3 {
  font-size: 16px;
  line-height: 24px;
}
.chat-widget-holder h4,
.chat-widget-holder .h4, .chat-fullscreen-modal h4,
.chat-fullscreen-modal .h4 {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 0;
}
.chat-widget-holder a, .chat-fullscreen-modal a {
  cursor: pointer;
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  transition: 150ms;
  text-decoration: none;
  color: #007bb5;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
}
.chat-widget-holder a:hover, .chat-widget-holder a:focus, .chat-fullscreen-modal a:hover, .chat-fullscreen-modal a:focus {
  color: #00b3f0;
  text-decoration: underline;
}
.chat-widget-holder a:active, .chat-widget-holder a.active, .chat-fullscreen-modal a:active, .chat-fullscreen-modal a.active {
  color: #00b3f0;
}
.chat-widget-holder a.underline, .chat-fullscreen-modal a.underline {
  text-decoration: underline;
}
.chat-widget-holder p, .chat-fullscreen-modal p {
  margin: 0 0 10px;
}
.chat-widget-holder p:last-child, .chat-fullscreen-modal p:last-child {
  margin-bottom: 0;
}
.chat-widget-holder ::-webkit-scrollbar, .chat-fullscreen-modal ::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  background: transparent;
}
.chat-widget-holder ::-webkit-scrollbar-track, .chat-fullscreen-modal ::-webkit-scrollbar-track {
  border-radius: 2px;
}
.chat-widget-holder ::-webkit-scrollbar-thumb, .chat-fullscreen-modal ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #999;
}
.chat-widget-holder ::-webkit-input-placeholder, .chat-fullscreen-modal ::-webkit-input-placeholder {
  color: #6d6e71 !important;
}
.chat-widget-holder :-moz-placeholder, .chat-fullscreen-modal :-moz-placeholder {
  color: #6d6e71 !important;
}
.chat-widget-holder ::-moz-placeholder, .chat-fullscreen-modal ::-moz-placeholder {
  color: #6d6e71 !important;
}
.chat-widget-holder :-ms-input-placeholder, .chat-fullscreen-modal :-ms-input-placeholder {
  color: #6d6e71 !important;
}
.chat-widget-holder img, .chat-fullscreen-modal img {
  vertical-align: middle;
}
.chat-widget-holder figure, .chat-fullscreen-modal figure {
  margin: 0;
}
.chat-widget-holder textarea, .chat-fullscreen-modal textarea {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.chat-widget-holder .noverflow, .chat-fullscreen-modal .noverflow {
  overflow: hidden !important;
}

.chat-widget-holder .chat-alert-bubble, .chat-page-holder .chat-alert-bubble {
  background-color: #c54f57;
  font-size: 12px;
  color: #ffffff;
  border-radius: 8px;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chat-widget-holder .chat-alert-bubble__plus:after, .chat-page-holder .chat-alert-bubble__plus:after {
  content: "+";
  position: absolute;
  right: -7px;
  top: 1px;
}
.chat-widget-holder .chat-alert-bubble--list-option, .chat-page-holder .chat-alert-bubble--list-option {
  position: relative;
  display: inline-block;
  transform: translate(0);
  top: auto;
  left: auto;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
}
.chat-widget-holder .chat-form-search, .chat-page-holder .chat-form-search {
  display: inline-block;
  vertical-align: top;
  flex-grow: 1;
}
.chat-widget-holder .chat-form-search__input, .chat-page-holder .chat-form-search__input {
  flex-grow: 1;
}
.chat-widget-holder .chat-form-search__cancel-btn, .chat-page-holder .chat-form-search__cancel-btn {
  padding: 0 5px !important;
}
.chat-widget-holder .chat-form-search--wrapped, .chat-page-holder .chat-form-search--wrapped {
  padding: 10px;
}
.chat-widget-holder .message-slide-pane, .chat-page-holder .message-slide-pane {
  display: block;
  left: 0;
  z-index: 50;
  background-color: #f7f8fa;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  padding: 20px 28px;
}
.chat-widget-holder .message-slide-pane__input-holder, .chat-page-holder .message-slide-pane__input-holder {
  flex-grow: 1;
}
.chat-widget-holder .message-slide-pane__main-title, .chat-page-holder .message-slide-pane__main-title {
  margin-bottom: 0 !important;
}
.chat-widget-holder .message-slide-pane__head, .chat-page-holder .message-slide-pane__head {
  position: relative;
  padding: 0 0 15px;
}
.chat-widget-holder .message-slide-pane__body, .chat-page-holder .message-slide-pane__body {
  padding: 33px 0 0;
}
.chat-widget-holder .message-slide-pane__body-center, .chat-page-holder .message-slide-pane__body-center {
  margin: 0 auto;
  max-width: 800px;
  background-color: #ffffff;
  border-radius: 3px;
  padding: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.chat-widget-holder .message-slide-pane__body-center--widget, .chat-page-holder .message-slide-pane__body-center--widget {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}
.chat-widget-holder .message-slide-pane__user-picker, .chat-page-holder .message-slide-pane__user-picker {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.chat-widget-holder .message-slide-pane__close, .chat-page-holder .message-slide-pane__close {
  position: absolute;
  top: 0;
  right: 2px;
  font-size: 16px;
  z-index: 5;
  color: #6a7280;
}
.chat-widget-holder .message-slide-pane--page, .chat-page-holder .message-slide-pane--page {
  display: block;
}
.chat-widget-holder .message-slide-pane--page .chat-tagsinput.chat-tagsinput--chat, .chat-page-holder .message-slide-pane--page .chat-tagsinput.chat-tagsinput--chat {
  margin-right: 15px;
}
.chat-widget-holder .tab-pane--active, .chat-widget-holder .tab-pane.active, .chat-page-holder .tab-pane--active, .chat-page-holder .tab-pane.active {
  display: block;
}
.chat-widget-holder .unarchive-chats, .chat-page-holder .unarchive-chats {
  height: 400px;
}
.chat-widget-holder .chat-section, .chat-page-holder .chat-section {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
}
.chat-widget-holder .chat-section__wrap, .chat-page-holder .chat-section__wrap {
  overflow: hidden;
  position: relative;
  background-color: #f7f8fa;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.chat-widget-holder .chat-section__user-name-wrap, .chat-page-holder .chat-section__user-name-wrap {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-widget-holder .chat-section__user-name, .chat-page-holder .chat-section__user-name {
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  position: relative;
  font-family: inherit;
}
.chat-widget-holder .chat-section__user-name-item, .chat-page-holder .chat-section__user-name-item {
  position: relative;
}
.chat-widget-holder .chat-section__head, .chat-page-holder .chat-section__head {
  padding: 5px;
  min-height: 54px;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #b0b6bf;
  flex-shrink: 0;
}
.chat-widget-holder .chat-section__head--page-head, .chat-page-holder .chat-section__head--page-head {
  padding: 10px 24px;
}
.chat-widget-holder .chat-section__head--page-head .chat-section__head-item, .chat-page-holder .chat-section__head--page-head .chat-section__head-item {
  padding: 0;
}
@media only screen and (max-width: 1180px) {
  .chat-widget-holder .chat-section__head--page-head .chat-section__head-item, .chat-page-holder .chat-section__head--page-head .chat-section__head-item {
    display: block;
  }
}
.chat-widget-holder .chat-section__head--no-bb, .chat-page-holder .chat-section__head--no-bb {
  border-bottom: 0;
}
.chat-widget-holder .chat-section__head-item, .chat-page-holder .chat-section__head-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0px;
}
.chat-widget-holder .chat-section__head-name, .chat-page-holder .chat-section__head-name {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: calc(100% - 340px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-widget-holder .chat-section__head-search, .chat-page-holder .chat-section__head-search {
  display: -moz-flex;
  display: flex;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  box-orient: center;
  box-direction: normal;
  -moz-flex-direction: center;
  flex-direction: center;
  width: 350px;
}
.chat-widget-holder .chat-section__head-more-btn, .chat-page-holder .chat-section__head-more-btn {
  width: 34px;
  height: 30px;
  border-radius: 2px;
}
.chat-widget-holder .chat-section__head-more-btn:hover, .chat-widget-holder .chat-section__head-more-btn:focus, .chat-page-holder .chat-section__head-more-btn:hover, .chat-page-holder .chat-section__head-more-btn:focus {
  background-color: #edeff2;
}
.chat-widget-holder .chat-section__head-inner, .chat-page-holder .chat-section__head-inner {
  min-width: 390px;
  overflow: hidden;
  text-align: right;
}
.chat-widget-holder .chat-section__head-inner:first-child, .chat-page-holder .chat-section__head-inner:first-child {
  text-align: left;
}
@media only screen and (max-width: 1180px) {
  .chat-widget-holder .chat-section__head-inner, .chat-page-holder .chat-section__head-inner {
    flex-direction: column;
    text-align: left;
  }
  .chat-widget-holder .chat-section__head-inner:first-child, .chat-page-holder .chat-section__head-inner:first-child {
    margin-bottom: 10px;
  }
}
.chat-widget-holder .chat-section__navigation, .chat-page-holder .chat-section__navigation {
  position: relative;
  display: flex;
  padding: 0px;
}
.chat-widget-holder .chat-section__navigation:after, .chat-page-holder .chat-section__navigation:after {
  content: "";
  position: absolute;
  width: calc(100% + 30px);
  left: -15px;
  bottom: -5px;
  height: 1px;
  background-color: #dfe0e1;
}
.chat-widget-holder .chat-section__navigation-inner, .chat-page-holder .chat-section__navigation-inner {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  align-items: center;
  padding-left: 10px;
}
.chat-widget-holder .chat-section__inner-wrap, .chat-page-holder .chat-section__inner-wrap {
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.chat-widget-holder .chat-section__inner-wrap--active-right-sidebar, .chat-page-holder .chat-section__inner-wrap--active-right-sidebar {
  padding-right: 400px;
}
.chat-widget-holder .chat-section__inner-wrap--active-right-sidebar .chat-section__right-column, .chat-page-holder .chat-section__inner-wrap--active-right-sidebar .chat-section__right-column {
  right: 0px;
  height: 100%;
}
.chat-widget-holder .chat-section__left-column, .chat-page-holder .chat-section__left-column {
  position: relative;
  flex: 0 0 380px;
  max-width: 380px;
  border-right: 1px solid #dfe0e1;
}
.chat-widget-holder .chat-section__right-column, .chat-page-holder .chat-section__right-column {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: -400px;
  width: 400px;
  will-change: right;
  border-left: 1px solid #dfe0e1;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.chat-widget-holder .chat-section__right-column--active, .chat-page-holder .chat-section__right-column--active {
  z-index: 20;
}
.chat-widget-holder .chat-section__right-column .chat-messages-list__info, .chat-page-holder .chat-section__right-column .chat-messages-list__info {
  position: static;
}
.chat-widget-holder .chat-section__right-column-head, .chat-page-holder .chat-section__right-column-head {
  border-bottom: 1px solid #dfe0e1;
  background-color: #eceff1;
  padding: 12px 60px 12px 15px;
  position: relative;
  flex-shrink: 0;
}
.chat-widget-holder .chat-section__right-column-head h4, .chat-page-holder .chat-section__right-column-head h4 {
  margin: 0;
  font-family: inherit;
  font-size: 14px;
}
.chat-widget-holder .chat-section__close-chat-right-column, .chat-page-holder .chat-section__close-chat-right-column {
  position: absolute;
  right: 15px;
  top: 50%;
  line-height: 1em;
  margin-top: -15px;
  color: #6a7280;
  font-size: 26px;
}
@supports (-ms-ime-align: auto) {
  .chat-widget-holder .ScrollbarsCustom-Content, .chat-page-holder .ScrollbarsCustom-Content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.chat-widget-holder .chat-send-message, .chat-page-holder .chat-send-message {
  position: relative;
  padding: 0 16px 0 16px;
  margin-bottom: 16px;
}
.chat-widget-holder .chat-send-message--widget, .chat-page-holder .chat-send-message--widget {
  padding: 0px 8px 0px 8px;
  margin-bottom: 8px;
}
.chat-widget-holder .chat-send-message--widget .chat-send-message__attach-file, .chat-page-holder .chat-send-message--widget .chat-send-message__attach-file {
  left: 15px;
}
.chat-widget-holder .chat-send-message__text-area, .chat-page-holder .chat-send-message__text-area {
  border-radius: 3px;
  overflow: hidden;
  border: solid 1px #dfe0e1;
  background-color: #ffffff;
  padding: 13px 12px 13px 42px;
  width: 100%;
  min-height: 49px;
}
.chat-widget-holder .chat-send-message__text-area:disabled, .chat-page-holder .chat-send-message__text-area:disabled {
  background-color: #ffffff;
  opacity: 0.75;
}
.chat-widget-holder .chat-send-message__text-area--hidden, .chat-widget-holder .chat-send-message__text-area--visible, .chat-page-holder .chat-send-message__text-area--hidden, .chat-page-holder .chat-send-message__text-area--visible {
  display: block;
  border: none;
  outline: none;
  overflow: auto;
  resize: none;
  width: 100%;
  border: 0;
  padding: 0;
  line-height: 20px;
  font-family: "graphein_pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  scrollbar-width: thin;
  scrollbar-color: #fff #fff;
}
.chat-widget-holder .chat-send-message__text-area--hidden:disabled, .chat-widget-holder .chat-send-message__text-area--visible:disabled, .chat-page-holder .chat-send-message__text-area--hidden:disabled, .chat-page-holder .chat-send-message__text-area--visible:disabled {
  background-color: #ffffff;
  opacity: 0.75;
}
.chat-widget-holder .chat-send-message__text-area--hidden, .chat-page-holder .chat-send-message__text-area--hidden {
  overflow: auto;
  height: 20px;
  visibility: hidden;
  transform: scale(0);
}
.chat-widget-holder .chat-send-message__attach-file, .chat-page-holder .chat-send-message__attach-file {
  left: 22px;
  width: 32px;
  height: 32px;
  padding: 6px 8px;
  bottom: 8px;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.chat-widget-holder .chat-send-message__attach-file input[type=file],
.chat-widget-holder .chat-send-message__attach-file input[type=file]:focus,
.chat-widget-holder .chat-send-message__attach-file input[type=file]:hover, .chat-page-holder .chat-send-message__attach-file input[type=file],
.chat-page-holder .chat-send-message__attach-file input[type=file]:focus,
.chat-page-holder .chat-send-message__attach-file input[type=file]:hover {
  width: 100%;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 99;
  outline: 0;
}
.chat-widget-holder .chat-send-message__attach-file:hover, .chat-page-holder .chat-send-message__attach-file:hover {
  background-color: #edeff2;
}
.chat-widget-holder .chat-send-message__attach-file--disabled, .chat-page-holder .chat-send-message__attach-file--disabled {
  pointer-events: none;
  opacity: 0.75;
}
.chat-widget-holder .chat-send-message__attach-file--disabled:hover, .chat-page-holder .chat-send-message__attach-file--disabled:hover {
  background-color: transparent;
}
.chat-widget-holder .chat-send-message__attach-file--disabled:hover input, .chat-page-holder .chat-send-message__attach-file--disabled:hover input {
  cursor: default !important;
}
.chat-widget-holder .chat-send-message__attach-file--disabled .svg-icon, .chat-page-holder .chat-send-message__attach-file--disabled .svg-icon {
  opacity: 0.75;
}
.chat-widget-holder .chat-send-message__attach-file .svg-icon, .chat-page-holder .chat-send-message__attach-file .svg-icon {
  fill: #6a7280;
  height: 16px;
  width: 16px;
}
.chat-widget-holder .dropdown-menu, .chat-page-holder .dropdown-menu {
  border-radius: 0;
  min-width: 180px;
  font-size: 13px;
  z-index: 1001;
  box-shadow: 0 5px 10px -1px rgba(0, 0, 0, 0.2);
  border: 0;
  position: absolute;
  top: 100%;
  display: none;
  float: left;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
}
.chat-widget-holder .dropdown-menu--right, .chat-page-holder .dropdown-menu--right {
  left: auto;
  right: 0;
}
.chat-widget-holder .dropdown-menu__full-page-btn, .chat-page-holder .dropdown-menu__full-page-btn {
  height: 2rem !important;
}
.chat-widget-holder .open > .dropdown-menu, .chat-page-holder .open > .dropdown-menu {
  display: block;
}
.chat-widget-holder .chat-field-icon, .chat-page-holder .chat-field-icon {
  position: relative;
}
.chat-widget-holder .chat-field-icon__icon, .chat-page-holder .chat-field-icon__icon {
  position: absolute;
  fill: #9b9b9b;
  top: 4px;
}
.chat-widget-holder .chat-field-icon__icon .svg-icon, .chat-page-holder .chat-field-icon__icon .svg-icon {
  width: 16px;
  height: 16px;
}
.chat-widget-holder .chat-field-icon__icon--search, .chat-page-holder .chat-field-icon__icon--search {
  left: 2px !important;
}
.chat-widget-holder .chat-field-icon__input-holder, .chat-page-holder .chat-field-icon__input-holder {
  position: relative;
}
.chat-widget-holder .chat-field-icon__input, .chat-page-holder .chat-field-icon__input {
  padding-left: 30px !important;
}
.chat-widget-holder .form-control, .chat-page-holder .form-control {
  border: 1px solid #ccc;
  box-shadow: none;
  color: #303640;
  border-radius: 3px;
  height: 33px;
  line-height: 19px;
  -webkit-appearance: none;
  font-family: inherit;
  font-size: 14px;
  display: block;
  width: 100%;
  box-shadow: none;
  padding: 6px 5px;
  background-color: #ffffff;
  background-image: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.chat-widget-holder .form-control--clearable, .chat-page-holder .form-control--clearable {
  padding-right: 40px;
}
.chat-widget-holder .form-control--borderless, .chat-page-holder .form-control--borderless {
  border: 0;
}
.chat-widget-holder .form-control--has-error, .chat-page-holder .form-control--has-error {
  border-color: #d81118 !important;
}
.chat-widget-holder .chat-tagsinput, .chat-page-holder .chat-tagsinput {
  border: 1px solid #b0b6bf;
  background: #ffffff;
  padding: 3px 3px 0;
  width: 100%;
  min-height: 32px;
  max-width: 100%;
  cursor: text;
  max-height: 200px;
  overflow: auto;
  border-radius: 3px;
}
.chat-widget-holder .chat-tagsinput--widget, .chat-page-holder .chat-tagsinput--widget {
  max-height: 115px;
  border: 0;
  padding: 3px 0 0 0;
}
.chat-widget-holder .chat-tagsinput--unarchived-chats, .chat-page-holder .chat-tagsinput--unarchived-chats {
  position: relative;
  padding: 2px 10px 2px 27px;
}
.chat-widget-holder .chat-tagsinput--unarchived-chats input, .chat-page-holder .chat-tagsinput--unarchived-chats input {
  width: 100%;
}
.chat-widget-holder .chat-tagsinput__input, .chat-page-holder .chat-tagsinput__input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  height: 26px;
  max-width: inherit;
}
.chat-widget-holder .chat-tagsinput__input:focus, .chat-page-holder .chat-tagsinput__input:focus {
  border: none;
  box-shadow: none;
}
.chat-widget-holder .chat-tagsinput__tag-close, .chat-page-holder .chat-tagsinput__tag-close {
  margin-left: 5px;
  cursor: pointer;
  fill: #ffffff !important;
  position: absolute;
  width: 11px !important;
  height: 11px !important;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}
.chat-widget-holder .chat-tagsinput__tag, .chat-page-holder .chat-tagsinput__tag {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  display: inline-block;
  vertical-align: top;
  height: 24px;
  line-height: 20px;
  position: relative;
  padding: 3px 23px 3px 8px;
  text-decoration: none;
  background: #007bb5;
  color: #ffffff;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: inherit;
  font-size: 13px;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-widget-holder .chat-tagsinput__tag--deactivated, .chat-page-holder .chat-tagsinput__tag--deactivated {
  background: #b0b6bf;
}
.chat-widget-holder .btn-group, .chat-page-holder .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.chat-widget-holder .btn-group > .btn-chat:last-child:not(:first-child),
.chat-widget-holder .btn-group > .dropdown-toggle:not(:first-child), .chat-page-holder .btn-group > .btn-chat:last-child:not(:first-child),
.chat-page-holder .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.chat-widget-holder .btn-group > .btn-chat:not(:first-child):not(:last-child):not(.dropdown-toggle), .chat-page-holder .btn-group > .btn-chat:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.chat-widget-holder .btn-group .btn-chat + .btn-chat, .chat-page-holder .btn-group .btn-chat + .btn-chat {
  margin-left: -1px;
}
.chat-widget-holder .btn-group .dropdown > .btn-chat, .chat-page-holder .btn-group .dropdown > .btn-chat {
  position: relative;
  border-radius: 2px;
  min-height: 32px;
  line-height: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle, .chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle {
  position: relative;
  padding-right: 25px;
  display: block;
  width: 100%;
  background-color: #f7f8fa;
}
.chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle .caret,
.chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle .nimble-icon-down-open, .chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle .caret,
.chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle .nimble-icon-down-open {
  right: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle .nimble-icon-down-open, .chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle .nimble-icon-down-open {
  margin: 0;
  right: 6px;
}
.chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:hover, .chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:focus, .chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:hover, .chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:focus {
  background-color: #e2e2e2;
}
.chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:hover svg, .chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:focus svg, .chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:hover svg, .chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:focus svg {
  fill: #6a7280 !important;
}
.chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:hover .caret, .chat-widget-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:focus .caret, .chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:hover .caret, .chat-page-holder .btn-group .dropdown > .btn-chat.dropdown-toggle:focus .caret {
  color: #949aa4;
}
.chat-widget-holder .btn-chat, .chat-widget-holder button.btn-chat, .chat-page-holder .btn-chat, .chat-page-holder button.btn-chat {
  box-shadow: none;
  display: inline-block;
  color: #007bb5;
  padding: 7px 16px;
  text-align: center;
  vertical-align: middle;
  line-height: 18px;
  border: none;
  border-radius: 2px;
  position: relative;
  font-size: 14px;
  font-weight: normal;
  font-family: inherit;
  margin-bottom: 0;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
}
.chat-widget-holder .btn-chat:hover, .chat-widget-holder .btn-chat:focus, .chat-widget-holder button.btn-chat:hover, .chat-widget-holder button.btn-chat:focus, .chat-page-holder .btn-chat:hover, .chat-page-holder .btn-chat:focus, .chat-page-holder button.btn-chat:hover, .chat-page-holder button.btn-chat:focus {
  color: #00b3f0;
  text-decoration: none;
}
.chat-widget-holder .btn-chat--nav, .chat-widget-holder button.btn-chat--nav, .chat-page-holder .btn-chat--nav, .chat-page-holder button.btn-chat--nav {
  font-size: 12px;
  margin-right: 5px;
}
.chat-widget-holder .btn-chat--nav:hover, .chat-widget-holder button.btn-chat--nav:hover, .chat-page-holder .btn-chat--nav:hover, .chat-page-holder button.btn-chat--nav:hover {
  color: #007bb5 !important;
}
.chat-widget-holder .btn-chat--default, .chat-widget-holder button.btn-chat--default, .chat-page-holder .btn-chat--default, .chat-page-holder button.btn-chat--default {
  border: 1px solid #b0b6bf;
  color: #010203;
  background: #f7f8fa;
  padding: 6px 10px;
}
.chat-widget-holder .btn-chat--default:hover, .chat-widget-holder .btn-chat--default:active, .chat-widget-holder .btn-chat--default:focus, .chat-widget-holder button.btn-chat--default:hover, .chat-widget-holder button.btn-chat--default:active, .chat-widget-holder button.btn-chat--default:focus, .chat-page-holder .btn-chat--default:hover, .chat-page-holder .btn-chat--default:active, .chat-page-holder .btn-chat--default:focus, .chat-page-holder button.btn-chat--default:hover, .chat-page-holder button.btn-chat--default:active, .chat-page-holder button.btn-chat--default:focus {
  background: #e5e8ec;
}
.chat-widget-holder .btn-chat--success, .chat-widget-holder button.btn-chat--success, .chat-page-holder .btn-chat--success, .chat-page-holder button.btn-chat--success {
  background: #69b545;
  color: #ffffff;
}
.chat-widget-holder .btn-chat--success:hover, .chat-widget-holder .btn-chat--success:focus, .chat-widget-holder .btn-chat--success:active, .chat-widget-holder button.btn-chat--success:hover, .chat-widget-holder button.btn-chat--success:focus, .chat-widget-holder button.btn-chat--success:active, .chat-page-holder .btn-chat--success:hover, .chat-page-holder .btn-chat--success:focus, .chat-page-holder .btn-chat--success:active, .chat-page-holder button.btn-chat--success:hover, .chat-page-holder button.btn-chat--success:focus, .chat-page-holder button.btn-chat--success:active {
  background: #a6ce39;
  color: #ffffff;
}
.chat-widget-holder .btn-chat--transparent, .chat-widget-holder button.btn-chat--transparent, .chat-page-holder .btn-chat--transparent, .chat-page-holder button.btn-chat--transparent {
  background: transparent;
  border: none;
  padding-left: 5px;
  padding-right: 5px;
}
.chat-widget-holder .btn-chat--transparent:hover, .chat-widget-holder .btn-chat--transparent:focus, .chat-widget-holder .btn-chat--transparent:active, .chat-widget-holder button.btn-chat--transparent:hover, .chat-widget-holder button.btn-chat--transparent:focus, .chat-widget-holder button.btn-chat--transparent:active, .chat-page-holder .btn-chat--transparent:hover, .chat-page-holder .btn-chat--transparent:focus, .chat-page-holder .btn-chat--transparent:active, .chat-page-holder button.btn-chat--transparent:hover, .chat-page-holder button.btn-chat--transparent:focus, .chat-page-holder button.btn-chat--transparent:active {
  background: #f7f8fa;
}
.chat-widget-holder .btn-chat--not-allowed, .chat-widget-holder button.btn-chat--not-allowed, .chat-page-holder .btn-chat--not-allowed, .chat-page-holder button.btn-chat--not-allowed {
  color: #ffffff !important;
}
.chat-widget-holder .btn-chat--not-allowed:focus, .chat-widget-holder button.btn-chat--not-allowed:focus, .chat-page-holder .btn-chat--not-allowed:focus, .chat-page-holder button.btn-chat--not-allowed:focus {
  background: #69b545;
}
.chat-widget-holder .btn-chat--disabled, .chat-widget-holder button.btn-chat--disabled, .chat-page-holder .btn-chat--disabled, .chat-page-holder button.btn-chat--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chat-widget-holder .btn-chat--clear, .chat-widget-holder button.btn-chat--clear, .chat-page-holder .btn-chat--clear, .chat-page-holder button.btn-chat--clear {
  line-height: 10px;
  right: 5px;
  padding: 2px 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-bottom: 0;
}
.chat-widget-holder .btn-chat--clear .svg-icon.svg-icon--close-x-dark, .chat-widget-holder button.btn-chat--clear .svg-icon.svg-icon--close-x-dark, .chat-page-holder .btn-chat--clear .svg-icon.svg-icon--close-x-dark, .chat-page-holder button.btn-chat--clear .svg-icon.svg-icon--close-x-dark {
  width: 11px;
  height: 11px;
}
.chat-widget-holder .btn-chat.btn-icon, .chat-widget-holder button.btn-chat.btn-icon, .chat-page-holder .btn-chat.btn-icon, .chat-page-holder button.btn-chat.btn-icon {
  position: relative;
}
.chat-widget-holder .btn-chat + .btn-chat, .chat-widget-holder button.btn-chat + .btn-chat, .chat-page-holder .btn-chat + .btn-chat, .chat-page-holder button.btn-chat + .btn-chat {
  margin-left: 7px;
}
.chat-widget-holder .svg-icon, .chat-page-holder .svg-icon {
  width: 19px;
  height: 19px;
  vertical-align: middle;
}
.chat-widget-holder .svg-icon--abs-right, .chat-page-holder .svg-icon--abs-right {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.chat-widget-holder .svg-icon--settings-gear, .chat-page-holder .svg-icon--settings-gear {
  width: 15px;
  height: 15px;
}
.chat-widget-holder .svg-icon--close-x, .chat-page-holder .svg-icon--close-x {
  width: 16px;
  height: 16px;
  cursor: pointer;
  fill: #303640;
}
.chat-widget-holder .svg-icon--search, .chat-page-holder .svg-icon--search {
  position: absolute;
  left: 8px;
  top: 5px;
  width: 16px;
  height: 16px;
}
.chat-widget-holder .svg-icon--error-circle, .chat-page-holder .svg-icon--error-circle {
  width: 86px;
}
.chat-widget-holder .svg-icon--gray, .chat-page-holder .svg-icon--gray {
  fill: #6a7280 !important;
}
.chat-widget-holder .svg-icon--channel-hash, .chat-page-holder .svg-icon--channel-hash {
  width: 20px !important;
  height: 20px !important;
  fill: #303640;
  vertical-align: bottom;
  margin-bottom: -1px;
}
.chat-widget-holder .svg-icon--header-hash, .chat-page-holder .svg-icon--header-hash {
  width: 17px !important;
  height: 17px !important;
  margin-right: 3px;
}
.chat-widget-holder .svg-icon--btn-default, .chat-page-holder .svg-icon--btn-default {
  max-height: 16px;
  fill: #6a7280;
}
.chat-widget-holder .svg-icon--btn-default.svg-icon_add-user, .chat-page-holder .svg-icon--btn-default.svg-icon_add-user {
  transform: scale(1.25);
}
.chat-widget-holder .svg-icon--btn-default + *, .chat-page-holder .svg-icon--btn-default + * {
  margin-left: 4px;
}
.chat-widget-holder .svg-icon--nav, .chat-page-holder .svg-icon--nav {
  color: #007bb5;
  fill: #007bb5 !important;
  vertical-align: bottom;
  height: 20px !important;
}
.chat-widget-holder .svg-icon_msg-seen-status,
.chat-widget-holder .svg-icon_msg-sent-status, .chat-page-holder .svg-icon_msg-seen-status,
.chat-page-holder .svg-icon_msg-sent-status {
  height: 8px;
}
.chat-widget-holder .Select-control, .chat-page-holder .Select-control {
  background-color: #ffffff;
  border-color: #b0b6bf;
  border-radius: 2px;
  border: 1px solid #b0b6bf;
  color: #333;
  cursor: default;
  display: table;
  width: 100%;
  height: 32px;
  outline: none;
  overflow: hidden;
  position: relative;
}
.chat-widget-holder .Select, .chat-page-holder .Select {
  background-color: #ffffff;
  position: relative;
}
.chat-widget-holder .Select div,
.chat-widget-holder .Select input,
.chat-widget-holder .Select span, .chat-page-holder .Select div,
.chat-page-holder .Select input,
.chat-page-holder .Select span {
  box-sizing: border-box;
}
.chat-widget-holder .Select--single .Select-value, .chat-page-holder .Select--single .Select-value {
  color: #859eac;
  left: 0;
  padding: 0 32px 0 10px;
  line-height: 30px;
  position: absolute;
  right: -15px;
  top: 0;
  right: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-widget-holder .Select-input, .chat-page-holder .Select-input {
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.chat-widget-holder .Select-input > input, .chat-page-holder .Select-input > input {
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  height: 30px;
  margin: 0;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
}
.chat-widget-holder .Select-arrow-zone, .chat-page-holder .Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  width: 30px;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  color: #c9dee9;
}
.chat-widget-holder .Select-arrow, .chat-page-holder .Select-arrow {
  border-color: #b0b6bf transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.chat-widget-holder .Select-menu-outer, .chat-page-holder .Select-menu-outer {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #ffffff;
  border: 1px solid #b0b6bf;
  border-top-color: #d8dbdf;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}
.chat-widget-holder .Select-menu, .chat-page-holder .Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.chat-widget-holder .Select-option, .chat-page-holder .Select-option {
  box-sizing: border-box;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 14px;
  padding: 5px 10px;
}
.chat-widget-holder .Select-option.is-focused, .chat-page-holder .Select-option.is-focused {
  background-color: #f5f5f5;
  color: #333;
}
.chat-widget-holder .chat-message, .chat-page-holder .chat-message {
  font-size: 12px;
  position: absolute;
  color: #6a7280;
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  width: calc(100% - 85px);
}
.chat-widget-holder .chat-message--own, .chat-page-holder .chat-message--own {
  right: 74px;
  width: calc(100% - 95px);
}
.chat-widget-holder .chat-message--error, .chat-page-holder .chat-message--error {
  color: #d81118 !important;
  fill: #d81118;
  height: 15px !important;
  line-height: 16px;
}
.chat-widget-holder .chat-message__inner, .chat-page-holder .chat-message__inner {
  position: relative;
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #6a7280;
  padding: 0 8px 0 11px;
  margin-left: 5px;
}
@-moz-document url-prefix() {
  .chat-widget-holder .chat-message__inner, .chat-page-holder .chat-message__inner {
    vertical-align: initial;
  }
}
.chat-widget-holder .chat-message__inner:last-of-type, .chat-page-holder .chat-message__inner:last-of-type {
  padding-right: 0;
}
.chat-widget-holder .chat-message__inner:before, .chat-page-holder .chat-message__inner:before {
  content: "";
  background-color: #6a7280;
  width: 4px;
  height: 4px;
  left: 0;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chat-widget-holder .chat-message__inner:first-child, .chat-page-holder .chat-message__inner:first-child {
  padding-left: 0;
}
.chat-widget-holder .chat-message__inner:first-child:before, .chat-page-holder .chat-message__inner:first-child:before {
  display: none;
}
.chat-widget-holder .chat-message__author, .chat-page-holder .chat-message__author {
  max-width: calc(100% - 130px);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
  text-overflow: ellipsis;
}
.chat-widget-holder .chat-message__status, .chat-page-holder .chat-message__status {
  right: -20px;
  top: -3px;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chat-widget-holder .chat-messages-list, .chat-page-holder .chat-messages-list {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}
.chat-widget-holder .chat-messages-list__wrap, .chat-page-holder .chat-messages-list__wrap {
  padding: 0 10px;
  flex-grow: 1;
  flex-shrink: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.chat-widget-holder .chat-messages-list__attachment-info, .chat-page-holder .chat-messages-list__attachment-info {
  min-height: 40px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.chat-widget-holder .chat-messages-list__message, .chat-page-holder .chat-messages-list__message {
  padding: 10px 51px 25px 61px;
  position: relative;
  overflow: hidden;
}
.chat-widget-holder .chat-messages-list__message--own, .chat-page-holder .chat-messages-list__message--own {
  padding: 10px 61px 25px 52px;
  text-align: right;
}
.chat-widget-holder .chat-messages-list__message--own .chat-messages-list__text, .chat-page-holder .chat-messages-list__message--own .chat-messages-list__text {
  background-color: #dfe1e5;
  text-align: left;
}
.chat-widget-holder .chat-messages-list__message--own .chat-messages-list__text:before, .chat-page-holder .chat-messages-list__message--own .chat-messages-list__text:before {
  height: 0;
  width: 0;
  border-top: 12px solid #dfe1e5;
  border-right: 12px solid transparent;
  left: auto;
  right: -12px;
}
.chat-widget-holder .chat-messages-list__body, .chat-page-holder .chat-messages-list__body {
  display: inline-block;
  max-width: calc(50% - 40px);
}
@media only screen and (max-width: 1024px) {
  .chat-widget-holder .chat-messages-list__body, .chat-page-holder .chat-messages-list__body {
    max-width: 100%;
  }
}
.chat-widget-holder .chat-messages-list__text, .chat-page-holder .chat-messages-list__text {
  background-color: #ffffff;
  border-radius: 3px;
  padding: 8px;
  margin-bottom: 8px;
  color: #263238;
  position: relative;
  word-break: break-word;
}
.chat-widget-holder .chat-messages-list__text p,
.chat-widget-holder .chat-messages-list__text .Linkify, .chat-page-holder .chat-messages-list__text p,
.chat-page-holder .chat-messages-list__text .Linkify {
  margin-bottom: 5px;
  word-break: break-word;
}
.chat-widget-holder .chat-messages-list__text:before, .chat-page-holder .chat-messages-list__text:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 0;
  height: 0;
  width: 0;
  border-top: 12px solid #ffffff;
  border-left: 12px solid transparent;
}
.chat-widget-holder .chat-messages-list__highlighted-text, .chat-page-holder .chat-messages-list__highlighted-text {
  background-color: rgba(0, 179, 240, 0.25);
  padding: 0.1em 0.01em;
}
.chat-widget-holder .chat-messages-list__attachment, .chat-page-holder .chat-messages-list__attachment {
  border: 1px solid #b0b6bf;
  border-radius: 4px;
  padding: 12px 12px 12px 50px;
  position: relative;
  min-width: 75%;
  background: #f7f8fa;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.chat-widget-holder .chat-messages-list__attachment--no-icon, .chat-page-holder .chat-messages-list__attachment--no-icon {
  padding: 12px;
  margin-bottom: 10px;
  display: block;
}
.chat-widget-holder .chat-messages-list__attachment-modal-btn, .chat-page-holder .chat-messages-list__attachment-modal-btn {
  padding: 0;
}
.chat-widget-holder .chat-messages-list__attachment p, .chat-page-holder .chat-messages-list__attachment p {
  margin: 0;
}
.chat-widget-holder .chat-messages-list__attachment--image, .chat-page-holder .chat-messages-list__attachment--image {
  padding: 0;
}
.chat-widget-holder .chat-messages-list__attachment--image:hover .dl-btn-holder, .chat-page-holder .chat-messages-list__attachment--image:hover .dl-btn-holder {
  display: flex;
}
.chat-widget-holder .chat-messages-list__preview-image, .chat-page-holder .chat-messages-list__preview-image {
  width: auto;
  max-width: 100%;
  height: auto;
  cursor: zoom-in;
  max-height: 240px;
}
.chat-widget-holder .chat-messages-list__attachment-icon, .chat-page-holder .chat-messages-list__attachment-icon {
  position: absolute;
  left: 5px;
  top: 14px;
}
.chat-widget-holder .chat-messages-list__attachment-icon .svg-icon, .chat-page-holder .chat-messages-list__attachment-icon .svg-icon {
  width: 32px;
  height: 37px;
}
.chat-widget-holder .chat-messages-list__attachment-icon--preview, .chat-page-holder .chat-messages-list__attachment-icon--preview {
  position: static;
  max-width: 100%;
  min-width: 100%;
  text-align: center;
}
.chat-widget-holder .chat-messages-list__attachment-icon--preview .modal-trigger, .chat-page-holder .chat-messages-list__attachment-icon--preview .modal-trigger {
  margin-bottom: 0;
}
.chat-widget-holder .chat-messages-list__attachment-icon .svg-icon_chat-file, .chat-page-holder .chat-messages-list__attachment-icon .svg-icon_chat-file {
  cursor: pointer;
}
.chat-widget-holder .chat-messages-list__attachment-icon .file-attachment-format, .chat-page-holder .chat-messages-list__attachment-icon .file-attachment-format {
  position: absolute;
  left: 0;
  right: 0;
  color: #ffffff;
  bottom: 3px;
  text-align: center;
  font-size: 8px;
  text-transform: uppercase;
}
.chat-widget-holder .chat-messages-list__attachment-icon .icon-attachment, .chat-page-holder .chat-messages-list__attachment-icon .icon-attachment {
  display: block;
  font-size: 35px;
  line-height: 1em;
}
.chat-widget-holder .chat-messages-list__attachment-icon .icon-attachment.green, .chat-page-holder .chat-messages-list__attachment-icon .icon-attachment.green {
  color: #98ba3f;
}
.chat-widget-holder .chat-messages-list__attachment-icon .icon-attachment.blue, .chat-page-holder .chat-messages-list__attachment-icon .icon-attachment.blue {
  color: #227fbf;
}
.chat-widget-holder .chat-messages-list__attachment-icon .icon-attachment.red, .chat-page-holder .chat-messages-list__attachment-icon .icon-attachment.red {
  color: #c53751;
}
.chat-widget-holder .chat-messages-list__attachment-info .attachment-download, .chat-page-holder .chat-messages-list__attachment-info .attachment-download {
  padding: 0;
  cursor: pointer;
  color: #007bb5;
  transition: 150ms;
}
.chat-widget-holder .attachment-title, .chat-page-holder .attachment-title {
  padding: 0px;
  text-align: left;
}
.chat-widget-holder .chat-member-presence, .chat-page-holder .chat-member-presence {
  padding-left: 15px;
  position: relative;
}
.chat-widget-holder .chat-member-presence:before, .chat-page-holder .chat-member-presence:before {
  content: "";
  left: 2px;
  width: 9px;
  height: 9px;
  border: 2px solid #b0b6bf;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chat-widget-holder .chat-member-presence--online:before, .chat-page-holder .chat-member-presence--online:before {
  border: 0;
  background-color: #69b545;
}
.chat-widget-holder .attachment-icon, .chat-page-holder .attachment-icon {
  height: 14px;
  width: 14px;
  margin: 0px 4px 0 4px;
  vertical-align: bottom;
}
.chat-widget-holder .attachment-icon--list, .chat-page-holder .attachment-icon--list {
  width: 37px;
  height: 37px;
}
.chat-widget-holder .dl-btn-holder, .chat-page-holder .dl-btn-holder {
  display: none;
  width: 36px;
  height: 30px;
  border-radius: 3px;
  padding: 5px;
  margin: 5px 5px 0 0;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.13);
  border: 1px solid #edeff2;
  background-color: #ffffff;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.chat-widget-holder .dl-btn-holder__icon, .chat-page-holder .dl-btn-holder__icon {
  width: 22px !important;
  height: 22px !important;
}
.chat-widget-holder .chat-avatar, .chat-page-holder .chat-avatar {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.chat-widget-holder .chat-avatar--messages, .chat-page-holder .chat-avatar--messages {
  position: absolute;
  top: 10px;
  left: 10px;
}
.chat-widget-holder .chat-avatar--messages-own, .chat-page-holder .chat-avatar--messages-own {
  display: block;
  left: auto;
  right: 10px;
  top: 10px;
}
.chat-widget-holder .chat-avatar--list, .chat-page-holder .chat-avatar--list {
  position: relative;
  top: 0;
  left: 0;
}
.chat-widget-holder .chat-avatar__image, .chat-page-holder .chat-avatar__image {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.chat-widget-holder .chat-avatar--widget, .chat-page-holder .chat-avatar--widget {
  right: 10px;
}
.chat-widget-holder .chat-avatar--empty, .chat-page-holder .chat-avatar--empty {
  border-radius: 50%;
  color: #6a7280 !important;
  vertical-align: middle;
  background: #dfe1e5;
  width: 37px !important;
  height: 37px !important;
}
.chat-widget-holder .chat-avatar--empty .chat-avatar__initials, .chat-page-holder .chat-avatar--empty .chat-avatar__initials {
  position: absolute;
  top: 50%;
  left: 50%;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  transform: translateY(-50%) translateX(-50%);
  font-size: 14px;
}
.chat-widget-holder .chat-avatar--empty .chat-avatar__icon, .chat-page-holder .chat-avatar--empty .chat-avatar__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.7);
  fill: #6a7280;
  min-width: 100%;
}
.chat-widget-holder .rich-list, .chat-page-holder .rich-list {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.chat-widget-holder .rich-list__body, .chat-page-holder .rich-list__body {
  flex-grow: 1;
}
.chat-widget-holder .rich-list__body--widget, .chat-page-holder .rich-list__body--widget {
  height: 460px;
}
.chat-widget-holder .rich-list__messages-info, .chat-page-holder .rich-list__messages-info {
  font-size: 12px;
  position: static;
  color: #6a7280;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
}
.chat-widget-holder .rich-list__messages-info--strong, .chat-page-holder .rich-list__messages-info--strong {
  font-weight: bold;
  font-family: inherit;
}
.chat-widget-holder .rich-list__messages-info-inner, .chat-page-holder .rich-list__messages-info-inner {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #6a7280;
  margin-left: 5px;
  padding: 0 8px 0 11px;
}
@-moz-document url-prefix() {
  .chat-widget-holder .rich-list__messages-info-inner, .chat-page-holder .rich-list__messages-info-inner {
    vertical-align: initial;
  }
}
.chat-widget-holder .rich-list__messages-info-inner:last-of-type, .chat-page-holder .rich-list__messages-info-inner:last-of-type {
  padding-right: 0;
}
.chat-widget-holder .rich-list__messages-info-inner:before, .chat-page-holder .rich-list__messages-info-inner:before {
  content: "";
  background-color: #6a7280;
  width: 4px;
  height: 4px;
  left: 0;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chat-widget-holder .rich-list__messages-info-inner:first-child, .chat-page-holder .rich-list__messages-info-inner:first-child {
  padding-left: 0;
}
.chat-widget-holder .rich-list__messages-info-inner:first-child:before, .chat-page-holder .rich-list__messages-info-inner:first-child:before {
  display: none;
}
.chat-widget-holder .rich-list__item, .chat-page-holder .rich-list__item {
  display: flex;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #edeff2 !important;
  padding: 12px 15px;
  position: relative;
  font-size: 14px;
  align-items: center;
  text-align: left;
}
.chat-widget-holder .rich-list__item--colored, .chat-page-holder .rich-list__item--colored {
  background-color: #f7f8fa !important;
}
.chat-widget-holder .rich-list__item--colored .rich-list__status, .chat-page-holder .rich-list__item--colored .rich-list__status {
  -webkit-box-shadow: 0px 0px 0px 2px #f7f8fa;
  -moz-box-shadow: 0px 0px 0px 2px #f7f8fa;
  box-shadow: 0px 0px 0px 2px #f7f8fa;
}
.chat-widget-holder .rich-list__item--active, .chat-page-holder .rich-list__item--active {
  background: #ebf5f9;
}
.chat-widget-holder .rich-list__item--active:before, .chat-page-holder .rich-list__item--active:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 4px;
  left: 0;
  top: 0;
  background-color: #007bb5;
}
.chat-widget-holder .rich-list__item--text-center, .chat-page-holder .rich-list__item--text-center {
  justify-content: center;
}
.chat-widget-holder .rich-list__item p, .chat-page-holder .rich-list__item p {
  margin: 0;
}
.chat-widget-holder .rich-list__item:hover:not(.rich-list__item--active), .chat-page-holder .rich-list__item:hover:not(.rich-list__item--active) {
  background-color: #f7f8fa;
}
.chat-widget-holder .rich-list__item:hover .rich-list__status, .chat-page-holder .rich-list__item:hover .rich-list__status {
  -webkit-box-shadow: 0px 0px 0px 2px #f7f8fa;
  -moz-box-shadow: 0px 0px 0px 2px #f7f8fa;
  box-shadow: 0px 0px 0px 2px #f7f8fa;
}
.chat-widget-holder .rich-list__unarchive-btn, .chat-page-holder .rich-list__unarchive-btn {
  color: #007bb5;
  display: block;
  background: none;
  border: 0;
  padding: 0 15px 0 0;
}
.chat-widget-holder .rich-list__unarchive-btn:hover, .chat-page-holder .rich-list__unarchive-btn:hover {
  text-decoration: underline;
}
.chat-widget-holder .rich-list__attachment, .chat-page-holder .rich-list__attachment {
  display: flex;
  border: 1px solid #b0b6bf;
  border-radius: 4px;
  padding: 12px 12px 12px 7px;
  position: relative;
  min-width: 75%;
  background: #f7f8fa;
  overflow: hidden;
  min-height: 68px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 3px;
}
.chat-widget-holder .rich-list__attachment-icon, .chat-page-holder .rich-list__attachment-icon {
  width: 45px;
  min-height: 45px;
  padding: 5px 0;
}
.chat-widget-holder .rich-list__attachment-info, .chat-widget-holder .rich-list__attachment-info button, .chat-page-holder .rich-list__attachment-info, .chat-page-holder .rich-list__attachment-info button {
  text-align: left;
}
.chat-widget-holder .rich-list__tools, .chat-page-holder .rich-list__tools {
  margin-left: auto;
  align-self: center;
}
.chat-widget-holder .rich-list__time, .chat-page-holder .rich-list__time {
  white-space: nowrap;
  color: #b0b6bf;
  font-size: 12px;
}
.chat-widget-holder .rich-list__icon, .chat-page-holder .rich-list__icon {
  margin-right: 10px;
  position: relative;
}
.chat-widget-holder .rich-list__icon svg,
.chat-widget-holder .rich-list__icon img, .chat-page-holder .rich-list__icon svg,
.chat-page-holder .rich-list__icon img {
  width: 35px;
  height: 35px;
  object-fit: cover;
}
.chat-widget-holder .rich-list__items-wrapper, .chat-page-holder .rich-list__items-wrapper {
  position: relative;
}
.chat-widget-holder .rich-list__items-wrapper .close, .chat-page-holder .rich-list__items-wrapper .close {
  display: none;
}
.chat-widget-holder .rich-list__items-wrapper:not(.rich-list__items-wrapper--unread):hover .close, .chat-page-holder .rich-list__items-wrapper:not(.rich-list__items-wrapper--unread):hover .close {
  display: block;
  opacity: 1;
  margin-top: -3px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.chat-widget-holder .rich-list__items-wrapper:not(.rich-list__items-wrapper--unread):hover .close .svg-icon.svg-icon--close-x-dark, .chat-page-holder .rich-list__items-wrapper:not(.rich-list__items-wrapper--unread):hover .close .svg-icon.svg-icon--close-x-dark {
  width: 11px;
  height: 11px;
  fill: #263238;
}
.chat-widget-holder .rich-list__items-wrapper:not(.rich-list__items-wrapper--unread):hover .rich-list__options, .chat-page-holder .rich-list__items-wrapper:not(.rich-list__items-wrapper--unread):hover .rich-list__options {
  align-self: center;
}
.chat-widget-holder .rich-list__items-wrapper:not(.rich-list__items-wrapper--unread):hover .rich-list__options .info, .chat-page-holder .rich-list__items-wrapper:not(.rich-list__items-wrapper--unread):hover .rich-list__options .info {
  visibility: hidden;
}
.chat-widget-holder .rich-list__line-text, .chat-page-holder .rich-list__line-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 650px;
  display: block;
}
.chat-widget-holder .rich-list__info, .chat-page-holder .rich-list__info {
  flex-grow: 1;
}
.chat-widget-holder .rich-list__info .rich-list__messages-info, .chat-page-holder .rich-list__info .rich-list__messages-info {
  width: 100%;
}
.chat-widget-holder .rich-list__info .rich-list__messages-info a, .chat-page-holder .rich-list__info .rich-list__messages-info a {
  color: #007bb5;
  display: inline-block;
}
.chat-widget-holder .rich-list__info .rich-list__messages-info-inner, .chat-page-holder .rich-list__info .rich-list__messages-info-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.chat-widget-holder .rich-list__status, .chat-page-holder .rich-list__status {
  width: 8px;
  height: 8px;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  position: absolute;
  display: inline-block;
  border: 2px solid #b0b6bf;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
  -moz-box-shadow: 0px 0px 0px 2px #ffffff;
  box-shadow: 0px 0px 0px 2px #ffffff;
}
.chat-widget-holder .rich-list__status--online, .chat-page-holder .rich-list__status--online {
  border: 0;
  background-color: #69b545;
}
.chat-widget-holder .rich-list__options, .chat-page-holder .rich-list__options {
  text-align: right;
  margin-left: auto;
  align-self: flex-start;
}
.chat-widget-holder .rich-list__highlighted, .chat-page-holder .rich-list__highlighted {
  background-color: rgba(0, 179, 240, 0.25);
  padding: 0.1em 0.01em;
}
.chat-widget-holder .rich-list--no-hover .rich-list__item:hover, .chat-page-holder .rich-list--no-hover .rich-list__item:hover {
  background-color: #ffffff;
}
.chat-widget-holder .rich-list--widget, .chat-page-holder .rich-list--widget {
  border-top: 0;
}
.chat-widget-holder .rich-list--widget .rich-list__line-text, .chat-page-holder .rich-list--widget .rich-list__line-text {
  max-width: 275px;
}
.chat-widget-holder .rich-list--full-page, .chat-page-holder .rich-list--full-page {
  height: 400px;
}
.chat-widget-holder .rich-list--search-chats, .chat-page-holder .rich-list--search-chats {
  height: auto;
}
.chat-widget-holder .rich-list--search-chats .rich-list__messages-info-inner, .chat-page-holder .rich-list--search-chats .rich-list__messages-info-inner {
  margin-left: 0;
}
.chat-widget-holder .rich-list--search-chats .rich-list__item, .chat-page-holder .rich-list--search-chats .rich-list__item {
  padding: 10px 16px;
  height: 62px;
}
.chat-widget-holder .rich-list--search-chats .rich-list__item:hover, .chat-page-holder .rich-list--search-chats .rich-list__item:hover {
  cursor: pointer;
}
.chat-widget-holder .rich-list--search-chats .rich-list__info, .chat-page-holder .rich-list--search-chats .rich-list__info {
  max-width: 245px;
}
.chat-widget-holder .rich-list--search-chats .rich-list__info--file-box, .chat-page-holder .rich-list--search-chats .rich-list__info--file-box {
  max-width: 100%;
}
.chat-widget-holder .rich-list--search .rich-list__head, .chat-page-holder .rich-list--search .rich-list__head {
  padding: 15px;
}
.chat-widget-holder .rich-list--search .rich-list__item, .chat-page-holder .rich-list--search .rich-list__item {
  height: auto;
  min-height: 65px;
  padding: 11px 15px;
  align-items: start;
}
.chat-widget-holder .rich-list--unarchive, .chat-page-holder .rich-list--unarchive {
  text-align: center;
  border-top: 0;
}
.chat-widget-holder .rich-list--unarchive .rich-list__info, .chat-page-holder .rich-list--unarchive .rich-list__info {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat-widget-holder .empty-content, .chat-page-holder .empty-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.chat-widget-holder .empty-content__icon, .chat-page-holder .empty-content__icon {
  width: 127px !important;
  height: 123px;
}
.chat-widget-holder .empty-content__title, .chat-page-holder .empty-content__title {
  color: #6a7280;
  font-size: 32px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.chat-widget-holder .empty-content__block, .chat-page-holder .empty-content__block {
  text-align: center;
}
.chat-widget-holder .empty-holder, .chat-page-holder .empty-holder {
  padding: 40px 65px;
  text-align: center;
  top: 50%;
}
.chat-widget-holder .empty-holder--full, .chat-page-holder .empty-holder--full {
  padding: 30px 65px 40px 65px;
}
.chat-widget-holder .empty-holder__title, .chat-page-holder .empty-holder__title {
  margin-bottom: 10px !important;
}
.chat-widget-holder .empty-holder__actions, .chat-page-holder .empty-holder__actions {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  color: #6a7280;
}
.chat-widget-holder .empty-holder__actions .btn-chat, .chat-page-holder .empty-holder__actions .btn-chat {
  padding: 0;
  vertical-align: initial;
}
.chat-widget-holder .empty-holder__central-icon, .chat-page-holder .empty-holder__central-icon {
  min-width: 65px;
  min-height: 95px;
  margin: 0 0 15px 0;
}
.chat-widget-holder .empty-holder__central-icon.svg-icon_chat-empty-sidebar-chat-invert, .chat-page-holder .empty-holder__central-icon.svg-icon_chat-empty-sidebar-chat-invert {
  min-width: 120px;
}
.chat-widget-holder .empty-content-sidebar, .chat-page-holder .empty-content-sidebar {
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.chat-widget-holder .empty-content-sidebar__icon, .chat-page-holder .empty-content-sidebar__icon {
  margin-bottom: 10px;
}
.chat-widget-holder .empty-content-sidebar__icon--channel, .chat-page-holder .empty-content-sidebar__icon--channel {
  width: 46px;
  height: 55px;
}
.chat-widget-holder .empty-content-sidebar__icon--chat, .chat-page-holder .empty-content-sidebar__icon--chat {
  width: 102px;
  height: 75px;
}
.chat-widget-holder .empty-content-sidebar__title, .chat-widget-holder .empty-content-sidebar__text, .chat-page-holder .empty-content-sidebar__title, .chat-page-holder .empty-content-sidebar__text {
  color: #b0b6bf !important;
}
.chat-widget-holder .empty-content-sidebar__text, .chat-page-holder .empty-content-sidebar__text {
  font-size: 12px;
  line-height: 1.33;
}
.chat-widget-holder .chat-unread-notification, .chat-page-holder .chat-unread-notification {
  position: absolute;
  left: 0;
  z-index: 3;
  display: none;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.chat-widget-holder .chat-unread-notification__content, .chat-page-holder .chat-unread-notification__content {
  color: #ffffff;
}
.chat-widget-holder .chat-unread-notification__content:hover,
.chat-widget-holder .chat-unread-notification__content :focus, .chat-page-holder .chat-unread-notification__content:hover,
.chat-page-holder .chat-unread-notification__content :focus {
  color: #ffffff;
  text-decoration: none;
}
.chat-widget-holder .chat-unread-notification__icon, .chat-page-holder .chat-unread-notification__icon {
  fill: #ffffff;
  transform: rotate(90deg);
  width: 13px;
  height: 13px;
  margin: -3px 5px 0 -5px;
  vertical-align: middle;
}
.chat-widget-holder .chat-unread-notification--top, .chat-page-holder .chat-unread-notification--top {
  top: 101px;
}
@-moz-document url-prefix() {
  .chat-widget-holder .chat-unread-notification--top, .chat-page-holder .chat-unread-notification--top {
    top: 102px;
  }
}
.chat-widget-holder .chat-unread-notification--top span, .chat-page-holder .chat-unread-notification--top span {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.chat-widget-holder .chat-unread-notification--bottom, .chat-page-holder .chat-unread-notification--bottom {
  bottom: 3px;
}
.chat-widget-holder .chat-unread-notification--bottom .svg-icon, .chat-page-holder .chat-unread-notification--bottom .svg-icon {
  transform: rotate(-90deg);
}
.chat-widget-holder .chat-unread-notification--bottom span, .chat-page-holder .chat-unread-notification--bottom span {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.chat-widget-holder .chat-unread-notification span, .chat-page-holder .chat-unread-notification span {
  background-color: #007bb5;
  color: #ffffff;
  padding: 7px 20px;
}
.chat-widget-holder .chat-unread-notification--show, .chat-page-holder .chat-unread-notification--show {
  display: block;
}
.chat-widget-holder .link--list, .chat-page-holder .link--list {
  display: block;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.chat-widget-holder .link--strong, .chat-page-holder .link--strong {
  font-weight: bold;
  font-family: inherit;
}
.chat-widget-holder .link--blue, .chat-page-holder .link--blue {
  color: #007bb5;
  padding: 0;
}
.chat-widget-holder .link--default, .chat-page-holder .link--default {
  color: #303640;
}
.chat-widget-holder .link--small, .chat-page-holder .link--small {
  font-size: 12px;
}
.chat-widget-holder .link--uppercase, .chat-page-holder .link--uppercase {
  text-transform: uppercase;
}
.chat-widget-holder .link--trimmed, .chat-page-holder .link--trimmed {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat-widget-holder .flex-align-center, .chat-page-holder .flex-align-center {
  align-self: center;
}
.chat-widget-holder #page-holder.full-height,
.chat-widget-holder .full-height, .chat-page-holder #page-holder.full-height,
.chat-page-holder .full-height {
  height: 100%;
  min-height: 100%;
}
.chat-widget-holder .ScrollbarsCustom-Wrapper, .chat-page-holder .ScrollbarsCustom-Wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.chat-widget-holder .ScrollbarsCustom-TrackY, .chat-page-holder .ScrollbarsCustom-TrackY {
  position: absolute;
  width: 4px;
  top: 4px;
  right: 4px;
  bottom: 4px;
}
.chat-widget-holder .ScrollbarsCustom-ThumbY, .chat-page-holder .ScrollbarsCustom-ThumbY {
  background-color: #b0b6bf;
  cursor: pointer;
  border-radius: 4px;
  width: 4px;
}
.chat-widget-holder .chat-overflow-holder, .chat-page-holder .chat-overflow-holder {
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
  background-color: #ffffff;
}
.chat-widget-holder .tooltip, .chat-page-holder .tooltip {
  z-index: 26000000;
  pointer-events: none;
  position: absolute;
  display: block;
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.chat-widget-holder .tooltip .tooltip-inner, .chat-page-holder .tooltip .tooltip-inner {
  background: #3f3f3f;
  border-radius: 3px;
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-size: calculateRem(12px);
  line-height: 1.2;
}
.chat-widget-holder .tooltip .tooltip-inner.tooltip-inner_nowrap, .chat-page-holder .tooltip .tooltip-inner.tooltip-inner_nowrap {
  white-space: nowrap;
}
.chat-widget-holder .tooltip.in, .chat-page-holder .tooltip.in {
  opacity: 1;
}
.chat-widget-holder .tooltip.top-left .tooltip-arrow, .chat-page-holder .tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 10px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.chat-widget-holder .tooltip-arrow, .chat-page-holder .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.chat-widget-holder [id^=wide-left-ttp] .tooltip-inner, .chat-page-holder [id^=wide-left-ttp] .tooltip-inner {
  min-width: auto;
  max-width: 210px;
  text-align: left;
}
.chat-widget-holder .dotted-holder, .chat-page-holder .dotted-holder {
  padding: 3px 5px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.chat-widget-holder .dotted-holder--btn-default, .chat-page-holder .dotted-holder--btn-default {
  border: 1px solid #d5d6db;
  padding: 0px 15px;
  height: 33px;
  margin-left: 10px;
  border-radius: 2px;
}
.chat-widget-holder .dotted-holder__inner, .chat-page-holder .dotted-holder__inner {
  position: relative;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #6a7280;
  display: inline-block;
  vertical-align: inherit;
}
.chat-widget-holder .dotted-holder__inner:before, .chat-widget-holder .dotted-holder__inner:after, .chat-page-holder .dotted-holder__inner:before, .chat-page-holder .dotted-holder__inner:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #6a7280;
  display: block;
}
.chat-widget-holder .dotted-holder__inner:before, .chat-page-holder .dotted-holder__inner:before {
  top: 7px;
}
.chat-widget-holder .dotted-holder__inner:after, .chat-page-holder .dotted-holder__inner:after {
  top: -7px;
}
.chat-widget-holder .chat-dropdown--inline, .chat-page-holder .chat-dropdown--inline {
  display: inline-block;
}
.chat-widget-holder .chat-dropdown__menu, .chat-page-holder .chat-dropdown__menu {
  border-radius: 0;
  min-width: 180px;
  font-size: 13px;
  z-index: 1001;
  box-shadow: 0 5px 10px -1px rgba(0, 0, 0, 0.2);
  border: 0;
  position: absolute;
  top: 100%;
  display: none;
  float: left;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.11), 0 0 3px 0 rgba(0, 0, 0, 0.12);
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
}
.chat-widget-holder .chat-dropdown__menu--right, .chat-page-holder .chat-dropdown__menu--right {
  left: auto;
  right: 0;
}
.chat-widget-holder .chat-dropdown__menu-item, .chat-page-holder .chat-dropdown__menu-item {
  font-size: 14px;
  padding: 7px;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.chat-widget-holder .svg-icon, .chat-page-holder .svg-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}
.chat-widget-holder .svg-icon--message, .chat-page-holder .svg-icon--message {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 17' style='enable-background:new 0 0 17 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D %3C/style%3E%3Cpath class='st0' fill='%2397a0a8' d='M15,13H7.8L3,17v-4H2c-1.1,0-2-0.9-2-2V2c0-1.1,0.9-2,2-2h13c1.1,0,2,0.9,2,2v9C17,12.1,16.1,13,15,13z M4.5,5 C3.7,5,3,5.7,3,6.5C3,7.3,3.7,8,4.5,8C5.3,8,6,7.3,6,6.5C6,5.7,5.3,5,4.5,5z M8.5,5C7.7,5,7,5.7,7,6.5C7,7.3,7.7,8,8.5,8 S10,7.3,10,6.5C10,5.7,9.3,5,8.5,5z M12.5,5C11.7,5,11,5.7,11,6.5C11,7.3,11.7,8,12.5,8S14,7.3,14,6.5C14,5.7,13.3,5,12.5,5z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--message-global-nav, .chat-page-holder .svg-icon--message-global-nav {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EChat%3C/title%3E%3Cg id='Chat' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group' transform='translate(0.000000, 1.000000)' fill='%23303133' fill-rule='nonzero'%3E%3Cpath d='M8,12 L7.5,12 C7.23419702,11.9984632 6.97871883,12.1028135 6.79,12.29 L4.5,14.58 L4.5,13 C4.5,12.4477153 4.05228475,12 3.5,12 L2.25,12 C2.11192881,12 2,11.8880712 2,11.75 L2,2.25 C2,2.11192881 2.11192881,2 2.25,2 L18.25,2 C18.3880712,2 18.5,2.11192881 18.5,2.25 L18.5,6.5 C18.5,7.05228475 18.9477153,7.5 19.5,7.5 C20.0522847,7.5 20.5,7.05228475 20.5,6.5 L20.5,2 C20.5,0.8954305 19.6045695,0 18.5,0 L2,0 C0.8954305,0 0,0.8954305 0,2 L0,12 C0,13.1045695 0.8954305,14 2,14 L2.5,14 L2.5,17 C2.50169577,17.4044441 2.74684724,17.7680455 3.12114764,17.9212679 C3.49544804,18.0744903 3.92519089,17.9871614 4.21,17.7 L7.91,14 L8,14 C8.55228475,14 9,13.5522847 9,13 C9,12.4477153 8.55228475,12 8,12 Z' id='Path'%3E%3C/path%3E%3Cpath d='M22,9 L12,9 C10.8954305,9 10,9.8954305 10,11 L10,17 C10,18.1045695 10.8954305,19 12,19 L16.12,19 L19.5,22 C19.9411636,22.3945896 20.5731157,22.4928615 21.1132707,22.2508721 C21.6534257,22.0088826 22.0007762,21.4718832 22,20.88 L22,19 C23.1045695,19 24,18.1045695 24,17 L24,11 C24,9.8954305 23.1045695,9 22,9 Z M20,19.77 L17.16,17.25 C16.9776958,17.0892223 16.7430724,17.0003498 16.5,17 L12.25,17 C12.1119288,17 12,16.8880712 12,16.75 L12,11.25 C12,11.1119288 12.1119288,11 12.25,11 L21.75,11 C21.8880712,11 22,11.1119288 22,11.25 L22,16.75 C22,16.8880712 21.8880712,17 21.75,17 L21,17 C20.4477153,17 20,17.4477153 20,18 L20,19.77 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 1.5rem;
  width: 1.5em;
  height: 1.5em;
}
.chat-widget-holder .svg-icon--message-global-nav--active, .chat-page-holder .svg-icon--message-global-nav--active {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EChat%3C/title%3E%3Cg id='Chat' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group' transform='translate(0.000000, 1.000000)' fill='%230c7dbb' fill-rule='nonzero'%3E%3Cpath d='M8,12 L7.5,12 C7.23419702,11.9984632 6.97871883,12.1028135 6.79,12.29 L4.5,14.58 L4.5,13 C4.5,12.4477153 4.05228475,12 3.5,12 L2.25,12 C2.11192881,12 2,11.8880712 2,11.75 L2,2.25 C2,2.11192881 2.11192881,2 2.25,2 L18.25,2 C18.3880712,2 18.5,2.11192881 18.5,2.25 L18.5,6.5 C18.5,7.05228475 18.9477153,7.5 19.5,7.5 C20.0522847,7.5 20.5,7.05228475 20.5,6.5 L20.5,2 C20.5,0.8954305 19.6045695,0 18.5,0 L2,0 C0.8954305,0 0,0.8954305 0,2 L0,12 C0,13.1045695 0.8954305,14 2,14 L2.5,14 L2.5,17 C2.50169577,17.4044441 2.74684724,17.7680455 3.12114764,17.9212679 C3.49544804,18.0744903 3.92519089,17.9871614 4.21,17.7 L7.91,14 L8,14 C8.55228475,14 9,13.5522847 9,13 C9,12.4477153 8.55228475,12 8,12 Z' id='Path'%3E%3C/path%3E%3Cpath d='M22,9 L12,9 C10.8954305,9 10,9.8954305 10,11 L10,17 C10,18.1045695 10.8954305,19 12,19 L16.12,19 L19.5,22 C19.9411636,22.3945896 20.5731157,22.4928615 21.1132707,22.2508721 C21.6534257,22.0088826 22.0007762,21.4718832 22,20.88 L22,19 C23.1045695,19 24,18.1045695 24,17 L24,11 C24,9.8954305 23.1045695,9 22,9 Z M20,19.77 L17.16,17.25 C16.9776958,17.0892223 16.7430724,17.0003498 16.5,17 L12.25,17 C12.1119288,17 12,16.8880712 12,16.75 L12,11.25 C12,11.1119288 12.1119288,11 12.25,11 L21.75,11 C21.8880712,11 22,11.1119288 22,11.25 L22,16.75 C22,16.8880712 21.8880712,17 21.75,17 L21,17 C20.4477153,17 20,17.4477153 20,18 L20,19.77 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 1.5em;
  height: 1.5em;
}
.chat-widget-holder .svg-icon--close-x, .chat-page-holder .svg-icon--close-x {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2397a0a8' d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--close-x-dark, .chat-page-holder .svg-icon--close-x-dark {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23303640' d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--close-x-white, .chat-page-holder .svg-icon--close-x-white {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FFF' d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--channel-hash, .chat-page-holder .svg-icon--channel-hash {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'%3E%3Cpath fill-rule='nonzero' d='M10.728.16l.105.008a.84.84 0 0 1 .724.844l-.009.105-.5 3.547 1.73.001a.84.84 0 0 1 .106 1.674l-.105.007h-1.97l-.394 2.801h1.243a.84.84 0 0 1 .106 1.675l-.106.007h-1.48l-.51 3.604a.84.84 0 0 1-1.672-.13l.008-.105.476-3.37H4.574l-.508 3.605a.84.84 0 0 1-1.673-.13l.008-.105.475-3.37H1.42a.84.84 0 0 1-.105-1.674l.105-.006h1.694l.395-2.803-1.388.001a.84.84 0 0 1-.106-1.674l.106-.007h1.625L4.28.882a.84.84 0 0 1 .844-.724l.105.009a.84.84 0 0 1 .723.844l-.008.105-.501 3.547H9.35L9.884.883a.84.84 0 0 1 .844-.724zM9.113 6.344H5.207L4.81 9.147h3.906l.396-2.802z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--channel-hash-light, .chat-page-holder .svg-icon--channel-hash-light {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'%3E%3Cpath fill='%236a7280' fill-rule='nonzero' d='M10.728.16l.105.008a.84.84 0 0 1 .724.844l-.009.105-.5 3.547 1.73.001a.84.84 0 0 1 .106 1.674l-.105.007h-1.97l-.394 2.801h1.243a.84.84 0 0 1 .106 1.675l-.106.007h-1.48l-.51 3.604a.84.84 0 0 1-1.672-.13l.008-.105.476-3.37H4.574l-.508 3.605a.84.84 0 0 1-1.673-.13l.008-.105.475-3.37H1.42a.84.84 0 0 1-.105-1.674l.105-.006h1.694l.395-2.803-1.388.001a.84.84 0 0 1-.106-1.674l.106-.007h1.625L4.28.882a.84.84 0 0 1 .844-.724l.105.009a.84.84 0 0 1 .723.844l-.008.105-.501 3.547H9.35L9.884.883a.84.84 0 0 1 .844-.724zM9.113 6.344H5.207L4.81 9.147h3.906l.396-2.802z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--channel-hash-blue, .chat-page-holder .svg-icon--channel-hash-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'%3E%3Cpath fill-rule='nonzero' fill='%23007bb5' d='M10.728.16l.105.008a.84.84 0 0 1 .724.844l-.009.105-.5 3.547 1.73.001a.84.84 0 0 1 .106 1.674l-.105.007h-1.97l-.394 2.801h1.243a.84.84 0 0 1 .106 1.675l-.106.007h-1.48l-.51 3.604a.84.84 0 0 1-1.672-.13l.008-.105.476-3.37H4.574l-.508 3.605a.84.84 0 0 1-1.673-.13l.008-.105.475-3.37H1.42a.84.84 0 0 1-.105-1.674l.105-.006h1.694l.395-2.803-1.388.001a.84.84 0 0 1-.106-1.674l.106-.007h1.625L4.28.882a.84.84 0 0 1 .844-.724l.105.009a.84.84 0 0 1 .723.844l-.008.105-.501 3.547H9.35L9.884.883a.84.84 0 0 1 .844-.724zM9.113 6.344H5.207L4.81 9.147h3.906l.396-2.802z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--search, .chat-page-holder .svg-icon--search {
  background-image: url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath fill='%239b9b9b' d='M31.008 27.231l-7.58-6.447c-0.784-0.705-1.622-1.029-2.299-0.998 1.789-2.096 2.87-4.815 2.87-7.787 0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-0.031 0.677 0.293 1.515 0.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007 0.23s0.997-2.903-0.23-4.007zM12 20c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-empty-content, .chat-page-holder .svg-icon--chat-empty-content {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='127' height='123' viewBox='0 0 127 123'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23BEC3CC' d='M68.474 23.579c3.817 0 7.158 3.34 7.158 7.158 0 3.822-3.34 7.158-7.158 7.158-3.818 0-7.158-3.336-7.158-7.158 0-3.818 3.34-7.158 7.158-7.158m18.526 0c3.818 0 7.158 3.34 7.158 7.158 0 3.822-3.34 7.158-7.158 7.158-3.818 0-7.158-3.336-7.158-7.158 0-3.818 3.34-7.158 7.158-7.158m18.526 0c3.818 0 7.158 3.34 7.158 7.158 0 3.822-3.34 7.158-7.158 7.158-3.817 0-7.158-3.336-7.158-7.158 0-3.818 3.34-7.158 7.158-7.158M56.412 61.176h33.882L112.882 80V61.176h4.706c5.177 0 9.412-4.23 9.412-9.411V9.412C127 4.235 122.765 0 117.588 0H56.412C51.23 0 47 4.235 47 9.412v42.353c0 5.18 4.23 9.411 9.412 9.411'/%3E%3Cpath fill='%23DFE1E5' d='M58.526 66.579c-3.817 0-7.158 3.34-7.158 7.158 0 3.822 3.34 7.158 7.158 7.158 3.818 0 7.158-3.336 7.158-7.158 0-3.818-3.34-7.158-7.158-7.158m-18.526 0c-3.818 0-7.158 3.34-7.158 7.158 0 3.822 3.34 7.158 7.158 7.158 3.818 0 7.158-3.336 7.158-7.158 0-3.818-3.34-7.158-7.158-7.158m-18.526 0c-3.818 0-7.158 3.34-7.158 7.158 0 3.822 3.34 7.158 7.158 7.158 3.817 0 7.158-3.336 7.158-7.158 0-3.818-3.34-7.158-7.158-7.158m49.114 37.597H36.706L14.118 123v-18.824H9.412c-5.177 0-9.412-4.23-9.412-9.411V52.412C0 47.235 4.235 43 9.412 43h61.176C75.77 43 80 47.235 80 52.412v42.353c0 5.18-4.23 9.411-9.412 9.411'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--back, .chat-page-holder .svg-icon--back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill-rule='nonzero' d='M14.707 17.293a1 1 0 0 1-1.414 1.414l-8-8a1 1 0 0 1 0-1.414l8-8a1 1 0 0 1 1.414 1.414L7.414 10l7.293 7.293z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--back-white, .chat-page-holder .svg-icon--back-white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill-rule='nonzero' fill='%23FFF' d='M14.707 17.293a1 1 0 0 1-1.414 1.414l-8-8a1 1 0 0 1 0-1.414l8-8a1 1 0 0 1 1.414 1.414L7.414 10l7.293 7.293z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--error-circle, .chat-page-holder .svg-icon--error-circle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='86' viewBox='0 0 86 86'%3E%3Cpath fill='%23B0B6BF' fill-rule='evenodd' d='M43 65.575c1.612 0 2.688-.537 3.763-1.612 1.075-1.075 1.612-2.15 1.612-3.763 0-1.612-.538-2.687-1.612-3.762-1.075-1.075-2.42-1.613-3.763-1.613-1.344 0-2.688.538-3.763 1.613-1.075 1.075-1.612 2.15-1.612 3.762 0 1.613.538 2.688 1.612 3.763 1.075 1.075 2.15 1.612 3.763 1.612zM38.7 47.3h8.6V17.2h-8.6v30.1zM43 0c5.913 0 11.556 1.075 16.663 3.494 5.375 2.15 9.943 5.375 13.706 9.137 3.762 3.763 6.987 8.331 9.137 13.706C84.656 31.444 86 37.087 86 43s-1.075 11.556-3.494 16.663c-2.15 5.375-5.375 9.943-9.137 13.706-3.763 3.762-8.331 6.987-13.706 9.137C54.556 84.656 48.913 86 43 86s-11.556-1.075-16.663-3.494c-5.375-2.15-9.943-5.375-13.706-9.137-3.762-3.763-6.987-8.331-9.137-13.706C1.075 54.556 0 48.913 0 43s1.075-11.556 3.494-16.663c2.15-5.375 5.375-9.943 9.137-13.706 3.763-3.762 8.331-6.987 13.706-9.137C31.444 1.075 37.087 0 43 0z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--settings-gear, .chat-page-holder .svg-icon--settings-gear {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%236a7280' fill-rule='nonzero' d='M8.2.4a1.2 1.2 0 0 1 1.194 1.077L9.4 1.6l-.001.566.184.095c.09.05.18.101.267.156l.172.114.562-.317a1.201 1.201 0 0 1 1.55.329l.071.107 1.229 2.08a1.2 1.2 0 0 1-.328 1.58l-.116.074-.599.337.004.05L12.4 7l-.001.114-.008.163.599.339c.24.135.426.35.526.603l.043.13a1.2 1.2 0 0 1-.063.8l-.062.122-1.229 2.08a1.2 1.2 0 0 1-1.507.49l-.116-.057-.56-.316-.172.115a5.416 5.416 0 0 1-.267.156l-.184.093v.568a1.2 1.2 0 0 1-1.076 1.194L8.2 13.6H5.8a1.2 1.2 0 0 1-1.194-1.077L4.6 12.4l-.001-.568-.183-.093c-.09-.05-.18-.101-.267-.156l-.172-.115-.559.316a1.2 1.2 0 0 1-1.552-.327l-.071-.107L.567 9.27A1.198 1.198 0 0 1 .895 7.69l.115-.074.598-.338-.003-.05L1.6 7l.005-.228.003-.051-.6-.338a1.202 1.202 0 0 1-.524-.603l-.043-.13a1.2 1.2 0 0 1 .063-.8l.063-.121 1.228-2.08a1.2 1.2 0 0 1 1.506-.49l.116.057.559.315.173-.114a5.44 5.44 0 0 1 .267-.156l.183-.094V1.6A1.2 1.2 0 0 1 5.678.406L5.8.4h2.4zm0 1.2H5.8v1.355l-.374.152a4.23 4.23 0 0 0-.842.461l-.193.145-.316.25-1.247-.702L1.6 5.34l1.288.726-.053.401a4.097 4.097 0 0 0-.02.885l.02.18.053.402L1.6 8.66l1.228 2.078 1.247-.704.317.252c.25.2.525.371.814.508l.22.097.374.152V12.4h2.4v-1.356l.374-.152c.296-.12.58-.275.842-.46l.193-.145.316-.252 1.247.704L12.4 8.661l-1.288-.727.053-.402a4.08 4.08 0 0 0 .02-.886l-.02-.179-.053-.401 1.288-.728-1.228-2.077-1.246.703-.317-.251a4.254 4.254 0 0 0-.816-.509l-.22-.097-.373-.152V1.6zM7 4.764A2.238 2.238 0 0 1 9.236 7c0 1.18-.917 2.149-2.076 2.23L7 9.237l-.16-.005A2.238 2.238 0 0 1 4.764 7 2.238 2.238 0 0 1 7 4.764zm0 1.2c-.571 0-1.036.465-1.036 1.036 0 .533.405.974.923 1.03L7 8.036l.114-.006c.481-.052.865-.436.917-.917L8.036 7c0-.571-.465-1.036-1.036-1.036z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--attachment, .chat-page-holder .svg-icon--attachment {
  background-image: url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Eattachment%3C/title%3E%3Cpath fill='%236a7280' d='M20.807 10.22l-2.030-2.029-10.15 10.148c-1.682 1.681-1.682 4.408 0 6.089s4.408 1.681 6.090 0l12.18-12.178c2.804-2.802 2.804-7.346 0-10.148-2.802-2.803-7.347-2.803-10.149 0l-12.788 12.787c-0.009 0.009-0.019 0.018-0.027 0.026-3.909 3.909-3.909 10.245 0 14.153 3.908 3.908 10.246 3.908 14.156 0 0.009-0.009 0.016-0.018 0.026-0.027l0.001 0.001 8.729-8.728-2.031-2.029-8.729 8.727c-0.009 0.008-0.018 0.018-0.026 0.026-2.784 2.783-7.312 2.783-10.096 0-2.783-2.783-2.783-7.31 0-10.093 0.010-0.009 0.019-0.018 0.028-0.026l-0.001-0.002 12.79-12.786c1.678-1.679 4.411-1.679 6.090 0s1.678 4.411 0 6.089l-12.18 12.178c-0.56 0.56-1.47 0.56-2.030 0-0.559-0.559-0.559-1.47 0-2.029l10.15-10.149z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--msg-sent-status, .chat-page-holder .svg-icon--msg-sent-status {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath fill='%236A7280' d='M3.682 5.492L8.252.337a1 1 0 0 1 1.496 1.326l-5.318 6a1 1 0 0 1-1.496 0L.252 4.637a1 1 0 0 1 1.496-1.326l1.934 2.181z'/%3E%3Cpath d='M-2-6h20v20H-2z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--msg-seen-status, .chat-page-holder .svg-icon--msg-seen-status {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath fill='%236A7280' d='M7.576 4.114c.047.034.092.072.134.114L9.05 5.58 14.29.296a1 1 0 0 1 1.42 1.408l-5.95 6a1 1 0 0 1-1.42 0L6.29 5.636a1.017 1.017 0 0 1-.033-.034L4.43 7.663a1 1 0 0 1-1.496 0L.252 4.637a1 1 0 1 1 1.496-1.326l1.934 2.181L8.252.337a1 1 0 0 1 1.496 1.326L7.576 4.114z'/%3E%3Cpath d='M-2-6h20v20H-2z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--edit, .chat-page-holder .svg-icon--edit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23007BB5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.378' d='M14.78 8.44v6.718H1V1.378h6.92'/%3E%3Cg fill='%23007BB5' transform='rotate(45 6.99 17.093)'%3E%3Cpath d='M2.756 3.675v8.42h-.044L1.378 14.15.043 12.096H0V3.675h2.756z'/%3E%3Crect width='2.756' height='2.756' rx='.842'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--group, .chat-page-holder .svg-icon--group {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='16' viewBox='0 0 23 16'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%236A7280' stroke-width='1.6'%3E%3Cg transform='translate(6.316 1.6)'%3E%3Ccircle cx='5.389' cy='2.695' r='2.695'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.744 4.956C1.351 5.689 0 7.965 0 9.894V12.8h10.779V9.894c0-1.918-1.337-4.18-3.705-4.926'/%3E%3C/g%3E%3Cg stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.064 1.864a2.358 2.358 0 1 0-.735 4.426M4.524 5.881C2.654 6.531 1.6 8.382 1.6 9.957v2.422h2.233'/%3E%3C/g%3E%3Cg stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.347 1.864a2.358 2.358 0 1 1 .735 4.426M18.886 5.881c1.87.65 2.925 2.501 2.925 4.076v2.422h-2.234'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--search-loupe-big, .chat-page-holder .svg-icon--search-loupe-big {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='%23DFE1E5' fill-rule='nonzero' d='M27.429 0c15.148 0 27.428 12.28 27.428 27.429a27.304 27.304 0 0 1-5.07 15.892L62.66 56.196a4.571 4.571 0 0 1-6.465 6.465L43.321 49.786a27.304 27.304 0 0 1-15.892 5.071C12.28 54.857 0 42.577 0 27.43 0 12.28 12.28 0 27.429 0zm0 45.714c10.098 0 18.285-8.187 18.285-18.285 0-10.1-8.187-18.286-18.285-18.286-10.1 0-18.286 8.187-18.286 18.286 0 10.098 8.187 18.285 18.286 18.285z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-empty-sidebar-chat-invert, .chat-page-holder .svg-icon--chat-empty-sidebar-chat-invert {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='84' viewBox='0 0 118 84'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(21.6)'%3E%3Cpath fill='%23DFE1E5' d='M4 0h88.7a3.6 3.6 0 0 1 3.6 3.6V54H3.6A3.6 3.6 0 0 1 0 50.4V4a4 4 0 0 1 4-4z'/%3E%3Crect width='39.146' height='5.478' x='15.659' y='20.348' fill='%23BEC3CC' rx='2.739'/%3E%3Crect width='59.502' height='5.478' x='15.659' y='32.087' fill='%23DFE1E5' rx='2.739'/%3E%3C/g%3E%3Cg transform='translate(0 29.7)'%3E%3Cpath fill='%23EDEFF2' d='M3.6 0h89.1a3.6 3.6 0 0 1 3.6 3.6v46.8a3.6 3.6 0 0 1-3.6 3.6H0V3.6A3.6 3.6 0 0 1 3.6 0z'/%3E%3Crect width='39.146' height='5.478' x='15.659' y='20.348' fill='%23BEC3CC' rx='2.739'/%3E%3Crect width='59.502' height='5.478' x='15.659' y='32.087' fill='%23BEC3CC' rx='2.739'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--new-download, .chat-page-holder .svg-icon--new-download {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='nonzero' stroke='%236A7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 6v7M7 12l3 2 3-2'/%3E%3Ccircle cx='10' cy='10' r='9'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-pdf, .chat-page-holder .svg-icon--chat-pdf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='37' viewBox='0 0 28 37'%3E%3Cg fill='none' fill-rule='nonzero' stroke='%23A10C11' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath fill='%23FFF' d='M27 9.745V34.12c0 .795-.647 1.44-1.444 1.44H2.444A1.442 1.442 0 0 1 1 34.12V2.44C1 1.645 1.647 1 2.444 1h15.9L27 9.745z'/%3E%3Cpath d='M14.034 19.682c1-1.569 1.5-2.63 1.5-3.182a1.5 1.5 0 1 0-3 0c0 .552.5 1.613 1.5 3.182zM11.405 24.56c-1.816.403-2.92.8-3.31 1.19a1.5 1.5 0 0 0 2.12 2.121c.391-.39.788-1.494 1.19-3.31zM16.595 24.56c.402 1.817.799 2.92 1.19 3.311a1.5 1.5 0 0 0 2.12-2.12c-.39-.391-1.494-.788-3.31-1.19z'/%3E%3Cpath d='M14.034 19.5l2.5 5h-5z'/%3E%3Cpath fill='%23FFF' d='M18.343 1L27 9.745h-8.657z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-file, .chat-page-holder .svg-icon--chat-file {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='37' viewBox='0 0 28 37'%3E%3Cg fill='%23FFF' fill-rule='nonzero' stroke='%23007BB5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M27 9.857v24.685c0 .805-.647 1.458-1.444 1.458H2.444A1.451 1.451 0 0 1 1 34.542V2.458C1 1.653 1.647 1 2.444 1h15.9L27 9.857z'/%3E%3Cpath d='M18 1l9 8.713h-9z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-zip, .chat-page-holder .svg-icon--chat-zip {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='37' viewBox='0 0 28 37'%3E%3Cg fill='none' fill-rule='nonzero' stroke='%23007BB5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath fill='%23FFF' d='M27 9.745V34.12c0 .795-.647 1.44-1.444 1.44H2.444A1.442 1.442 0 0 1 1 34.12V2.44C1 1.645 1.647 1 2.444 1h15.9L27 9.745z'/%3E%3Cpath fill='%23FFF' d='M18.343 1L27 9.745h-8.657z'/%3E%3Cpath d='M8.944 35.56V20.44M8.944 31.96h2.167M6.778 31.24h2.166M8.944 27.64h2.167M6.778 26.92h2.166M7.5 19.72h2.889v-2.88H7.5zM8.944 23.32h2.167M6.778 22.6h2.166'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-image, .chat-page-holder .svg-icon--chat-image {
  background-image: url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Eimage%3C/title%3E%3Cpath d='M29.996 4c0.001 0.001 0.003 0.002 0.004 0.004v23.993c-0.001 0.001-0.002 0.003-0.004 0.004h-27.993c-0.001-0.001-0.003-0.002-0.004-0.004v-23.993c0.001-0.001 0.002-0.003 0.004-0.004h27.993zM30 2h-28c-1.1 0-2 0.9-2 2v24c0 1.1 0.9 2 2 2h28c1.1 0 2-0.9 2-2v-24c0-1.1-0.9-2-2-2v0z'%3E%3C/path%3E%3Cpath d='M26 9c0 1.657-1.343 3-3 3s-3-1.343-3-3 1.343-3 3-3 3 1.343 3 3z'%3E%3C/path%3E%3Cpath d='M28 26h-24v-4l7-12 8 10h2l7-6z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-pdf-small, .chat-page-holder .svg-icon--chat-pdf-small {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath fill='%23A10C11' d='M7.075 0a.79.79 0 0 1 .56.231l3.139 3.15a.774.774 0 0 1 .226.546v8.777C11 13.42 10.414 14 9.69 14H1.31C.586 14 0 13.42 0 12.704V1.296C0 .58.586 0 1.31 0zM5 1.555H1.571v10.89H9.43l-.001-7.446L5.857 5a.85.85 0 0 1-.85-.729L5 4.167V1.555zm1.714 1.012v.767h.985l-.985-.767z'/%3E%3Cg stroke='%23A10C11' stroke-linecap='round' stroke-linejoin='round' stroke-width='.8'%3E%3Cpath d='M5.595 7.56c.333-.522.5-.876.5-1.06a.5.5 0 0 0-1 0c0 .184.166.538.5 1.06zM4.718 9.187c-.605.134-.973.266-1.103.396a.5.5 0 1 0 .707.707c.13-.13.262-.498.396-1.103zM6.448 9.187c.134.605.267.973.397 1.103a.5.5 0 1 0 .707-.707c-.13-.13-.498-.262-1.104-.396z'/%3E%3Cpath d='M5.595 7.5l.833 1.667H4.761z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-file-small, .chat-page-holder .svg-icon--chat-file-small {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14'%3E%3Cpath fill='%23007BB5' fill-rule='nonzero' d='M7.075 0a.79.79 0 0 1 .56.231l3.139 3.15a.774.774 0 0 1 .226.546v8.777C11 13.42 10.414 14 9.69 14H1.31C.586 14 0 13.42 0 12.704V1.296C0 .58.586 0 1.31 0zM5 1.555H1.571v10.89H9.43l-.001-7.446L5.857 5a.85.85 0 0 1-.85-.729L5 4.167V1.555zm1.714 1.012v.767h.985l-.985-.767z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-zip-small, .chat-page-holder .svg-icon--chat-zip-small {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14'%3E%3Cpath fill='%23007BB5' fill-rule='nonzero' d='M7.075 0c.168 0 .33.053.465.15l.094.081 3.14 3.15a.775.775 0 0 1 .216.424l.01.122v8.777c0 .67-.515 1.223-1.176 1.29L9.69 14H1.31C.63 14 .074 13.49.007 12.836L0 12.704V1.296C0 .626.515.073 1.176.006L1.31 0h5.765zM5 1.555H1.571v10.89l2.329-.001V11.1h-.4a.6.6 0 0 1-.097-1.192L3.5 9.9h.4V8.1h-.4a.6.6 0 0 1-.097-1.192L3.5 6.9h2a.6.6 0 0 1 .097 1.192L5.5 8.1h-.401v.8H5.5a.6.6 0 0 1 .097 1.192L5.5 10.1h-.401v.8H5.5a.6.6 0 0 1 .097 1.192L5.5 12.1h-.401v.344h4.33L9.428 5 5.857 5a.85.85 0 0 1-.85-.729L5 4.167V1.555zm1.714 1.012v.767h.985l-.985-.767z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--chat-image-small, .chat-page-holder .svg-icon--chat-image-small {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath fill='%23007BB5' fill-rule='nonzero' d='M13 0a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h12zM9.638 5.805L6.093 8.511 4.055 7.36 1.5 9.255V10.5h11V7.506L9.638 5.805zM12.5 1.5h-11v5.887l2.445-1.811 2.023 1.142 3.566-2.719L12.5 5.761V1.5zM6 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E%0A");
}
.chat-widget-holder .svg-icon--support-blue, .chat-page-holder .svg-icon--support-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 28 32'%3E%3Cpath fill-rule='nonzero' fill='%23007bb5' d='M24.001,18.285 L24.001,21.71 C24.001,22.084 23.821,22.416 23.547,22.625 C22.372,26.665 19.027,29.781 14.858,30.628 L14.858,30.846 C14.858,31.483 14.351,32 13.704,32 L11.44,32 C10.803,32 10.286,31.493 10.286,30.846 L10.286,28.582 C10.286,27.945 10.793,27.428 11.44,27.428 L13.704,27.428 C14.242,27.428 14.694,27.79 14.822,28.292 C17.659,27.574 19.968,25.529 21.05,22.857 L18.276,22.857 C17.651,22.857 17.144,22.357 17.144,21.711 L17.144,16.003 C17.144,15.37 17.659,14.857 18.276,14.857 L21.715,14.857 L21.715,11.431 C21.715,6.383 17.62,2.285 12.573,2.285 L11.428,2.285 C6.379,2.285 2.286,6.38 2.286,11.431 L2.286,14.857 L5.725,14.857 C6.35,14.857 6.857,15.357 6.857,16.003 L6.857,21.711 C6.857,22.344 6.342,22.857 5.725,22.857 L1.132,22.857 C0.507,22.857 0,22.357 0,21.711 L0,11.431 C0,5.118 5.117,0 11.428,0 L12.573,0 C18.883,0 24.001,5.121 24.001,11.431 L24.001,18.286 L24.001,18.285z'/%3E%3C/svg%3E%0A");
}

.chat-fullscreen-modal {
  display: flex;
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  background: rgba(255, 255, 255, 0.98);
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.chat-fullscreen-modal--active {
  z-index: 10000000;
  opacity: 1;
  pointer-events: all;
}
.chat-fullscreen-modal--backdrop {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.32);
}
.chat-fullscreen-modal--backdrop .chat-fullscreen-modal__wrapper {
  background: #ffffff;
  max-width: 400px;
  border-radius: 5px;
  text-align: left;
}
.chat-fullscreen-modal--backdrop .chat-fullscreen-modal__header {
  background-color: #fafafa;
  padding: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  width: auto;
}
.chat-fullscreen-modal--backdrop .chat-fullscreen-modal__body {
  padding: 15px;
  margin-top: 0px;
  max-width: 100%;
  height: 100%;
  display: block;
}
.chat-fullscreen-modal--backdrop .chat-fullscreen-modal__body .chat-messages-list {
  margin: 5px 0 15px 0;
}
.chat-fullscreen-modal--backdrop .chat-fullscreen-modal__body textarea {
  height: 64px;
}
.chat-fullscreen-modal--backdrop .chat-fullscreen-modal__archive-name {
  word-break: break-word;
}
.chat-fullscreen-modal__wrapper {
  width: 100%;
  text-align: center;
}
.chat-fullscreen-modal__header {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
}
.chat-fullscreen-modal__header-inner {
  display: flex;
}
.chat-fullscreen-modal__title {
  margin: 5px 0;
  line-height: 16px;
}
.chat-fullscreen-modal__content-text {
  font-size: 80%;
}
.chat-fullscreen-modal__error-text {
  color: #d81118;
  font-size: 12px;
  padding: 3px 0 0 10px;
  margin-bottom: 0;
}
.chat-fullscreen-modal__user-icon {
  margin-right: 5px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.chat-fullscreen-modal__full-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 85%;
}
.chat-fullscreen-modal__body {
  margin-top: 75px;
  max-width: 80vw;
  height: 100%;
  display: inline-block;
}
.chat-fullscreen-modal__footer {
  margin-top: 15px;
  text-align: right;
}
.chat-fullscreen-modal .btn-chat, .chat-fullscreen-modal button.btn-chat {
  box-shadow: none;
  display: inline-block;
  color: #007bb5;
  padding: 7px 16px;
  text-align: center;
  vertical-align: middle;
  line-height: 18px;
  border: none;
  border-radius: 2px;
  position: relative;
  font-size: 14px;
  font-weight: normal;
  font-family: inherit;
  margin-bottom: 0;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
}
.chat-fullscreen-modal .btn-chat:hover, .chat-fullscreen-modal .btn-chat:focus, .chat-fullscreen-modal button.btn-chat:hover, .chat-fullscreen-modal button.btn-chat:focus {
  color: #00b3f0;
  text-decoration: none;
}
.chat-fullscreen-modal .btn-chat--default, .chat-fullscreen-modal button.btn-chat--default {
  border: 1px solid #b0b6bf;
  color: #010203;
  background: #f7f8fa;
  padding: 6px 10px;
}
.chat-fullscreen-modal .btn-chat--default:hover, .chat-fullscreen-modal .btn-chat--default:active, .chat-fullscreen-modal .btn-chat--default:focus, .chat-fullscreen-modal button.btn-chat--default:hover, .chat-fullscreen-modal button.btn-chat--default:active, .chat-fullscreen-modal button.btn-chat--default:focus {
  background: #e5e8ec;
}
.chat-fullscreen-modal .btn-chat--success, .chat-fullscreen-modal button.btn-chat--success {
  background: #69b545;
  color: #ffffff;
}
.chat-fullscreen-modal .btn-chat--success:hover, .chat-fullscreen-modal .btn-chat--success:focus, .chat-fullscreen-modal .btn-chat--success:active, .chat-fullscreen-modal button.btn-chat--success:hover, .chat-fullscreen-modal button.btn-chat--success:focus, .chat-fullscreen-modal button.btn-chat--success:active {
  background: #a6ce39;
  color: #ffffff;
}
.chat-fullscreen-modal .btn-chat--disabled, .chat-fullscreen-modal button.btn-chat--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chat-fullscreen-modal .btn-chat + .btn-chat, .chat-fullscreen-modal button.btn-chat + .btn-chat {
  margin-left: 7px;
}
.chat-fullscreen-modal .svg-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}
.chat-fullscreen-modal .svg-icon--close-x-dark {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23303640' d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.chat-fullscreen-modal .svg-icon--settings-gear {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%236a7280' fill-rule='nonzero' d='M8.2.4a1.2 1.2 0 0 1 1.194 1.077L9.4 1.6l-.001.566.184.095c.09.05.18.101.267.156l.172.114.562-.317a1.201 1.201 0 0 1 1.55.329l.071.107 1.229 2.08a1.2 1.2 0 0 1-.328 1.58l-.116.074-.599.337.004.05L12.4 7l-.001.114-.008.163.599.339c.24.135.426.35.526.603l.043.13a1.2 1.2 0 0 1-.063.8l-.062.122-1.229 2.08a1.2 1.2 0 0 1-1.507.49l-.116-.057-.56-.316-.172.115a5.416 5.416 0 0 1-.267.156l-.184.093v.568a1.2 1.2 0 0 1-1.076 1.194L8.2 13.6H5.8a1.2 1.2 0 0 1-1.194-1.077L4.6 12.4l-.001-.568-.183-.093c-.09-.05-.18-.101-.267-.156l-.172-.115-.559.316a1.2 1.2 0 0 1-1.552-.327l-.071-.107L.567 9.27A1.198 1.198 0 0 1 .895 7.69l.115-.074.598-.338-.003-.05L1.6 7l.005-.228.003-.051-.6-.338a1.202 1.202 0 0 1-.524-.603l-.043-.13a1.2 1.2 0 0 1 .063-.8l.063-.121 1.228-2.08a1.2 1.2 0 0 1 1.506-.49l.116.057.559.315.173-.114a5.44 5.44 0 0 1 .267-.156l.183-.094V1.6A1.2 1.2 0 0 1 5.678.406L5.8.4h2.4zm0 1.2H5.8v1.355l-.374.152a4.23 4.23 0 0 0-.842.461l-.193.145-.316.25-1.247-.702L1.6 5.34l1.288.726-.053.401a4.097 4.097 0 0 0-.02.885l.02.18.053.402L1.6 8.66l1.228 2.078 1.247-.704.317.252c.25.2.525.371.814.508l.22.097.374.152V12.4h2.4v-1.356l.374-.152c.296-.12.58-.275.842-.46l.193-.145.316-.252 1.247.704L12.4 8.661l-1.288-.727.053-.402a4.08 4.08 0 0 0 .02-.886l-.02-.179-.053-.401 1.288-.728-1.228-2.077-1.246.703-.317-.251a4.254 4.254 0 0 0-.816-.509l-.22-.097-.373-.152V1.6zM7 4.764A2.238 2.238 0 0 1 9.236 7c0 1.18-.917 2.149-2.076 2.23L7 9.237l-.16-.005A2.238 2.238 0 0 1 4.764 7 2.238 2.238 0 0 1 7 4.764zm0 1.2c-.571 0-1.036.465-1.036 1.036 0 .533.405.974.923 1.03L7 8.036l.114-.006c.481-.052.865-.436.917-.917L8.036 7c0-.571-.465-1.036-1.036-1.036z'/%3E%3C/svg%3E%0A");
}

.chat-loader {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
  position: fixed;
  z-index: 100000;
  opacity: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.chat-loader--widget {
  position: absolute;
}
.chat-loader > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 50%);
  margin: 0 auto;
}
.chat-loader .spinner.circle-wrapper {
  width: 46px;
  height: 46px;
}
.chat-loader .spinner.circle-wrapper .circle:before {
  background: #f37321;
}
.chat-loader .spinner.three-bounce > div {
  background: #f37321;
}
.chat-loader .three-bounce > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.chat-loader .three-bounce .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.chat-loader .three-bounce .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

#page-holder.chat-page-holder {
  height: 100vh;
  min-width: 600px;
  overflow-x: auto;
  scrollbar-base-color: #999;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: #999;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  -ms-overflow-style: scrollbar;
  scrollbar-color: #999 #fff;
  scrollbar-width: thin;
}
#page-holder.chat-page-holder .nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
#page-holder.chat-page-holder .nav:after, #page-holder.chat-page-holder .nav:before {
  content: " ";
  display: table;
}
#page-holder.chat-page-holder .chat-search {
  position: absolute;
  padding: 15px 15px 8px;
  background: #374352;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 3px;
  margin-bottom: 15px;
  overflow: hidden;
  z-index: 5;
}
#page-holder.chat-page-holder .chat-search__input {
  background: none;
  width: 100%;
  border: 0;
  background: #303847;
  padding: 7px 10px 5px 31px;
  font-size: 13px;
  color: #ffffff;
  line-height: 1.5;
}
#page-holder.chat-page-holder .chat-search__icon {
  position: absolute;
  left: 23px;
  top: 22px;
  fill: #646b79 !important;
  z-index: 1;
  width: 15px;
}
#page-holder.chat-page-holder .chat-head-status {
  position: relative;
  color: #96999b;
  font-size: 14px;
}
#page-holder.chat-page-holder .chat-head-status__count {
  position: relative;
  display: inline-block;
  color: #6a7280;
  font-size: 14px;
  letter-spacing: 0.12px;
  margin: 2px 0 0 -5px;
  padding: 0;
}
#page-holder.chat-page-holder .chat-head-status__count:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 24px;
  margin-top: -3px;
  height: 20px;
  background: url("../images/channel-user-count-icon.svg") center center no-repeat;
}

.chat-widget-holder {
  padding: 0;
  margin: 0;
  width: 45px;
  height: 45px;
  background: #303640;
  border-radius: 50%;
  scrollbar-base-color: #999;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: #999;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  -ms-overflow-style: scrollbar;
  scrollbar-color: #999 #fff;
  scrollbar-width: thin;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.chat-widget-holder__content {
  position: absolute;
  bottom: 55px;
  right: 0;
  width: 380px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 5px 20px 0 rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.chat-widget-holder__content--opened {
  opacity: 1;
  height: 500px;
}
.chat-widget-holder__trigger {
  position: absolute;
  width: 45px;
  height: 45px;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
  margin-bottom: 0;
}
.chat-widget-holder__trigger--unread:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 11px;
  right: 11px;
  z-index: 2;
  background-color: #c54f57;
}
.chat-widget-holder--quick-stats-opened {
  bottom: 76px;
}
.chat-widget-holder__trigger-icon {
  pointer-events: none;
  fill: #97a0a8 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.chat-widget-holder__trigger-icon--close {
  z-index: 2;
  padding: 5px;
  width: 25px;
  height: 25px;
}
.chat-widget-holder * {
  box-sizing: border-box;
  scrollbar-width: thin;
}
.chat-widget-holder .message-slide-pane--widget {
  display: block;
  position: relative;
  padding: 0;
  height: 100%;
  overflow: auto;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__error-message {
  padding: 0;
  font-size: 80%;
  position: relative;
  padding-top: 5px;
  margin-top: 6px;
  width: 100%;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__error-message:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -10px;
  height: 1px;
  width: calc(100% + 20px);
  background-color: #d81118;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__header {
  padding: 5px 10px;
  position: relative;
  border-bottom: 1px solid #b0b6bf;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__header > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__header--error {
  color: #d81118;
  border-bottom: 0;
  padding-bottom: 0;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__body {
  padding: 0;
  height: 100%;
  position: relative;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__body .form-group {
  margin-bottom: 0;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__content > div {
  border-top: 1px solid #b0b6bf;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__content > div.message-slide-pane__user-picker {
  border-top: 0;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__user-list {
  display: flex;
  flex-grow: 1;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__user-picker {
  margin-bottom: 0px;
  padding: 5px 4px 5px 10px;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__bottom-holder {
  border-top: 1px solid #b0b6bf;
  margin-top: auto;
  padding: 10px;
}
.chat-widget-holder .message-slide-pane--widget .message-slide-pane__bottom-holder .btn-chat.btn-chat--success {
  margin-left: 0;
}
.chat-widget-holder .chat-messages-list--widget .chat-messages-list__body {
  max-width: 100%;
}
.chat-widget-holder .chat-messages-list--widget .chat-messages-list__wrap {
  padding: 0;
}
.chat-widget-holder .chat-messages-list--widget .chat-messages-list__message--own .chat-messages-list__info {
  right: 50px;
  left: auto;
}
.chat-widget-holder .chat-section--widget .chat-section__user-name {
  font-size: 14px;
  line-height: 16px;
}
.chat-widget-holder .chat-section--widget .chat-section__head {
  min-height: 40px;
}
.chat-widget-holder .chat-section--widget .chat-section__head .chat-page-sidebar-inner__list-item {
  position: relative;
  display: inline-block;
}
.chat-widget-holder .chat-section--widget .chat-section__head .chat-page-sidebar-inner__list--users {
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat-widget-holder .chat-section--widget .chat-section__head .chat-page-sidebar-inner__list--users .chat-page-sidebar-inner__inner-item {
  padding-right: 5px;
  padding-left: 0px;
  line-height: 20px;
}
.chat-widget-holder .chat-section--widget .chat-section__head .chat-page-sidebar-inner__list--users .chat-page-sidebar-inner__inner-item .member-presence:before {
  left: 0;
}
.chat-widget-holder .chat-section--widget .chat-section__head .chat-page-sidebar-inner__list--users .chat-page-sidebar-inner__inner-item:hover {
  background-color: #ffffff;
  color: inherit;
}
.chat-widget-holder .chat-section--widget .chat-section__head .chat-page-sidebar-inner__list--users .chat-page-sidebar-inner__inner-item:hover .member-presence:before {
  border-color: #97a0a8;
}
.chat-widget-holder .chat-section--widget .chat-section__head-item {
  align-items: center;
}
.chat-widget-holder .chat-section--widget .chat-section__head-item button#close-icon {
  line-height: 1.42857143;
  cursor: pointer;
}
.chat-widget-holder .chat-section--widget .chat-section__head-item:not(:first-child) {
  position: relative;
  padding: 10px 10px 5px 10px;
  margin-top: 5px;
}
.chat-widget-holder .chat-section--widget .chat-section__head-item:not(:first-child):before {
  content: "";
  position: absolute;
  width: calc(100% + 10px);
  left: -5px;
  top: 0;
  height: 1px;
  background-color: #b0b6bf;
}
@media only screen and (max-width: 1180px) {
  .chat-widget-holder .chat-section--widget .chat-section__head-item {
    display: flex;
  }
}
.chat-widget-holder .chat-section--widget .chat-section__head-item > div {
  min-width: 29px;
  min-height: 29px;
  text-align: center;
  overflow: visible;
  align-items: center;
  display: flex;
  justify-content: center;
}
.chat-widget-holder .chat-section--widget .chat-section__head-item > div:first-child {
  text-align: center;
  margin-bottom: 0;
}
@media only screen and (max-width: 1180px) {
  .chat-widget-holder .chat-section--widget .chat-section__head-item > div {
    flex-direction: row;
  }
  .chat-widget-holder .chat-section--widget .chat-section__head-item > div:first-child {
    margin-bottom: 0px;
  }
}
.chat-widget-holder .chat-section--widget .chat-section__head-item > div:not(.widget-title):hover {
  border-radius: 3px;
}
.chat-widget-holder .chat-section--widget .chat-section__head-item > div.empty:hover {
  background-color: #ffffff;
}
.chat-widget-holder .widget-title {
  flex-basis: 350px;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
  padding: 0;
  line-height: 16px;
}
.chat-widget-holder .widget-title--left {
  justify-content: left !important;
}
.chat-widget-holder .widget-title--channel {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.chat-widget-holder .scroll-shadow {
  display: block;
  position: absolute;
  bottom: -15px;
  left: -5px;
  z-index: 2;
  background: rgb(0, 0, 0);
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  padding: 5px;
  width: calc(100% + 10px);
}
.chat-widget-holder .scroll-shadow--block {
  display: block;
}
.chat-widget-holder .scale-08 {
  transform: scale(0.8);
}
.chat-widget-holder .text-center {
  text-align: center;
}
.chat-widget-holder .full-width {
  width: 100%;
}
.chat-widget-holder .chat-unread-bubble {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 6px;
  min-height: 6px;
  border-radius: 50%;
  top: 11px;
  right: 10px;
  z-index: 3;
  background-color: #c54f57;
}
.chat-widget-holder .chat-unread-bubble__count {
  font-size: 11px;
  padding: 1px 2px;
  color: #fff;
  min-width: 17px;
  text-align: center;
}
.chat-widget-holder .chat-overflow-holder .ScrollbarsCustom-Scroller {
  margin-right: -7px !important;
}

/*# sourceMappingURL=style.css.map */