body a,
body img {
  -webkit-user-drag: none;
  user-drag: none;
}
body.cursor-col-resize a,
body.cursor-col-resize button {
  pointer-events: none;
}
#container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: calc(85vh - 60px);
}
#wrapper {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  overflow: hidden;
}
#menu {
  position: relative;
  flex: 0 0 60px;
  background: #f8f9fa;
  border-right: 1px solid #dee2e6;
}
#menu #menu-btns {
  position: absolute;
  top: 0;
  left: 0;
}
#menu #menu-btns .nav-btn {
  margin: 5px 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: rgba(102, 111, 134, 0.25);
  position: relative;
}
#menu #menu-btns .nav-btn:hover {
  color: rgba(102, 111, 134, 0.75);
}
#menu #menu-btns .nav-btn.active {
  color: #666f86;
}
#menu #menu-btns .nav-btn.nav-btn-new::before {
  position: absolute;
  top: 9px;
  right: 9px;
  content: 'N';
  color: #fff;
  background: #eb4e3d;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  font-size: 8px;
}
#menu #menu-btns .nav-btn .badge {
  position: absolute;
  left: 50%;
  bottom: 15px;
  font-size: 8px;
}
#content {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
}
#content-wrapper {
  display: flex;
  flex: 1 1 auto;
  overflow-y: auto;
}
#content-primary {
  position: relative;
  border: 1px solid #dee2e6;
  border-width: 0 1px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 240px;
}
#content-secondary {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 250px;
  min-width: 100px;
  max-width: 360px;
  flex: 0 0 auto;
}
#content-thirdly {
  position: relative;
  width: 360px;
  min-width: 48px;
  flex: 0 0 auto;
}
#content-thirdly.content-collapse {
  width: 0;
  min-width: 0;
}
#content-thirdly .position-sticky {
  top: 0;
}
#content-thirdly .position-relative.h-100 {
  z-index: 2;
}
#content-thirdly .content-header {
  z-index: 3;
}
#content-thirdly .content-header .dropdown {
  width: 100%;
  z-index: 3;
}
#content-thirdly .content-header .dropdown-item {
  white-space: normal;
}
#search-result {
  height: 308px;
  width: 400px;
  z-index: 10;
}
#editable-unit #editable-notice {
  display: flex;
  align-items: center;
  position: absolute;
  top: calc(-2.25rem - 1px);
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2.25rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0 0.75rem;
}
#editable-unit #editable-webhook,
#editable-unit #editable-outside,
#editable-unit #editable-smart {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0 0.75rem;
}
#editor {
  position: relative;
  width: 100%;
  height: 100%;
}
#editor .editor-textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  resize: none;
  font-family: inherit;
  background-color: transparent;
  white-space: pre-wrap;
  white-space: break-spaces;
}
#editor .editor-textarea::-webkit-input-placeholder {
  color: #adb5bd;
  font-family: inherit;
}
#editor .editor-textarea::-moz-placeholder {
  color: #adb5bd;
  font-family: inherit;
}
#editor .editor-textarea:-ms-input-placeholder {
  color: #adb5bd;
  font-family: inherit;
}
#editor .editor-textarea::-ms-input-placeholder {
  color: #adb5bd;
  font-family: inherit;
}
#editor .editor-textarea::placeholder {
  color: #adb5bd;
  font-family: inherit;
}
#editor .editor-overlay {
  min-height: 80px;
  pointer-events: none;
  white-space: pre-wrap;
  white-space: break-spaces;
  color: transparent;
}
#editor .editor-overlay .emoji {
  color: transparent;
  overflow: hidden;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.form-group-clear textarea.form-control {
  overflow: hidden;
}
.form-group-clear textarea.form-control[rows='4'] {
  overflow: auto;
}
.form-group-clear .invalid-feedback {
  bottom: 0;
}
.badge-pin-new {
  position: relative;
}
.badge-pin-new::after {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: -0.1rem;
  right: -0.1rem;
  background-color: #00b900;
  border-radius: 50%;
}
.sticon-console {
  height: 233px;
}
.sticker-nav-list {
  max-height: 120px;
}
.sticker-nav-inner {
  margin-right: 30px;
  padding-right: 15px;
  max-height: 120px;
  overflow: auto;
  overflow: overlay;
}
.sticker-nav-inner .custom-collapse {
  height: 0;
  display: block !important;
  min-height: 33px;
  overflow: hidden;
}
.sticker-nav-inner .custom-collapse.show {
  height: 120px !important;
  overflow: unset;
}
.sticker-nav-inner .custom-collapse.show + .sticker-nav-toggle {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sticker-nav-toggle {
  top: 2px;
  right: 2px;
}
.profile-tabs {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
}
.profile-tabpanel-option {
  position: sticky;
  top: 56px;
  z-index: 1;
  text-align: right;
  background-color: #fff;
  margin-top: -1rem;
  padding: 1rem 0;
}
.profile-tabpanel-content {
  clear: both;
  min-height: calc(100vh - 147px);
}
.profile-tabpanel-content > .text-muted:only-child {
  padding-top: 100px !important;
}
.modal .chat-content {
  flex: 1 1 auto;
  min-width: 0;
}
.modal .chat-content .chat-item-template-sub {
  width: auto !important;
}
.modal .chat-content .kv-flex-bubble,
.modal .chat-content .chat-item-template {
  pointer-events: none;
}
.modal .chat-content .carousel-inner {
  left: -0.25rem;
  box-sizing: content-box;
  padding-left: 1rem;
}
.modal .chat-content .kv-flex-carousel {
  padding: 0 1rem;
  margin-left: -1rem;
}
.chat-item-image {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: 50%;
}
.chat-item-image::before {
  content: '';
  display: block;
  padding-top: 64.935%;
}
.chat-item-image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.chat-item-template-text {
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.bg-preview-chat {
  background: url('../../img/bg-chatroom-cloud.jpg') no-repeat 50% 0 / cover;
}
.cmodal-list {
  margin: -30px auto 0;
  padding: 0;
}
.cmodal-list .cmodal-item {
  text-align: center;
  margin-top: 30px;
  list-style: none;
  color: #fff;
}
.cmodal-list .cmodal-item-wrapper {
  position: relative;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #353a40;
}
.cmodal-list .cmodal-item-wrapper:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.cmodal-list .cmodal-item-figure {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.cmodal-list .cmodal-item-file {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #111;
}
.cmodal-list .cmodal-item-file .cmodal-item-file-icon {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.25rem;
}
.cmodal-list .cmodal-item-file .cmodal-item-file-name {
  flex: 0 0 auto;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  word-wrap: break-word;
  height: 29px;
  margin: 0 0.25rem 0.25rem;
  text-align: left;
  line-height: 1.25;
  font-size: 0.756rem;
}
.cmodal-list .cmodal-item-remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  font-size: 0.875rem;
  display: flex;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  color: #fff;
}
.cmodal-list .cmodal-item-remove:before {
  content: '';
  display: block;
  padding-top: 100%;
}
@media screen and (min-width: 480px) {
  .cmodal-list .cmodal-item-remove {
    width: 2rem;
    font-size: 1.25rem;
  }
}
.cmodal-zoom .cmodal-item {
  position: relative;
}
.cmodal-zoom .cmodal-item-figure {
  max-width: 100%;
  max-height: 100vh;
  height: auto;
  min-height: 2rem;
}
.cmodal-zoom .cmodal-item-remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  font-size: 1.25rem;
  display: flex;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
}
.cmodal-zoom .cmodal-item-remove:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.chatlist .list-group-item:hover .chatlist-menu {
  display: flex !important;
}
.chatlist .list-group-item:hover .datetime {
  visibility: hidden;
}
.chatlist-menu {
  display: none !important;
  width: 50px;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: inherit;
}
.chatlist-menu.show {
  display: flex !important;
}
.chatlist-menu.show + .d-flex .datetime {
  visibility: hidden;
}
.chatlist-menu .dropdown-toggle::after {
  display: none;
}
.content-collapse .chatlist-menu {
  width: 20px;
}
.btn-adjust-panel {
  position: absolute;
  top: 50%;
  right: -1.35rem;
  z-index: 3;
  padding: 0.5rem 0.5rem 0.5rem 0.4rem;
  background-color: transparent;
  font-size: 0.9375rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: col-resize !important;
  color: #adb5bd;
}
.btn-adjust-panel:focus {
  box-shadow: none;
}
.btn-collapse-panel {
  position: absolute;
  top: 6.75rem;
  left: 0;
  z-index: 1;
  transition: left 0.2s;
}
.btn-collapse-panel.active {
  left: -1.76rem;
}
.content-collapse .btn-collapse-panel {
  left: -1.76rem;
}
.content-collapse .btn-collapse-panel .la-arrow-to-right::before {
  content: '\e00a';
}
.content-collapse .hide-on-collapse {
  display: none !important;
}
.content-collapse .show-on-collapse {
  display: block !important;
}
.content-collapse .chatlist-search {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  opacity: 0;
}
.content-header {
  height: 53px;
}
.content-header .badge-pill {
  padding-left: 0.51em;
  padding-right: 0.51em;
}
.chatlist-search:focus,
.w-100 .chatlist-search {
  position: relative;
  width: 1%;
  height: auto;
  clip: none;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}
.chatlist-search:focus + label,
.w-100 .chatlist-search + label {
  display: none !important;
}
.show-on-collapse {
  display: none;
}
.badge-sm {
  font-size: 0.625rem !important;
  padding: calc(0.225em - 1px) 0.45em;
}
.list-group-item-chat {
  justify-content: center;
}
.chat-body.rich .chat-sub .dropdown {
  top: -0.5rem;
  bottom: auto;
}
.chat-body.more:hover .chat-sub .dropdown {
  display: block;
}
.chat-body.more:hover .chat-sub > span {
  visibility: hidden;
}
.chat-body.more .chat-sub {
  position: relative;
}
.chat-body .dropdown {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}
.chat-body .dropdown.show {
  display: block;
}
.chat-body .dropdown.show ~ span {
  visibility: hidden;
}
.chat-reverse .chat-body .dropdown {
  left: auto;
  bottom: 0;
}
.chat-body .dropdown .dropdown-toggle::after {
  display: none;
}
.chat-reverse .chat-body .chat-item.multi .position-relative:hover .dropdown {
  display: block;
}
.chat-reverse .chat-body .chat-item.multi .dropdown {
  z-index: 1;
}
.chat-reverse .chat-body .chat-item.multi .dropdown .dropdown-toggle {
  padding: 0.1rem;
  background-color: rgba(53, 58, 64, 0.6);
}
.chat-reverse .chat-body .chat-item.multi .dropdown .dropdown-toggle:hover {
  background-color: rgba(53, 58, 64, 0.7);
}
.chat-reverse .chat-body .chat-item.multi .dropdown.show .dropdown-toggle {
  background-color: rgba(53, 58, 64, 0.8);
}
.chat-item.baloon {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.nav-tabs .badge {
  vertical-align: 2px;
}
.highlight {
  transition: background-color 0.3s;
}
.highlight.active {
  background-color: #e0f7e0;
}
.volume {
  height: 10px;
}
.volume::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #fff, #fff 40%, transparent 40%, transparent 100%);
  background-size: 7px 2px;
  border: none;
}
.volume-bar {
  top: 0;
  left: 0;
  width: 0;
}
.table.table-align-middle th,
.table.table-align-middle td {
  vertical-align: middle;
}
.form-control.editor {
  resize: vertical;
  overflow-y: auto;
  line-height: 1.58;
  white-space: pre-wrap;
}
rich-textarea.form-control {
  --rich-textarea-padding: 0.375rem 0.75rem;
  height: auto;
}
.editor img {
  pointer-events: none;
}
#page.fluid {
  min-width: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fluid #header {
  min-width: 500px;
}
.fullscreen #header {
  position: absolute;
  top: 0;
  height: 60px;
  z-index: 50;
  width: 100%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.fullscreen #header.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.fullscreen #container {
  min-height: 100vh;
  min-width: 500px;
  overflow: hidden;
}
.fluid #container {
  height: initial;
}
.fluid #wrapper {
  overflow: initial;
}
#content-full {
  width: 100%;
  position: relative;
}
@media screen and (max-height: 510px) {
  .fullscreen #content-full {
    min-height: 100vh;
  }
}
@media screen and (max-height: 510px) {
  #content-full {
    min-height: 500px;
  }
}
.call-wrap {
  position: absolute;
  min-width: 500px;
  min-height: calc(100vh - 60px);
  justify-content: center;
  overflow: hidden;
}
.fullscreen .call-wrap {
  position: static;
}
@media screen and (max-width: 767px) {
  .call-wrap {
    justify-content: flex-start;
  }
}
@media screen and (max-height: 510px) {
  .call-wrap {
    min-height: 100%;
  }
}
.call-screen-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  width: 100%;
  height: 133.33vw;
  min-width: 300px;
  max-width: calc(180vh);
  max-height: calc(100vh - 60px);
  margin: 0 auto;
}
.fullscreen .call-screen-container {
  position: static;
}
@media screen and (max-width: 1023px) {
  .call-screen-container {
    max-width: calc(133vh - 60px - 4.5rem);
  }
}
@media screen and (max-width: 767px) {
  .call-screen-container {
    flex-direction: column;
    justify-content: center;
    max-width: calc(66vh - 60px - 1.5rem);
    height: 100vh;
    padding: 0 1.5rem;
  }
}
@media screen and (max-height: 510px) {
  .call-screen-container {
    min-height: 500px;
  }
}
.call-screen {
  position: relative;
  width: 50%;
  margin: 1.5rem 0.75rem 3rem;
}
@media screen and (max-width: 1023px) {
  .call-screen {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .call-screen {
    margin: 0.25rem 0 2.75rem;
  }
}
.call-screen.call-screen-lg {
  width: 60%;
}
@media screen and (max-width: 1023px) {
  .call-screen.call-screen-lg {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .call-screen.call-screen-lg:first-child {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .call-screen.call-screen-lg:last-child {
    order: -1;
  }
}
@media screen and (max-width: 767px) {
  .call-screen.call-screen-lg:last-child {
    margin-bottom: 1.5rem;
  }
}
.call-screen.call-screen-sm {
  position: relative;
  margin-top: 1.5rem;
  width: 40%;
}
@media screen and (max-width: 1023px) {
  .call-screen.call-screen-sm {
    position: absolute;
    right: 0;
    margin-top: 43.8%;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .call-screen.call-screen-sm {
    position: relative;
    width: 100%;
    right: auto;
    bottom: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .call-screen.call-screen-sm:first-child {
    right: auto;
    left: 0.15rem;
  }
}
@media screen and (max-width: 767px) {
  .call-screen.call-screen-sm:first-child {
    left: auto;
  }
}
.call-screen.call-screen-full {
  z-index: auto !important;
  position: static !important;
}
.call-screen-header {
  top: 0;
  left: 0;
  z-index: 1;
}
.call-screen-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 60px;
  opacity: 0.3;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.call-screen-full .call-screen-header {
  display: none !important;
}
.call-screen-body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
}
.call-screen-full .call-screen-body {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100vw !important;
  height: 100% !important;
  min-width: 500px;
  max-height: 100%;
  margin: 0;
  border-radius: 0 !important;
  transition: none;
}
.call-screen-footer {
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: -0.2rem;
  z-index: -1;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
@media screen and (max-width: 767px) {
  .call-screen-footer {
    right: -1rem;
  }
}
@media screen and (max-width: 660px) {
  .call-screen-footer {
    bottom: auto;
    top: 50px;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  .call-screen-footer:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    height: 120px;
    opacity: 0.5;
    background: linear-gradient(to bottom, #000 40%, rgba(0, 0, 0, 0));
  }
}
.call-screen-footer.active {
  z-index: 40;
}
.call-screen-full .call-screen-footer.active {
  text-align: right;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (max-width: 660px) {
  .call-screen-full .call-screen-footer.active {
    left: 0;
    width: 100%;
  }
}
.call-video {
  position: absolute;
  background-color: #000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
}
.call-video video {
  height: 100.1%;
}
.call-wrap .call-video.video-landscape video {
  -o-object-fit: cover;
  object-fit: cover;
}
.call-screen-full .call-video.video-landscape video {
  -o-object-fit: contain;
  object-fit: contain;
}
.call-spinner {
  font-size: 0;
}
.call-spinner::before,
.call-spinner::after,
.call-spinner .dot::before,
.call-spinner .dot::after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 1px;
  border-radius: 50%;
  background-color: #00b900;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: call-spinner 1.2s infinite linear both;
  animation: call-spinner 1.2s infinite linear both;
  vertical-align: top;
}
.call-spinner::before {
  -webkit-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.call-spinner .dot::before {
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.call-spinner .dot::after {
  -webkit-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.call-control-container {
  position: absolute;
  width: 100%;
  min-width: 500px;
  left: 0;
  bottom: 0;
  z-index: 30;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  white-space: nowrap;
}
.call-control-container.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.call-control-container::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  display: block;
  height: 120px;
  opacity: 0.5;
  background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.call-control-container > div {
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  z-index: 30;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.call-control-container .btn .text-dark {
  color: #fff !important;
}
.btn-mute.active .avatar,
.btn-stop-video.active .avatar {
  background-color: #fff !important;
  color: #eb4e3d !important;
}
.btn-mute.disabled .avatar,
.btn-stop-video.disabled .avatar {
  opacity: 1;
  background-color: #cfd4da !important;
}
.btn-mute.active .fa-microphone::before {
  content: '\f131';
}
.btn-stop-video.active .fa-video::before {
  content: '\f4e2';
}
.btn-end-call .la-phone {
  -webkit-transform: rotate(135deg) translate(1px, -1px);
  transform: rotate(135deg) translate(1px, -1px);
}
@media screen and (max-width: 660px) {
  .btn-exit-fullscreen {
    padding: 0.375em 0.75rem !important;
    border-radius: 2px;
    position: relative;
    z-index: 1;
  }
}
.switch-video {
  bottom: 0;
  z-index: 1;
}
.switch-video input:checked ~ .fa-video-slash::before {
  content: '\f03d';
}
@-webkit-keyframes call-spinner {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  35% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes call-spinner {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  35% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
.cmodal {
  position: fixed;
  z-index: 1035;
  color: #fff;
  display: none;
}
.cmodal.open {
  display: block;
}
.cmodal a,
.cmodal a:hover,
.cmodal .close {
  color: #fff;
}
.cmodal .cmodal-dialog {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}
.cmodal .cmodal-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cmodal .cmodal-header,
.cmodal .cmodal-footer {
  flex: 0 0 auto;
  padding: 1rem;
}
.cmodal .cmodal-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cmodal .cmodal-body {
  flex: 1 1 auto;
}
.cmodal .cmodal-body img,
.cmodal .cmodal-body video {
  max-width: 80vw;
  max-height: 80vh;
}
.cmodal .cmodal-footer {
  display: flex;
  align-items: center;
}
.cmodal .cmodal-footer > div {
  flex: 1 1 auto;
}
.cmodal .cmodal-footer > div > a {
  margin: 0 0.4rem;
}
.calert {
  position: fixed;
  top: 68px;
  right: 8px;
  z-index: 100;
  border-radius: 4px;
  width: 300px;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.calert .calert-content {
  padding: 1rem 1.2rem;
  font-size: 0.8125rem;
}
.calert .calert-body {
  display: flex;
}
.calert .calert-body .calert-icon {
  position: relative;
  display: inline-block;
  margin-right: 0.75rem;
  -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
}
.calert .calert-footer {
  display: flex;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #dee2e6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.calert .calert-footer .calert-btn {
  flex: 1;
  border: 0;
  background-color: #fff;
  text-align: center;
  padding: 0.75rem 0;
  font-size: 0.8125rem;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.calert .calert-footer .calert-btn:hover {
  background-color: rgba(207, 212, 218, 0.1);
}
.calert .calert-footer .calert-btn + .calert-btn {
  border-left: 1px solid #dee2e6;
}
.calert .calert-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.3rem 0.8rem;
  font-weight: 100;
  font-size: 1.40625rem;
  border: 0;
  background-color: transparent;
  color: #333;
  cursor: pointer;
}
.emoji-list {
  display: flex;
  flex-wrap: wrap;
  padding: 7px 5px;
}
.emoji-item {
  flex: 0 0 38px;
  height: 38px;
  margin: 4px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emoji-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.timeline .timeline-header {
  display: flex;
  margin-left: 8rem;
  height: 2rem;
  position: relative;
}
.timeline .timeline-header > span {
  position: absolute;
  width: 4rem;
  margin-left: -2rem;
  text-align: center;
  font-size: 80%;
  color: #adb5bd;
  bottom: 0.5rem;
  left: 0;
}
.timeline .timeline-header > span:nth-child(2) {
  left: 25%;
}
.timeline .timeline-header > span:nth-child(3) {
  left: 50%;
}
.timeline .timeline-header > span:nth-child(4) {
  left: 75%;
}
.timeline .timeline-header > span:nth-child(5) {
  left: 100%;
}
.timeline .timeline-body .timeline-line {
  display: flex;
  align-items: center;
}
.timeline .timeline-body .timeline-line + .timeline-line {
  margin-top: -1px;
}
.timeline .timeline-body .timeline-line .timeline-label {
  flex: 0 0 8rem;
  padding-right: 1rem;
  text-align: right;
}
.timeline .timeline-body .timeline-line .timeline-list {
  border: 1px solid #cfd4da;
  height: 2.5rem;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.timeline .timeline-body .timeline-line .timeline-list .timeline-grid {
  width: 1px;
  height: 100%;
  background: rgba(207, 212, 218, 0.5);
  position: absolute;
  top: 0;
  left: 50%;
}
.timeline .timeline-body .timeline-line .timeline-list:before,
.timeline .timeline-body .timeline-line .timeline-list:after {
  content: '';
  width: 1px;
  height: 100%;
  background: rgba(207, 212, 218, 0.5);
  position: absolute;
  top: 0;
}
.timeline .timeline-body .timeline-line .timeline-list:before {
  left: 25%;
}
.timeline .timeline-body .timeline-line .timeline-list:after {
  left: 75%;
}
.timeline .timeline-body .timeline-line .timeline-list .timeline-list-item {
  position: absolute;
  top: 50%;
  margin-top: -0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  z-index: 1;
  color: #fff;
  font-size: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline .timeline-body .timeline-line .timeline-list .timeline-list-item.disabled {
  opacity: 0.25;
}
.chat-item-active .chat-item.baloon {
  background: #bec3c8 !important;
}
.chat-item-active .chat-item.baloon:after {
  border-right-color: #bec3c8 !important;
}
.chat-reverse .chat-item-active .chat-item.baloon:after {
  border-right-color: transparent !important;
  border-left-color: #bec3c8 !important;
}
.chat-primary .chat-item-active .chat-item.baloon {
  background: #51cf51 !important;
}
.chat-primary .chat-item-active .chat-item.baloon:after {
  border-right-color: #51cf51 !important;
}
.chat-primary.chat-reverse .chat-item-active .chat-item.baloon:after {
  border-left-color: #51cf51 !important;
}
.chat-success .chat-item-active .chat-item.baloon {
  background: #8faae6 !important;
}
.chat-success .chat-item-active .chat-item.baloon:after {
  border-right-color: #8faae6 !important;
}
.chat-success.chat-reverse .chat-item-active .chat-item.baloon:after {
  border-left-color: #8faae6 !important;
}
.chat-item.image .chat-media-link::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s linear;
}
.chat-item.image .chat-item-active .chat-media-link::after {
  opacity: 1;
  visibility: visible;
}
.chat-item-active .chat-item.image .chat-media-link::after {
  opacity: 1;
  visibility: visible;
}
.chat-item-template-main {
  width: auto !important;
  max-width: 320px;
}
.chat-content {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.chat-content .chat-body {
  max-width: 100%;
  width: 100%;
}
.hide-selection ::-moz-selection {
  background-color: transparent;
}
.hide-selection ::selection {
  background-color: transparent;
}
.chat-body.rich {
  width: intrinsic;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  max-width: 100%;
}
.chat-body .chat-item.multi {
  overflow: visible;
  max-width: 200px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1px;
  gap: 1px;
  background-color: #fff !important;
}
.chat-body .chat-item.multi > div {
  float: left;
  width: 100px;
  height: 100px;
}
.chat-body .chat-item.multi > div:last-child:nth-child(odd) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  width: auto;
}
.chat-body .chat-item.multi > div:only-child {
  width: 12.5rem !important;
  height: 8.75rem !important;
}
.chat-body .chat-item.multi > div:nth-child(1) .chat-media-link,
.chat-body .chat-item.multi > div:nth-child(1) .chat-item-file {
  border-top-left-radius: 0.5rem;
}
.chat-body .chat-item.multi > div:nth-child(2) .chat-media-link,
.chat-body .chat-item.multi > div:nth-child(2) .chat-item-file {
  border-top-right-radius: 0.5rem;
}
.chat-body .chat-item.multi > div:nth-last-child(1) .chat-media-link,
.chat-body .chat-item.multi > div:nth-last-child(1) .chat-item-file {
  border-bottom-right-radius: 0.5rem;
}
.chat-body .chat-item.multi > div:nth-last-child(2):nth-child(odd) .chat-media-link,
.chat-body .chat-item.multi > div:nth-last-child(2):nth-child(odd) .chat-item-file {
  border-bottom-left-radius: 0.5rem;
}
.chat-body .chat-item.multi > div:last-child:nth-child(odd) .chat-media-link,
.chat-body .chat-item.multi > div:last-child:nth-child(odd) .chat-item-file {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.chat-body .chat-item.multi img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.chat-body .chat-item.multi .chat-item-file {
  width: 100% !important;
  height: 100% !important;
}
.chat-body .chat-item.multi .chat-item-file .loader,
.chat-body .chat-item.multi .chat-item-file .loader:after {
  width: 1.5rem;
  height: 1.5rem;
}
.chat-primary .chat-body .chat-item.multi .chat-item-file {
  background-color: #b8ebb8 !important;
}
.chat-secondary .chat-body .chat-item.multi .chat-item-file {
  background-color: #f2f3f5 !important;
}
.chat-success .chat-body .chat-item.multi .chat-item-file {
  background-color: #d1dcf5 !important;
}
.chat-pinned {
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.chat-pinned.open .list-group-item {
  display: block;
}
.chat-pinned.open .list-toggle {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chat-pinned .list-group-item {
  display: none;
  height: 3.75rem;
}
.chat-pinned .list-group-item:first-child {
  display: block;
}
.chat-pinned .list-toggle {
  top: 0.25rem;
  right: 0;
  z-index: 1;
}
.chat .avatar.position-sticky {
  top: 0;
}
.chat-body.focus .chat-item {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.chat-item-sticker-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chat-item.image,
.chat-item.video {
  border-radius: 0.5rem;
  overflow: hidden;
}
.chat-body.unsent .chat-main .chat-item {
  background-color: #fff !important;
  opacity: 0.4;
}
.chat-body.unsent .chat-main .chat-item.baloon,
.chat-body.unsent .chat-main .chat-item.rounded {
  border: 1px solid #c6c8ca;
  color: #868e96 !important;
}
.chat-body.unsent .chat-main .chat-item.baloon::before {
  content: '';
  position: absolute;
  top: 0.7rem;
  left: auto;
  right: -0.125rem;
  border: 0.55rem solid transparent;
  border-left-color: #c6c8ca;
  border-right: 0;
  border-top: 0;
  margin-right: -0.375rem;
  margin-left: -0.375rem;
}
.chat-body.unsent .chat-main .chat-item.baloon::after {
  border-left-color: #fff !important;
}
.chat-body.unsent .chat-main .chat-item .chat-item-link-body {
  border-left-color: #c6c8ca !important;
}
.chat-body.unsent .chat-main .chat-sub::before {
  display: inline-block;
  text-align: right;
  font-family: laicon-solid !important;
  content: '\e070';
  color: #868e96;
  font-size: 0.875rem;
}
.chat-body.unsent .chat-main .las,
.chat-body.unsent .chat-main .lar,
.chat-body.unsent .chat-main .fas,
.chat-body.unsent .chat-main .far {
  color: #868e96 !important;
}
.chat-body.unsent .chat-main.chat-item-active .chat-item {
  background-color: #bec3c8 !important;
}
.chat-body.unsent .chat-main.chat-item-active .chat-item.baloon::after {
  border-left-color: #bec3c8 !important;
}
.chat-footer .text-pre {
  line-height: 1.5;
}
.chat-item.rounded-circle {
  border-radius: 1rem !important;
}
.chat-item-loading {
  padding: 0 0.75rem;
  font-size: 1.40625rem;
}
.spinner-grow-custom,
.spinner-grow-custom::before,
.spinner-grow-custom::after {
  width: 0.1875em;
  height: 0.1875em;
  border-radius: 50%;
  background-color: rgba(173, 181, 189, 0.3);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: spinner 1.2s infinite ease-in-out;
  animation: spinner 1.2s infinite ease-in-out;
}
.chat-item-loading .spinner-grow-custom,
.chat-item-loading .spinner-grow-custom::before,
.chat-item-loading .spinner-grow-custom::after {
  width: 0.25em;
  height: 0.25em;
}
.spinner-grow-custom {
  display: inline-block;
  position: relative;
  margin-right: 0.7em;
  font-size: 16px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  vertical-align: middle;
}
.chat-item-loading .spinner-grow-custom {
  margin-right: 0.9em;
  font-size: inherit;
}
.spinner-grow-custom::before,
.spinner-grow-custom::after {
  content: '';
  position: absolute;
  display: inline-block;
}
.spinner-grow-custom::before {
  left: 0.3125em;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.chat-item-loading .spinner-grow-custom::before {
  left: 0.4em;
}
.spinner-grow-custom::after {
  left: 0.625em;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.chat-item-loading .spinner-grow-custom::after {
  left: 0.8em;
}
.chat-item-template-footer .link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(173, 181, 189, 0.5);
  padding: 0.5rem;
}
.frontdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 2;
  text-align: center;
}
@-webkit-keyframes shake {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
}
@keyframes shake {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
}
@-webkit-keyframes spinner {
  0% {
    background-color: rgba(173, 181, 189, 0.3);
  }
  50% {
    background-color: #adb5bd;
  }
  100% {
    background-color: rgba(173, 181, 189, 0.3);
  }
}
@keyframes spinner {
  0% {
    background-color: rgba(173, 181, 189, 0.3);
  }
  50% {
    background-color: #adb5bd;
  }
  100% {
    background-color: rgba(173, 181, 189, 0.3);
  }
}
.avatar-pin {
  bottom: 0;
  right: -0.375rem;
}
.avatar-pin .fas {
  margin-left: -2px;
}
.list-group-item-chat {
  min-height: 90px;
}
.list-group-item-chat > a {
  padding: 0.75rem 1.25rem;
  color: #495057;
}
.la-fw {
  text-align: center;
  width: 1.25em;
}
.la-custom-circle {
  position: relative;
  display: block;
  line-height: 1.40625rem;
  border-radius: 50%;
}
.la-custom-circle .la-custom-circle-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 53%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.emojione {
  display: inline-block;
  width: 1em;
  height: 1em !important;
  min-width: 0.938rem;
  min-height: 0.938rem;
  margin: 0 0.075em;
}
.sticker-nav.sticker-nav-animation:after {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAjVBMVEUAAAC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtD///9jaYH3+Pn7+/zf4+nZ3eX5+vvs7vLd4ejM0ty6wtDh5evo6/B8gZVpboWvs7+RlabNz9fr7O/N092Kj6F1eo/8/P3k5erX2d+3usWoq7hvdIqo7IUbAAAAE3RSTlMA8QX2Q+DQfCeF6IcXubg/iekWYdhg+QAAAQtJREFUeF6NlFeOhDAMQJ0CDISpafQp2+v9j7ditbMYAsjvM3qyHccxILhMtxFrWbRNJYdZTiprfGWddrbyTaZOocITUZd6oKxFMo22iQurx9gi3gBmzzod0rE9cqQ46znOQg65GHLGFrtn5HGnl+jiv+qTQi9TJNCTC7siWZH3UlrrNWrVV5ShHl5e/FQqMw4gG3RijPmaJn+WAKkfS+b1cSz5A8CuwtIvD09YqnYAkQ0kc705dL8IgDks3bl8/EuOAbR6TjLfw2G7GKlAkRZq+nzDNZFuR+pT0PHrrQw6Hrzd++zbgSJMAWGeCJNJmnHKb6H8O8oPpuwC+lbB5OqI9tPxkCOBsOlo/ADBEkn1r29VUwAAAABJRU5ErkJggg==');
}
.sticker-nav.sticker-nav-animation-sound:after {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAq1BMVEUAAAC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtD///9jaYH5+vv8/P339/ne4unZ3eXs7vLN093z9Pbd3+WFip1uc4l3fJG6wtC2ucWtsL3h5euAhZno6/Dw8fPp6e3i4+eprLqKjqF9gpZnbYSytcFoboXMztahpLLX2N66vciYnKuWmqpyeI2QyXltAAAAFXRSTlMA8fZD6ODQJwYDhYcXubh8P4l9FnswjAHqAAABWUlEQVR4XpWU52LCMAyE5SwCCbuynT3Ye3W9/5O1CQaTQVPu92edfJYFD2qrna5OJkTvdtQ21GpsaYHrOxy547uBZo2riNlXIoZSLFJGZolpGZ5AJOYZrQIzIHOsak4GIKUqS6zTUlGlFxFMlSI3R9OQXhVHQ3T/5uFzef2csRX2B8QUO4M6bh2wuZ10rewttLpCK7oIRSmtDaAGdyDdre/Uhcb8SgVqwY3Sw5HndWYr/KRT4TcE6PkS+tU+QsQzXbDwO3FyyO8B6I6Ecm1ZZjbFIz3nkKMDEF6CaPqOzinGiG5ziBOACZYhmiCmKa7pBXNNypVEW+EhRk9WqvR0mPGspw+cyZ7Kt1tsrrfjYZIwcbtSTqepyCnEL5lTIfF9IfGdTPzp28XOw9uB1TQF/54n6DdOZvOMv/BbGv5d8w9+eRcAmCPFfcSYK7ZKUXZxPw1tCTRsuhf0A22cVbDAKUaAAAAAAElFTkSuQmCC');
}
.sticker-nav.sticker-nav-popup:after {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAn1BMVEUAAAC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtD///9jaYH3+Pn7+/zt7/Lf4+n5+vvh5evY3eXN093o6u/d4ejo6/DNz9e6wtC8vsmHjJ5yd41nbYT09Pbd4OejprTIytPDxc+1uMOYnKuPlKX8/f3a3OHU1ty+wMt3fJFtc4nHGlOCAAAAFHRSTlMA8YZC9+jQuXwWBgPfJvU/ieBFKKN19X8AAAFMSURBVHjahdRpk4IwDAbglBtU1DXhEsQLvPf+/79tdXeZJpYZns+dtnmbBpiRbfljtVVj37JH0Cu03CrPkhTTJMsr1wrBEAXxsUCtOMZBBNLEKxOUktKbADdVSzQt1RQ0O15hn5Vj67PUGvutVXdi5PGzpKX3f/ugRGHziVoZ/OUTy7re24bX6PzmZdXIZQ3dkKmtx1u4BTLpnmiDTOGOAOwKuRNRK4+vXgCsHJkLEb2ikM8A/Ay1Y0tEOxQyH2DONj80dPeUfjIGUCl23vbUYdulCmDLL62xCrd8pw1pJ2Q78Tvt9Jp9Ku/kZ7I76K7JRHXPOeGV7j5kTkbijwKvRuLy7Q46cf52sgvORF8HNLoAQodlfqM2R5T9ZHTmN11QKAOzx8+7vh4f/i0d2xn4dwM/mFv0zoKFMVWcWkyV2gmiwfk0C8EwNOmG/QDHp0+KC+ISQQAAAABJRU5ErkJggg==');
}
.sticker-nav.sticker-nav-popup-sound:after {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAulBMVEUAAAC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtD///9jaYFoboX29/n6+vvf4+nt7vLd4ej4+fr8/P3w8fPz9PZ0eY7Y3eXN093h5OuCh5qgo7Lo6/C6wtC2uMStsL2HjJ66vcikp7WXm6vb3eJ5f5Nuc4pka4KhpbPh5evNz9eAhZmOkqTDxc+/wszS1Nvm5+vJy9OprLmUmKnIJPs9AAAAFHRSTlMA8Yf2Q+jQFgYD3ya5uHw/feAoezCmTBMAAAGMSURBVHjalZTXesIwDIXtDHaBUskZZLP3hs73f606waldEj7a//pY40gWUagbWqtBJ7TR0ow6KaWqmYnjWjbYluskplYtSmptvW+DxO7r3dqNplmJPfiNF1eaRKVDB1BkQDtEYuhjKGOsGzIXFZqiiuYZa5UB3GNQEdW/xHCfuH31R1f7Wrzd9Khnfml9kLziEjKc/GVfS2dhKh6uGV4jBXgKhatmnbefSE0QIRNPRjj3ISMxeDZHjmKO+JWJZwGscCoS83xPLuQsEfECnCOebCtiFqS4T4Q8WyC4ICcQ8ilM8QNSrAYh1M/bYFyzG3L2YLEhrPETUnxKyERowghzzgCbCMY4goyJjHTGnCiAkM2VSLKm/ZCz4xq2Tg1YwEzWpHYHLnIW1+7C7db76U5z1KEgrjKfQtUn6bioa+OVOK7OzmPI3kHMbmjJ2albcERRa2ELlH0aiaZL9om043xRZnb5Zj7e8T//lsf/Tv7gAxQ50A5R6ZXegt7tVek+viryPvngF+7T/Uv3X74BB5RVhmN0pLwAAAAASUVORK5CYII=');
}
.sticker-nav.sticker-nav-sound:after {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAArlBMVEUAAAC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtC6wtD///9jaYH29/n6+vv4+frf4+nx8fT8/P3s7vLd4ejY3eVuc4nh5OvM0tzo6/C6wtC2uMSkqLagpLKGi52AhZl3fJHO0NfJy9SprbqXm6tzeI5nbYTh5evb3eLN092sr7y6vcivs7+Pk6VoboV9ww0dAAAAFnRSTlMA8Yf2uRYGA89C6N8mfD99Q+ngRSjROEYG3QAAAVVJREFUeF6VlOd2wyAMRgV24pHdpgI8R/Ye3e//Yq1rciAxPknv73tAEuIDDcejdofMSMemQweMtKg/CRMuUPAknPi0VVfaPSsVqBCpNWjfOF03C/CaIHO7oNMnBdYpSB8UnjVFE1PLU3cR6dQtcrmx7RbYROHK6nsZNpP1qvlYATYTWH/zoqlBCAOUpBQAHF/oAl9sEDFi60hKwncAvInu7I6Mle6SrWJpvT0D0FDr+Iv9gtF7hAc2l1JIAexEGgsmwS1bC37MeSUlNsATlxK7UPpznLOdrLIDQOK6xL9X+Mr2lRQTgBnWJdxscMqWWDFrOOl0fZKq6aSkJfvAT1WT1t0+z0+quyjPA9WdPqfoYJzT7cS3pok3vx1Xb/fgFtzfp4c38/6O3/8tD/479YPPBudM+qAzfjFlwfg2VQaGVDHl06jMpxjjMp9GtAVGnKGedP/lB/HOWN0Oah+9AAAAAElFTkSuQmCC');
}
.sticker-nav.sticker-nav-custom-text:after {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAllBMVEUAAAC/xtPAx9THzdjGzNjFy9fGzNjHzdi/xtPGzNjFy9fY3eTs7vL6+/z///+/xtPFzNfHzdno6+/+/v7Ax9TEy9fh5OrCydXHzdjz9PfJz9r5+fuxtMCiprR2e5BjaYF4fZJqcIaMkaKWmqqTl6duc4qHjJ6AhZh7gJXn6Oz19vdyd437+/zs7fDAwsxtcoloboW+wcv+jYJsAAAAG3RSTlMAB0+j2evu7R6m7/X///8LmfD+/zHm+07w//JMSp9gAAABEklEQVR4AZ3UhY7jQAwG4N/Ta+DAZWZmev9HquhEyxu2JimO9hOE/rBtgkYxLwZNQThuxLFlBRCEWIECHxDIe4H/yKjW6hXOqtRrVaQ1mi2+1mo20pl2h2/ptHWq2sxmtE5T7liotfieVq2ASLHO99WLCDmlCt9XKTkIuGWOdXtpXY6VXUAREWIqS/8rQP3hxHCQNuTEH4VfYVAoCrxbXuAbgghKhyzHts+WBcs627ZjpULIc8Z6M9isOSMPRXiGDEMenvFMQ89S3s9C/RyAXP8iBPpdYW1/OA6Osz1rld8kVSBOg9CJtbKbqie50mazkStJPZlWplmNG3WLWd8ZdLDBLDCaKgThUAQBL/IKYTDpDPmnsl/9PP6MwwAAAABJRU5ErkJggg==');
}
.sticker-nav.sticker-nav-custom-plus:after {
  content: '';
  background-image: url('data:image/png;base64,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');
}
.sticker-nav.sticker-nav-effect::after {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmNTY1NjIzNS1kMWIyLTRkNTMtOTRkYS0yMzBmZGVjZDA3MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVFQkUwNkE4RDAxMTFFQUE4NDVFM0E5QThCQUZFQjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVFQkUwNjk4RDAxMTFFQUE4NDVFM0E5QThCQUZFQjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkYjFiN2U1Ni0wODY3LTRhZTctOThiMy02ZDU1ZWY4MmRhMTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphODBjZDcyYi0zOWViLWMzNDMtOTBiZC1jZmYwZmZhMWQyYmMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YpvlMAAAEPUlEQVR42sRYS0xTQRS9baG0CAXKT0F+tpR/gxB2RAwRY6IhYUVc4t4FG1SiiW40siExblwoaxITE+IKpQE3JqCE8Cu/IvJT5Cfl0y/Ue1/nkba20Hm0epKbeS99M/d05s6de0YGHOj9NKLApg6tAa0KzYCmRdOgWdG20GbQhtE+ovVfv1J5GO74Ho8HZGESycCmFa1Fm5yQmZqSCInn1BCvjoMYhRxiY2PA5XKD+/AIDmwO2N23web2Lmz93lvDPl1onUjs15kJIRElNm1o7bq88+qcC6mC83BBJJd+bILl+08bvj5De47EnJIIIRlaju7c7PTK/IvpEKeMBalwOF2wsLwOiyvrI/jajKRmuAghGYqTnqJL2Zrc7DSIFBZXNmB6foVirRFJDYRFCMnUY/PeWJKvzkxLgkhjbWMHRs0LtIS3kJTpREJsmYaQjCYaZAJI0UzV+C4fEZIHBHA3LVM0yRBofPJD/pjfY8h9ntsogHljxm53wtDXSXBi4PKA/JA/tov9CbE80067iRe9fZ/h1eu3YBoY4u7L/LUz/34z1Ep5RsrWHpuY87bjs9x9yR/5ZUnXS4gdBy2U9Hixhxl54fuq8DxrWQKb3cE9BvPbwngIM1RHxwFPBhYxabYIO4NwdHQE5ql57jHILx5FmfhYLxJqoLNJCsYnLf7LNz4naRycEPAlVEUHpZTjQIwfEaMTs+B2H3KPxfxT9QC0TkV0aoeDgwM7mKfnYRRnYgyd7+7u+/2+s7MH7Y9fQqXRAOUlOiguKgBlGBuF+TeIhFKUJ8QP5Zm+/kGBgGV++ThmQmFrawdM/UOCxcQooFCXC8YKA9TVVoUkx/xrRUIahUIe0sGEeQ7e9ZgkxQYtn3n6m2BajNPqy6VBv2P+NWIMWQ+xsAqFirJCaGqsB70uB2QyGRchuVwm9KP+ZSX6kN8x/1ZxhradLrdGrVAGn06c5ps3agULjCGrdf+v75OTEvFP6KEcraS4AONDdSpx9A+s/BUITWPZmadWKU8PvniVMO1ktMvuP3rhF9jaFA08fXJXiB0eUNnLanFhyYapBpaS9mkmfGEsL+QmQ2D+h0VCH6ggl4LyUp3/e5le0jgoBqgxiYQGSB24vOvIhVLMNWKg004pNhRwj0F+cULWjgkx3dRF6oAXCZhh8/OyhGc95htVGHEYCOa3S9RvYgLqJKni4CyyvGlB79fyHj9MInUGUxoPpywrHl4c2OyewS/jHofDyd2X/JHfoDU1ooN0E0kVHqhVcVBTXRbWmRUoiZhO6whaUzNF2Uy6iVRBNEHjM33WHKhk/Q4xJkmaSDdFi5SPLmsKpmBPVq46VK5ZEVSuq6hcLZzK1YdUMdP2xghr+9tIZuostx/30B7899uPEPdDd7D+zfC9H6LiirI0lRB0agfcD9Gd0JuI3Q+FuEG7inYtajdop5Wk/xp/BBgAALqBqrq5KPEAAAAASUVORK5CYII=');
}
.sticker-nav.sticker-nav-effect-sound::after {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmNTY1NjIzNS1kMWIyLTRkNTMtOTRkYS0yMzBmZGVjZDA3MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUU5OTI0NjI4RDAxMTFFQUE4NDVFM0E5QThCQUZFQjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUU5OTI0NjE4RDAxMTFFQUE4NDVFM0E5QThCQUZFQjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODMyZTUwOC02ZGQ3LTRmZTctODc5YS05MjUwMjA0YjMyMzciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4NzBkNjg1Yi02NmNjLWZlNGEtYWRhZS0wOTdjNTBhZWUxMDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LhG7YAAAFH0lEQVR42sxYXUybVRh+2w5G+fnY2AZsQFcpDAYEGBuL2vCz8eMw6ESXEDMTg/HCi13IzYxcG6aLCTeaGC9cvJgJi4tmTpkM2RiCP2jpxmDALCCFCfunHW1pC/V9T8+39J+PrUWf5M3p15x+z9Nz3vec8xwZrAGdV/QKbCowajBKMHZhJGEIGCaM+xjjGDqMLozLteXFy1Lf73K5QCZRSDI2zRhNSZviU7ZsToCEOCXEKjfCBoUcoqI2gMPhBOfyClisS2BetMK9B2a4//DRPP7mFEYbCrv91IJQSDQ2xzFaNDtTlRnbtzByqSCRxn/ugeHvOSs+nsD4CIXZn0gQiqHpaFelbStWp2+DjdFR8KRYsjtgauYOTM/e0eNjI4oaX5MgFEN5ci4nM01QpW2FcGF69i6MTcxSrr2MonokCUIxB7E5X7hbrUzZmgjhxvzdBbh2Y4qmsB5FdYcUxKdpAMUIkRDjI4pGqtRz+kiQ3CeB22maIimGQO8nHuLjvI8h9/h8nBI4nDkTCsRDfLyKvQXxdaaFqmk9wflaOL/XCDXTOiOltG02O1y42M9KWQqmZm4H7Ut8xMsXXbcgvh000aInBQO6Yfj6my4Y1I+u2tdkWoQPWj+DDz8+xT4HAudt4jrYCFXQdiB1Bb4+/Bdrh4ZvrtpXEOKgTLsHjDNz8Onn7bCMW4sviBe3ohT8eFAUVEN7kxSsrLhgZHTCLWzEwJ6DjczZb39i7ZtHX4J9JXlgmJiBzq5fAvbHAQFPQSW0UUqBYdIIVtw8CYu4gU5OzQbt19HZB22fnGb72TtvH4FNiQmYe31gtflvZZy/RBSUQ7v2aiND//B8R6/X999f6IVp4xwuaN799xTlwoGKUjZVXd2/se+qKvfDosUGQ9f9p5rz06IMlDibowPkD1XTn/obmDM3cZom2Yj44hq+nIJypSAvC0MDRYU5rHpePVwFP/cPgn5oDOpe0EJ2tspdddO3YP++fK/3cP4kUZCgUMj9yC5dGWB5IAWUK/2/XmVxpKEaDtU8D8qYaEgU4mFh4ZF7WgSBtVarze/3nF8QBZkw+/1EHSgvxX8eH3KERMRhDuTlZkJBfhbsLd7tJsYRfrhghp2q7ezZbDKxVqmM8fs9rz6TKOiB3eEUlAqvLQVi8B9qny1iQTlECXzuhx4YxuoSUViQDfUvloNatQPkcu+Dw5mzP4LTuYwVlv+4KtnqjH19gfzAj78sqccsvHKCgcg0melQX1fm9f3h+krIVKf5iRm8Ogq9fYOQkZ4KlWV72ZReuvw7xMXGYI7t8ns/5x8XBenMIabDE5pnMnDI3RWZEB8LqozUoP3qarXQfOwoW/i+OtPBKuxQjTbgyZPz60RBF+lALgU0EpQrhHysKJlMFnSFfu2VKtZ+efo7+EM3wka4tvq5gP3RDFDTLQrqIXfgcM/jqqDEZW1elqTqE6fu3WNvQKBqJl4ckHlRkHg4O4HOwCUFFovNhauwy7Zkl9R/0jgfsi/xEr/vibGNrIqUIwXlEK0zUl2IOj05aF/i4xapzes8xE1cK1mV9QTna/U0kZ6TepJ8E1mV9QDxcJ92MuCZmjvKRvJN5AoiCXo/92eNvk7WK+25JWkg3xQpUR6+rCGQgw3tXDXoXHeE0bneQudqWKNz9RCVy719YZi9/esoZvRpbj/ew3j/P7/9CHI/9Baef5M974focEUrMB0haNf2uR+icv4ibPdDQW7QKjGqI3aD5nK54P+EfwUYANQX8Tlqk1QUAAAAAElFTkSuQmCC');
}
.font-weight-bold {
  font-weight: 700 !important;
}
a.tag.autotag:hover {
  border-color: #505769;
  color: #505769;
}
.badge-placeholder {
  margin: 0 0.075em;
}
.text-truncate-box {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: normal;
  word-break: break-all;
}
.skeleton {
  text-indent: -9999px;
  border-radius: 2px;
  border-color: #edeff0;
  background: #edeff0;
  background-image: linear-gradient(to right, #edeff0 0%, #dfe3e4 10%, #edeff0 20%);
  background-repeat: no-repeat;
  background-size: 200vw 100vh;
  -webkit-animation: shimmer 2s linear 2s infinite reverse forwards;
  animation: shimmer 2s linear 2s infinite reverse forwards;
}
.skeleton:after {
  content: '...';
  color: #edeff0;
}
@-webkit-keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 40% 0;
  }
}
.avatar-noimg {
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23D5E3FD' d='M0 0h54v54H0z'/%3E%3Cpath stroke='%23FFF' stroke-width='1.7' d='M17.712 36.576v-2.815c0-.818.413-1.58 1.098-2.027l5.297-3.453c.732-.514.66-1.623.263-2.25a33.46 33.46 0 01-1.26-2.167c-.14-.082-.681-.422-.847-1.553a1.43 1.43 0 01.267-1.078l-.002-.04c0-2.817 1.944-4.777 4.472-4.777 2.528 0 4.472 1.96 4.472 4.777l-.002.04c.127.168.345.544.267 1.078-.166 1.13-.708 1.471-.848 1.553a32.543 32.543 0 01-1.26 2.167c-.396.627-.468 1.736.264 2.25l5.297 3.453a2.419 2.419 0 011.098 2.027v2.815H17.712z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.avatar-noimg-group {
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='54' height='54'%3E%3Cdefs%3E%3Cpath id='a' d='M0 31.733h31.733V0H0v31.733zm1.528-5.289v-2.737c0-1.74.857-3.369 2.292-4.356 1.149-.79 2.905-1.998 3.992-2.748a36.319 36.319 0 01-.66-1.15c-.575-.552-1.18-1.457-1.39-2.893a4.058 4.058 0 01.262-2.16c.3-3.899 3.249-6.76 7.091-6.76s6.79 2.863 7.091 6.76a4.09 4.09 0 01.265 2.164c-.212 1.432-.817 2.337-1.391 2.889-.39.703-.692 1.207-.955 1.63-.024.164-.034.39-.03.596l.41.227c4.707 2.608 6.195 3.527 6.195 5.497v5.686H1.528v-2.645z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23D5E3FD' d='M0 0h54v54H0z'/%3E%3Cpath stroke='%23FFF' stroke-width='1.7' d='M33.057 36.444V33.71a2.64 2.64 0 00-1.144-2.178c-1.605-1.105-4.39-3.02-4.904-3.382-.733-.515-.66-1.623-.263-2.25.338-.535.712-1.15 1.26-2.166.139-.082.68-.424.846-1.554.078-.533-.14-.91-.267-1.078 0-.014.003-.026.003-.04 0-2.817-1.945-4.776-4.473-4.776-2.528 0-4.472 1.96-4.472 4.777l.001.04a1.44 1.44 0 00-.267 1.077c.167 1.13.707 1.472.849 1.554.546 1.016.92 1.631 1.259 2.165.398.628.47 1.736-.262 2.25-.545.383-3.612 2.493-5.158 3.558a2.053 2.053 0 00-.891 1.697v3.041h17.883z'/%3E%3Cg transform='translate(11 10)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath stroke='%23FFF' stroke-width='1.7' d='M28.383 26.444V23.71c0-.872-.427-1.685-1.145-2.178-1.605-1.105-4.388-3.02-4.904-3.382-.733-.515-.66-1.623-.262-2.25.337-.535.713-1.15 1.259-2.166.14-.082.68-.424.847-1.554.078-.533-.14-.91-.267-1.078l.002-.04c0-2.817-1.944-4.776-4.472-4.776-2.528 0-4.473 1.96-4.473 4.777l.002.04a1.445 1.445 0 00-.267 1.077c.166 1.13.708 1.472.848 1.554a32.13 32.13 0 001.26 2.165c.397.628.47 1.736-.263 2.25-.516.363-3.3 2.278-4.904 3.383A2.64 2.64 0 0010.5 23.71v2.735h17.883z' mask='url(%23b)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
.list-group-item-action:active,
.list-group-item-action.active {
  background-color: #edeff0;
}
.rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate--90 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-break-all {
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
}
.text-pre {
  white-space: pre;
}
[aria-disabled='true'] {
  pointer-events: none;
}
.blink {
  opacity: 1;
  -webkit-animation-name: blinkOpacity;
  animation-name: blinkOpacity;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
textarea.form-control::-webkit-input-placeholder {
  font-family: inherit;
}
textarea.form-control::-moz-placeholder {
  font-family: inherit;
}
textarea.form-control:-ms-input-placeholder {
  font-family: inherit;
}
textarea.form-control::-ms-input-placeholder {
  font-family: inherit;
}
textarea.form-control::placeholder {
  font-family: inherit;
}
.form-group-clear textarea.form-control {
  max-height: 100px;
}
rich-textarea.form-control {
  --rich-textarea-placeholder-color: #adb5bd;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 40% 0;
  }
}
@keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 40% 0;
  }
}
@-webkit-keyframes blinkOpacity {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes blinkOpacity {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.list-group > .overflow-y-auto {
  margin-bottom: -1px;
}
.sticker-tooltip {
    position: fixed;
    z-index: 9999;
    display: none;
    pointer-events: none;
    max-height: 50vh;
    max-width: auto;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.sticker-tooltip img {
    max-height: 50vh;
    display: block;
}