.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker>div {
  display: none;
}

.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
  display: block;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear,
      0 0,
      0 100%,
      from(#fdd49a),
      to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
  background-color: #fbf069\9;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear,
      0 0,
      0 100%,
      from(#f3c17a),
      to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
  background-color: #efe24b\9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, grey);
  background-image: -ms-linear-gradient(top, #b3b3b3, grey);
  background-image: -webkit-gradient(linear,
      0 0,
      0 100%,
      from(#b3b3b3),
      to(grey));
  background-image: -webkit-linear-gradient(top, #b3b3b3, grey);
  background-image: -o-linear-gradient(top, #b3b3b3, grey);
  background-image: linear-gradient(top, #b3b3b3, grey);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
  border-color: grey grey #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
  background-color: grey;
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active {
  background-color: #666\9;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #08c, #04c);
  background-image: -ms-linear-gradient(top, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: -o-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(top, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc", endColorstr="#0044cc", GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
  background-color: #04c;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
  background-color: #039\9;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker table tr td span:hover {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #08c, #04c);
  background-image: -ms-linear-gradient(top, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: -o-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(top, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc", endColorstr="#0044cc", GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
  background-color: #04c;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
  background-color: #039\9;
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: #999;
}

.datepicker th.datepicker-switch {
  width: 145px;
}

.datepicker tfoot tr th,
.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker tfoot tr th:hover,
.datepicker thead tr:first-child th:hover {
  background: #eee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
  padding: 4px 5px;
}

@font-face {
  font-family: fontello;
  src: url(/assets/font/fontello.eot);
  src: url(/assets/font/fontello.eot#iefix) format("embedded-opentype"),
    url(/assets/font/fontello.woff2) format("woff2"),
    url(/assets/font/fontello.woff) format("woff"),
    url(/assets/font/fontello.ttf) format("truetype"),
    url(/assets/font/fontello.svg#fontello) format("svg");
  font-weight: 400;
  font-style: normal;
}

[class*=" icon-"]:before,
[class^="icon-"]:before {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rc-modal--modal-attendance {
  width: 460px !important;
  padding: 24px !important;
}

.create-attendance__main-container::-webkit-scrollbar {
  width: 4px !important;
}

.create-attendance__main-container::-webkit-scrollbar-track {
  background: #e4e7ec !important;
  background: var(--gray-200, #e4e7ec) !important;
}

.create-attendance input,
button,
textarea {
  font-family: Nunito;
}

.create-attendance {
  font-family: Nunito;
  color: #343434;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
  overflow-y: auto;
  max-height: 600px;
}

.create-attendance__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
}

.create-attendance__header-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.create-attendance__header-title-container h1 {
  font-weight: 600;
  font-size: 18px;
}

.create-attendance__main-content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 24px;
}

.create-attendance__radio-container {
  padding-top: 24px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.create-attendance__inputs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0;
}

.create-attendance__footer {
  padding-top: 10px !important;
  -webkit-box-shadow: 1px -11px 18px -8px rgba(0, 0, 0, 0.08);
  box-shadow: 1px -11px 18px -8px rgba(0, 0, 0, 0.08);
}

.submit-loading {
  background-color: #f062a2 !important;
  background-color: var(--primary-tints-primary-500, #f062a2) !important;
  color: #fff !important;
  color: var(--contrast-white, #fff) !important;
}

.rc-modal--modal-direct {
  width: 460px !important;
  padding: 24px !important;
}

.create-direct,
.create-direct input,
button,
textarea {
  font-family: Nunito;
}

.create-direct {
  color: #343434;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
  overflow-y: auto;
  max-height: 550px;
}

.create-direct__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
}

.create-direct__header-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.create-direct__header-title-container h1 {
  font-weight: 600;
  font-size: 18px;
}

.create-direct__main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.create-direct__main-content-container {
  padding-bottom: 24px;
}

.create-direct__inputs-container,
.create-direct__main-content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.create-direct__inputs-container {
  padding: 24px 0;
}

.create-direct__footer {
  margin-bottom: 0;
}

.rc-modal--group {
  width: 460px !important;
  padding: 24px !important;
}

.create-g::-webkit-scrollbar {
  width: 4px !important;
}

.create-g::-webkit-scrollbar-track {
  background: #e4e7ec !important;
  background: var(--gray-200, #e4e7ec) !important;
}

.create-attendance__main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 428px;
  overflow-y: auto;
  padding-right: 8px;
}

.create-attendance__main-container label {
  font-family: Nunito;
  font-size: 14px;
  font-weight: 400;
  color: #343434;
}

.create-new-dropdown-integration option {
  font-family: Nunito;
  font-size: 14px;
  font-weight: 400;
  color: #343434;
}

.create-new-dropdown-department option {
  font-family: Nunito;
  font-size: 14px;
  font-weight: 400;
  color: #343434;
}

.create-g {
  padding-right: 8px;
  overflow-y: auto;
  max-height: 455px;
}

.create-g,
.create-g__integration-container {
  font-family: Nunito;
  color: #343434;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.create-g input,
button,
textarea {
  font-family: Nunito;
}

.create-g__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
}

.border-bottom {
  border-bottom: 1px solid #e4e7ec;
}

.create-g__header-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}

.create-g__header-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.create-g__header h1 {
  font-weight: 600;
  font-size: 18px;
}

.create-g__integrated-channel-container {
  font-size: 14px;
  margin-bottom: 16px;
}

.create-g__integrated-channel-container-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}

.create-g__integrated-channel-container-title p {
  font-size: 14px;
  font-weight: 400;
  color: #343434;
}

.create-g__integrated-channel-container-title small {
  font-size: 12px;
  font-weight: 400;
  color: #667085;
}

.create-g__integrated-channel-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9.5px;
  padding: 6px;
  height: 28px;
  border: 1px solid #e4e7ec;
  border-radius: 100px;
}

.create-g__integrated-channel-button:disabled {
  cursor: default;
}

.create-g__integrated_channel_integrations-container {
  gap: 16px;
}

.create-g__integrated_channel_integrations-container,
.create-g__integration-badge-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.create-g__integration-badge-container {
  gap: 10px;
  height: 28px;
  padding: 10px;
  border-radius: 100px;
  border: 1px solid #e4e7ec;
  background: #f9fafb;
  color: #667085;
  font-weight: 500;
}

.create-g__integration-sender-name {
  width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.create-g__inline-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  height: 40px;
}

.create-g__main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}

.spacing {
  padding-top: 24px;
}

.create-g__textarea-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.create-attendance__inputs-container small {
  font-size: 12px;
  font-weight: 400;
  color: #667085;
}

.create-g__textarea-container small {
  color: #667085;
  color: var(--grey-grey-500, #667085);
  font-family: Nunito;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
}

.pinkTooltip {
  position: relative;
}

.pinkTooltip:hover {
  cursor: text;
}

.pinkTooltipText {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  background-color: #101828;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 12px;
  left: 54.2px;
  top: 30px;
}

.pinkTooltipText:after {
  content: "";
  top: 100%;
  position: absolute;
  -webkit-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
  left: 50%;
  border: 8px solid transparent;
  border-bottom-color: #101828;
}

.pinkTooltip:hover~.pinkTooltipText {
  visibility: visible;
}

.message-discussion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Nunito;
  padding: 1.5rem 0 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.discussion-reply-lm {
  padding: 4px 8px;
  color: var(--color-gray);
  font-size: 12px;
}

.discussions-list .load-more {
  text-align: center;
  text-transform: lowercase;
  font-style: italic;
  line-height: 40px;
}

.message-gossip-icon-size {
  font-size: 18px;
}

.rc-table-content .js-sort {
  cursor: pointer;
}

.rc-table-content .js-sort.is-sorting .table-fake-th .rc-icon {
  opacity: 1;
}

.rc-table-content .table-fake-th {
  color: #444;
}

.rc-table-content .table-fake-th:hover .rc-icon {
  opacity: 1;
}

.rc-table-content .table-fake-th .rc-icon {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  font-size: 1rem;
}

.icon-pin.rotate-45:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pinned-messages-list li.empty {
  margin-top: 60px;
  text-align: center;
  color: #7f7f7f;
}

.pinned-messages-list .load-more {
  text-align: center;
  text-transform: lowercase;
  font-style: italic;
  line-height: 40px;
}

.pinned-messages-list .load-more .load-more-loading {
  color: #aaa;
}

:root {
  --snippet-page-left-border-size: 30px;
  --snippet-page-top-border-size: 20px;
  --snippet-informations-height: 40px;
  --snippet-page-right-border-size: 30px;
}

.snippet-page {
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  height: 100%;
  padding-top: 20px;
  padding-top: var(--snippet-page-top-border-size);
  padding-right: 30px;
  padding-right: var(--snippet-page-right-border-size);
  padding-left: 30px;
  padding-left: var(--snippet-page-left-border-size);
}

.snippet-page h1,
.snippet-page pre code,
.snippet-page span {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.snippet-page .snippet-informations {
  display: inline-block;
  width: 100%;
  height: 60px;
}

.snippet-page .snippet-informations .avatar {
  display: block;
  float: left;
  clear: left;
  margin-right: 10px;
}

.snippet-page .snippet-informations .username {
  display: block;
  width: 100%;
}

.snippet-page .snippet-informations .snippet-filename {
  display: block;
  width: 100%;
  font-weight: 700;
}

.snippet-page .info {
  color: #a9a9a9;
  font-style: italic;
}

.snippet-page .download-button {
  float: right;
}

.starred-messages-list li.empty {
  margin-top: 60px;
  text-align: center;
  color: #7f7f7f;
}

.starred-messages-list .load-more {
  text-align: center;
  text-transform: lowercase;
  font-style: italic;
  line-height: 40px;
}

.starred-messages-list .load-more .load-more-loading {
  color: #aaa;
}

.oauth-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.oauth-panel li,
.oauth-panel ol,
.oauth-panel ul {
  list-style: initial;
}

.oauth-panel ul {
  margin-left: 6px;
  padding-left: 10px;
}

.oauth-panel form {
  min-width: 400px;
  padding: 40px;
}

.oauth-panel .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.oauth-panel .user-info .thumb {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.oauth-panel .user-info .username {
  text-align: left;
}

.oauth-panel .user-info .username h1 {
  font-size: 18px;
}

.oauth-panel .integration-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.oauth-panel .integration-info .integration-permissions {
  margin-left: 16px;
  padding-top: 10px;
  padding-bottom: 40px;
}

.oauth-panel .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.oauth-panel .buttons .horizontal-space {
  height: 14px;
  margin: 0 15px;
  border-right: 1px solid #ddd;
}

pinkAvatarChannel__container {
  position: absolute;
}

.pinkAvatarChannel__input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #f2f4f7;
  border-radius: 100px;
  cursor: pointer;
}

.pinkAvatarChannel__image-rounded {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pinkAvatarChannel__image {
  width: 100%;
  height: 18px;
}

.pinkAvatarChannel__trash-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4.444px;
  width: 22px;
  height: 20px;
  background: #fff;
  border-radius: 100px;
  border: 0.556px solid #d0d5dd;
  -webkit-box-shadow: 0 0.555555522441864px 1.111111044883728px 0 rgba(16, 24, 40, 0.05);
  box-shadow: 0 0.555555522441864px 1.111111044883728px 0 rgba(16, 24, 40, 0.05);
  position: relative;
  bottom: 11px;
  left: 28px;
}

.pinkAvatarChannel__trash-container,
.pinkBadge__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pinkBadge__container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.pinkBadge__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  height: 32px;
  width: 142px;
  border-radius: 100px;
  border: 1px solid #e4e7ec;
  border: 1px solid var(--grey-grey-200, #e4e7ec);
  background: #f9fafb;
}

.pinkBadge__content p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pinkBadge__content button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
}

.pinkAutocomplete__main {
  position: relative;
}

.pinkAutocomplete__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-family: Nunito;
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 100px;
  padding: 10px 16px;
  width: 100%;
  max-height: 42px;
}

.pinkAutocomplete__container:focus-within {
  border: 1px solid #d5156a;
  -webkit-box-shadow: 0 0 0 4px #fef3f7;
  box-shadow: 0 0 0 4px #fef3f7;
}

.pinkAutocomplete__container input {
  border: none;
  width: 100%;
  color: #343434;
  min-width: 50px;
}

.pinkIntlPhoneInput__badge-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.pinkAutocomplete__container input::-webkit-input-placeholder {
  color: #667085;
}

.pinkAutocomplete__container input::-moz-placeholder {
  color: #667085;
}

.pinkAutocomplete__container input:-ms-input-placeholder {
  color: #667085;
}

.pinkAutocomplete__container input::-ms-input-placeholder {
  color: #667085;
}

.pinkAutocomplete__container input::placeholder {
  color: #667085;
}

.pinkAutocomplete__dropdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 45px;
  width: 100%;
  max-height: 142px;
  z-index: 1;
  padding: 8px 0 4px;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.05),
    0 12px 16px -4px rgba(16, 24, 40, 0.08);
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.05),
    0 12px 16px -4px rgba(16, 24, 40, 0.08);
  overflow: scroll;
}

.pinkAutocomplete__dropdown-container span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 44px;
  cursor: pointer;
  color: #344054;
}

.pinkAutocomplete__dropdown-container span img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}

.pinkAutocomplete__row-container {
  gap: 14px;
}

.pinkAutocomplete__memberList-container,
.pinkAutocomplete__row-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pinkAutocomplete__memberList-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.pinkAutocomplete__option {
  padding: 10px 16px;
}

.pinkAutocomplete__selected-option img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.pinkAutocomplete__selected-option small {
  font-size: 12px;
  color: #667085;
}

.pinkAutocomplete__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pinkAutocomplete__option:hover {
  background-color: #fef3f7;
}

.pinkAutocomplete__trash img {
  width: 18px;
  height: 18px;
}

.pinkIntlPhoneInput__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.pinkIntlPhoneInput__main:focus {
  border: 1px solid red;
}

.pinkIntlPhoneInput__content-container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.pinkIntlPhoneInput__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-family: Nunito;
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 100px;
  padding: 8px 16px;
  width: 100%;
}

.pinkIntlPhoneInput__container:focus-within {
  border: 1px solid #d5156a;
  -webkit-box-shadow: 0 0 0 4px #fef3f7;
  box-shadow: 0 0 0 4px #fef3f7;
}

.pinkIntlPhoneInput__container img {
  margin-right: 6px;
}

.pinkIntlPhoneInput__container input {
  border: none;
  width: 100%;
  color: #343434;
}

.pinkIntlPhoneInput__container input::-webkit-input-placeholder {
  color: #667085;
}

.pinkIntlPhoneInput__container input::-moz-placeholder {
  color: #667085;
}

.pinkIntlPhoneInput__container input:-ms-input-placeholder {
  color: #667085;
}

.pinkIntlPhoneInput__container input::-ms-input-placeholder {
  color: #667085;
}

.pinkIntlPhoneInput__container input::placeholder {
  color: #667085;
}

.pinkIntlPhoneInput__container svg {
  color: #d5156a;
}

.pinkIntlPhoneInput__dropdown-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  cursor: pointer;
}

.pinkIntlPhoneInput__dropdown-button-container svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.pinkIntlPhoneInput__dropdown-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
}

.pinkIntlPhoneInput__dropdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  width: 100%;
  max-height: 300px;
  z-index: 1;
  padding: 8px 12px 4px;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.04),
    0 20px 24px -4px rgba(16, 24, 40, 0.1);
  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.04),
    0 20px 24px -4px rgba(16, 24, 40, 0.1);
}

.pinkIntlPhoneInput__dropdown-container span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 44px;
  padding: 10px 14px;
  cursor: pointer;
}

.pinkIntlPhoneInput__dropdown-container span:hover {
  background-color: #fef3f7;
}

.pinkIntlPhoneInput__dropdown-container span img {
  margin-right: 8px;
}

.pinkIntlPhoneInput__dropdown-title {
  color: #343434;
}

.pinkIntlPhoneInput__dropdown-error {
  color: #ec4c43;
  color: var(--alert-alert-600, #ec4c43);
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.pinkIntlPhoneInput__dropdown-code {
  color: #667085;
}

.pinkIntlPhoneInput__row-container {
  gap: 14px;
}

.pinkIntlPhoneInput__confirm-container,
.pinkIntlPhoneInput__row-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pinkIntlPhoneInput__confirm-container {
  gap: 8px;
}

.pinkIntlPhoneInput__confirm-container button:first-child {
  font-weight: 600;
  color: #d5156a;
}

.pinkIntlPhoneInput__confirm-container button:last-child {
  color: #667085;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pinkIntlPhoneInput__badge-container,
.pinkIntlPhoneInput__confirm-container button:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pinkIntlPhoneInput__badge-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.pinkIntlPhoneInput__badge {
  gap: 4px;
  padding: 10px;
  height: 28px;
  border-radius: 100px;
  border: 1px solid #e4e7ec;
  border: 1px solid var(--grey-grey-200, #e4e7ec);
  background: #f9fafb;
}

.pinkIntlPhoneInput__badge,
.pinkIntlPhoneInput__badge button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pinkIntlPhoneInput__badge button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
}

.pinkIntlPhoneInput__search-container {
  padding-bottom: 8px;
  border-bottom: 1px solid #e4e7ec;
}

.pinkIntlPhoneInput__countries-container {
  overflow-y: scroll;
}

.pinkIntlPhoneInput__container input[disabled] {
  background-color: #f9fafb;
}

.pinkRadioButton__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 8px;
}

.pinkRadioButton__content label {
  font-size: 14px;
}

.pinkRadioButton__radio {
  accent-color: #d5156a;
}

.pinkRadioButton__content label {
  color: #343434;
  font-weight: 500;
}

.pinkRadioButton__content p {
  color: #667085;
  font-weight: 400;
}

.pinkRadioGroup__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  padding-bottom: 24px;
}

.create-attendance .pinkRadioButton__content,
.create-attendance .pinkRadioButton__radio_container {
  padding-top: 2.6px;
}

.create-attendance .radial-tooltip-custom-1 {
  --translation-x: -95% !important;
}

.pink-selectDropdown__fixed-text {
  color: #333;
  font-size: 14px;
  font-family: Nunito;
}

.pink-selectDropdown__content-container {
  position: relative;
}

.pink-selectDropdown__content-container label {
  margin-bottom: 4px;
}

.pink-selectDropdown__input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: Nunito;
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 100px;
  color: #667085;
  padding: 10px 16px;
  width: 100%;
}

.pink-selectDropdown__input-container:focus {
  border: 1px solid #d5156a;
  -webkit-box-shadow: 0 0 0 4px #fef3f7;
  box-shadow: 0 0 0 4px #fef3f7;
}

.pink-selectDropdown__input-container:hover {
  cursor: pointer;
}

.pink-selectDropdown__input-container svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.pink-selectDropdown__selectedIntegration-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #343434;
  gap: 10px;
}

.pink-selectDropdown__dropdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 45px;
  width: 100%;
  z-index: 1;
  padding: 8px 0 4px;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.05),
    0 12px 16px -4px rgba(16, 24, 40, 0.08);
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.05),
    0 12px 16px -4px rgba(16, 24, 40, 0.08);
}

.pink-selectDropdown__dropdown-container span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 44px;
  padding: 10px 14px;
  cursor: pointer;
}

.pink-selectDropdown__dropdown-container span:hover {
  background-color: #fef3f7;
}

.pink-selectDropdown__dropdown-container span img {
  margin-right: 8px;
}

.pink-selectDropdown__fixed-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.pink-selectDropdown__fixed-content img {
  margin-right: 10px;
}

.select-dropdown-disconnect {
  border-radius: 100px;
  background: #f2f4f7;
  background: var(--grey-grey-100, #f2f4f7);
  color: #667085;
  color: var(--grey-grey-500, #667085);
  font-family: Nunito;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 8px !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.edit-status-type.rc-popover__item--online {
  color: var(--rc-status-online);
}

.edit-status-type.rc-popover__item--away {
  color: var(--rc-status-away);
}

.edit-status-type.rc-popover__item--busy {
  color: var(--rc-status-busy);
}

.edit-status-type.rc-popover__item--offline {
  color: var(--rc-status-invisible);
}

.edit-status-type-icon--online .rc-icon {
  color: var(--rc-status-online);
}

.edit-status-type-icon--away .rc-icon {
  color: var(--rc-status-away);
}

.edit-status-type-icon--busy .rc-icon {
  color: var(--rc-status-busy);
}

.edit-status-type-icon--offline .rc-icon {
  color: var(--rc-status-invisible);
}

.qrcode-reload {
  position: relative;
  height: 0;
  overflow: auto;
  padding-top: 30px;
  padding-bottom: 100vh;
}

.qrcode-reload iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.spinner {
  border: 5px solid #f3f3f3;
  border-top-color: #d5156a;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-left: 15px;
  margin-top: 12px;
}

.qrcodeContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.qrcodeContainer button {
  margin: 10px 0;
  border-radius: 20px !important;
}

.btn-enabled {
  background-color: #d5156a;
  color: #fff;
}

.btn-disabled {
  background-color: #f3f3f3;
  color: #000;
}

.wpgInfo {
  margin: 50px 20px;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
}

.wpgInfoTitle {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
}

.wpgInfo p {
  margin-bottom: 10px;
}

.wpgInfoTitle h1 {
  font-size: 20px;
  display: inline;
}

.rc-datetime__left {
  display: inline-block;
  width: 52%;
}

.rc-datetime__right {
  display: inline-block;
  width: calc(48% - 0.3rem);
}

.rc-user-info__pruning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% - 2rem));
  transform: translate(-50%, calc(-50% - 2rem));
}

.pruning__header {
  text-align: center;
  font-weight: 900;
}

.pruning-wrapper {
  text-align: center;
  color: var(--rc-color-link-active);
}

.pruning-wrapper.prune__finished {
  color: #12c212;
}

.pruning-wrapper .rc-icon--loading {
  width: 16rem;
  height: 16rem;
  margin: 1rem 0;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.pruning-wrapper .rc-icon--check {
  font-size: 1rem;
}

.pruning-wrapper .pruning__text {
  margin-top: -17rem;
  font-size: 3.5em;
  line-height: 16rem;
}

.pruning-wrapper .pruning__text-sub {
  margin-top: calc(-8rem + 1.5em);
}

.actionLinks span:hover {
  background-color: #d5156a !important;
  color: #fff !important;
}

.action-link-icons {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px !important;
  padding-bottom: 1px;
}

.message .actionLinks {
  margin-top: 12px;
  margin-bottom: 4px;
  padding: 0;
  font-family: Nunito;
  font-weight: 600;
  text-align: center;
}

.message .actionLinks li {
  position: relative;
  display: inline;
  padding-right: 2px;
  list-style: none;
  cursor: pointer;
}

.message .actionLinks li .action-link {
  margin: 0 2px;
  padding: 5px;
  border-radius: 7px;
}

.message .actionLinks li:last-child:after {
  content: none;
}

.rc-apps-marketplace,
.rc-apps-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  padding: 1.25rem 2rem;
  font-size: 14px;
}

.rc-apps-marketplace.page-settings .rc-apps-container a,
.rc-apps-section.page-settings .rc-apps-container a {
  color: var(--rc-color-button-primary);
  font-weight: 500;
}

.rc-apps-marketplace h1,
.rc-apps-section h1 {
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-dark-medium);
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.rc-apps-marketplace h2,
.rc-apps-section h2 {
  margin-top: 10px;
  margin-bottom: 0;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-dark);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.rc-apps-marketplace h3,
.rc-apps-section h3 {
  margin-bottom: 0;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-gray);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.rc-apps-marketplace .rc-apps-container,
.rc-apps-section .rc-apps-container {
  margin-top: 0;
  padding-bottom: 15px;
}

.rc-apps-marketplace .rc-apps-container__header,
.rc-apps-section .rc-apps-container__header {
  padding-top: 10px;
  border-bottom: 1.5px solid var(--color-gray-lightest);
}

.rc-apps-marketplace .content,
.rc-apps-section .content {
  padding: 0 !important;
}

.rc-apps-marketplace .content>.rc-apps-container,
.rc-apps-section .content>.rc-apps-container {
  display: block;
  overflow-y: scroll;
  padding: 0 !important;
}

.rc-apps-marketplace .content>.rc-apps-details,
.rc-apps-section .content>.rc-apps-details {
  display: block;
}

.rc-apps-marketplace .rc-apps-category,
.rc-apps-section .rc-apps-category {
  margin-right: 8px;
  padding: 8px;
  text-align: left;
  letter-spacing: -0.17px;
  text-transform: uppercase;
  color: #9da2a9;
  border-radius: 2px;
  background: var(--color-gray-lightest);
  font-size: 12px;
  font-weight: 500;
}

.rc-apps-marketplace .app-enable-loading .loading-animation,
.rc-apps-section .app-enable-loading .loading-animation {
  margin-left: 50px;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.rc-apps-marketplace .apps-error,
.rc-apps-section .apps-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 60px);
  padding: 25px 40px;
  font-size: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-apps-marketplace .rc-table-avatar,
.rc-apps-section .rc-table-avatar {
  width: 40px;
  height: 40px;
  margin: 0 7px;
}

.rc-apps-marketplace .rc-table-info,
.rc-apps-section .rc-table-info {
  height: 40px;
  margin: 0 7px;
}

.rc-apps-marketplace .rc-app-price,
.rc-apps-section .rc-app-price {
  position: relative;
  top: -3px;
}

.rc-apps-marketplace .rc-table-td--medium,
.rc-apps-section .rc-table-td--medium {
  width: 300px;
}

.rc-apps-marketplace .rc-table td,
.rc-apps-section .rc-table td {
  padding: 0.5rem 10px 0.5rem 0;
}

.rc-apps-marketplace__wrap-actions>.loading,
.rc-apps-section__wrap-actions>.loading {
  display: none;
}

.rc-apps-marketplace__wrap-actions.loading>.loading,
.rc-apps-section__wrap-actions.loading>.loading {
  display: block;
  font-size: 11px;
  font-weight: 600;
}

.rc-apps-marketplace__wrap-actions.loading>.loading>.rc-icon--loading,
.rc-apps-section__wrap-actions.loading>.loading>.rc-icon--loading {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.rc-apps-marketplace__wrap-actions.loading>.apps-installer,
.rc-apps-section__wrap-actions.loading>.apps-installer {
  display: none;
}

.rc-apps-marketplace .arrow-up,
.rc-apps-section .arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rc-apps-marketplace.page-settings .content .rocket-form .section,
.rc-apps-section.page-settings .content .rocket-form .section {
  padding: 0 2.5em;
  border-bottom: none;
}

.rc-apps-marketplace.page-settings .content .rocket-form .section:hover,
.rc-apps-section.page-settings .content .rocket-form .section:hover {
  background-color: var(--rc-color-primary-lightest);
}

.rc-apps-marketplace .rc-table-content,
.rc-apps-section .rc-table-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  height: 100vh;
  margin-top: 20px;
}

.rc-apps-marketplace .rc-table-content .rc-form-filters,
.rc-apps-section .rc-table-content .rc-form-filters {
  margin: 8px 0;
}

.rc-apps-marketplace .rc-table-content .js-sort,
.rc-apps-section .rc-table-content .js-sort {
  cursor: pointer;
}

.rc-apps-marketplace .rc-table-content .js-sort.is-sorting .table-fake-th .rc-icon,
.rc-apps-marketplace .rc-table-content .table-fake-th:hover .rc-icon,
.rc-apps-section .rc-table-content .js-sort.is-sorting .table-fake-th .rc-icon,
.rc-apps-section .rc-table-content .table-fake-th:hover .rc-icon {
  opacity: 1;
}

.rc-apps-marketplace .rc-table-content .table-fake-th .rc-icon,
.rc-apps-section .rc-table-content .table-fake-th .rc-icon {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  font-size: 1rem;
}

.rc-apps-marketplace .rc-table-content tbody .rc-table-tr .rc-apps-section__app-menu-trigger,
.rc-apps-section .rc-table-content tbody .rc-table-tr .rc-apps-section__app-menu-trigger {
  visibility: hidden;
}

.rc-apps-marketplace .rc-table-content tbody .rc-table-tr:hover .rc-apps-section__app-menu-trigger,
.rc-apps-section .rc-table-content tbody .rc-table-tr:hover .rc-apps-section__app-menu-trigger {
  visibility: visible;
}

.rc-apps-marketplace .rc-table-content tbody .rc-table-tr:not(.table-no-click):not(.table-no-pointer):hover,
.rc-apps-section .rc-table-content tbody .rc-table-tr:not(.table-no-click):not(.table-no-pointer):hover {
  background-color: #f7f8fa;
}

.rc-apps-marketplace .rc-table-content .rc-table-info,
.rc-apps-section .rc-table-content .rc-table-info {
  margin: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-apps-marketplace .rc-table-content .rc-table-info .rc-table-subtitle,
.rc-apps-marketplace .rc-table-content .rc-table-info .rc-table-title,
.rc-apps-section .rc-table-content .rc-table-info .rc-table-subtitle,
.rc-apps-section .rc-table-content .rc-table-info .rc-table-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.rc-apps-marketplace .rc-table-content .rc-table-info .rc-apps-categories,
.rc-apps-section .rc-table-content .rc-table-info .rc-apps-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.25rem;
  margin: 0 -0.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rc-apps-marketplace .rc-table-content .rc-table-info .rc-apps-categories .rc-apps-category,
.rc-apps-section .rc-table-content .rc-table-info .rc-apps-categories .rc-apps-category {
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.125rem 0.25rem;
  padding: 0.0625rem 0.25rem;
  text-transform: none;
  text-overflow: ellipsis;
  color: var(--color-gray);
  background-color: var(--color-gray-lightest);
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.875rem;
}

@media (max-width: 700px) {

  .rc-apps-marketplace .rc-table-content td:not(:first-child),
  .rc-apps-marketplace .rc-table-content th:not(:first-child),
  .rc-apps-section .rc-table-content td:not(:first-child),
  .rc-apps-section .rc-table-content th:not(:first-child) {
    display: none;
  }
}

.rc-apps-marketplace__app-menu-trigger,
.rc-apps-section__app-menu-trigger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}

.rc-apps-marketplace__app-menu-trigger:active,
.rc-apps-section__app-menu-trigger:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  opacity: 0.9;
}

.rc-apps-marketplace__app-menu-trigger:active:before,
.rc-apps-section__app-menu-trigger:active:before {
  top: -2px;
}

.rc-apps-marketplace__app-menu-trigger:before,
.rc-apps-section__app-menu-trigger:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  cursor: pointer;
}

.rc-apps-marketplace__app-menu-trigger .rc-icon,
.rc-apps-section__app-menu-trigger .rc-icon {
  margin: 0;
}

.rc-apps-marketplace__spinning-icon,
.rc-apps-section__spinning-icon {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.rc-apps-marketplace__button--working,
.rc-apps-section__button--working {
  opacity: 0.6;
}

.rc-apps-marketplace__status,
.rc-apps-section__status {
  width: 100%;
  color: var(--rc-color-primary-light);
  line-height: 40px;
}

.rc-apps-marketplace__status--warning,
.rc-apps-section__status--warning {
  color: var(--rc-color-alert);
}

.rc-apps-marketplace__status--failed,
.rc-apps-section__status--failed {
  color: var(--rc-color-error);
}

.rc-apps-marketplace__status-column,
.rc-apps-section__status-column {
  width: 150px;
}

.rc-apps-marketplace tr .rc-apps-section__table-button--hideable,
.rc-apps-section tr .rc-apps-section__table-button--hideable {
  visibility: hidden;
}

.rc-apps-marketplace tr .rc-apps-section__table-button--working,
.rc-apps-marketplace tr:hover .rc-apps-section__table-button--hideable,
.rc-apps-section tr .rc-apps-section__table-button--working,
.rc-apps-section tr:hover .rc-apps-section__table-button--hideable {
  visibility: visible;
}

.rc-apps-marketplace .rc-apps-section__table-button--working,
.rc-apps-section .rc-apps-section__table-button--working {
  opacity: 0.6;
}

.rc-game__list .rc-table-title {
  width: 135px;
}

.rc-game__container {
  height: calc(100% - 79px);
}

.rc-game__close {
  position: absolute;
  top: -30px;
  right: -25px;
  cursor: pointer;
  color: #e9ebee;
  font-size: 20px;
}

.rc-game__close:hover {
  color: #fff;
}

.rc-game__main {
  min-width: 400px;
  height: 100%;
}

.rc-game-modal__container {
  margin: -14px -14px -18px;
}

.rc-game-modal__main {
  min-height: 730px;
}

.rc-icon.game-center__invite-players-icon.game-center__invite-players-icon--plus {
  font-size: 18px;
}

.rc-icon.game-center__invite-players-icon.game-center__invite-players-icon--plus:hover {
  color: #1d74f5;
}

@-webkit-keyframes play90 {
  0% {
    right: -798px;
  }

  to {
    right: 2px;
  }
}

@keyframes play90 {
  0% {
    right: -798px;
  }

  to {
    right: 2px;
  }
}

#rocket-chat .rc-apps-details {
  margin-bottom: 0;
  padding: 0;
}

#rocket-chat .rc-apps-details__photo {
  width: 96px;
  height: 96px;
  margin-right: 21px;
}

#rocket-chat .rc-apps-details__content {
  padding: 0;
  color: var(--color-gray);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#rocket-chat .rc-apps-details__description {
  padding-bottom: 50px;
  border-bottom: 1.5px solid var(--color-gray-light);
}

#rocket-chat .rc-apps-details__col {
  display: inline-block;
  margin-right: 8px;
}

#rocket-chat .rc-apps-details__bundles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1.5px solid var(--color-gray-light);
}

#rocket-chat .rc-apps-details__bundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

#rocket-chat .rc-apps-details__bundle_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-width: 99px;
  max-width: 99px;
  height: 99px;
  padding: 2px;
  border-radius: 2px;
  background-color: var(--color-gray-light);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#rocket-chat .rc-apps-details__bundle_icon {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  margin-top: 5px;
  margin-left: 5px;
  border-radius: 2px;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

#rocket-chat .rc-apps-details__bundle_body {
  padding: 5px 10px;
  color: var(--color-gray);
}

#rocket-chat .rc-apps-details__bundle_body_title {
  color: var(--color-darkest);
  font-size: 1.1em;
  font-weight: 500;
}

#rocket-chat .rc-apps-details__alert {
  margin: 0.25rem 0;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#rocket-chat .rc-apps-details__alert-error {
  color: var(--color-red);
  background-color: #ffe9ec;
}

#rocket-chat .rc-apps-details__alert-warning {
  color: #b68d00;
  background-color: #fff6d6;
}

#rocket-chat .rc-apps-details__name {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.75rem;
  flex: 0 0 1.75rem;
  margin: 0;
  text-transform: none;
  color: var(--color-dark-medium);
  font-family: inherit;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.75rem;
}

#rocket-chat .rc-apps-details__author {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

#rocket-chat .rc-apps-details__side-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#rocket-chat .rc-apps-details__side-info:before {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 8px;
  content: "";
  background-color: currentColor;
}

#rocket-chat .rc-apps-details__side-info--twice:before {
  margin: 0 16px;
}

#rocket-chat .rc-apps-details__side-info-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#rocket-chat .rc-apps-details__row--centered {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#rocket-chat .rc-apps-details__app-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#rocket-chat .rc-apps-details .rc-button.loading {
  padding: 0 1.5rem;
  opacity: 0.6;
}

#rocket-chat .rc-apps-details .rc-button.loading:before {
  display: none;
}

#rocket-chat .rc-apps-details .rc-button.loading>.rc-icon {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.permissions-manager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.permissions-manager.page-container {
  padding-bottom: 0 !important;
}

.permissions-manager .permission-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.permissions-manager .permission-icon,
.permissions-manager .permission-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.permissions-manager .permission-icon {
  width: 30px;
  margin-bottom: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.permissions-manager .content {
  padding: 0 !important;
}

.permissions-manager .permission-grid {
  overflow-x: scroll;
  table-layout: fixed;
  border-collapse: collapse;
}

.permissions-manager .permission-grid .id-styler {
  white-space: nowrap;
  color: #7f7f7f;
  font-size: smaller;
}

.permissions-manager .permission-grid .edit-icon.role-name-edit-icon {
  height: 30px;
}

.permissions-manager .permission-grid .role-name {
  position: sticky;
  top: 0;
  width: 70px;
  text-align: left;
  vertical-align: middle;
  background: #fff;
}

.permissions-manager .permission-grid .role-name-edit-icon {
  width: 70px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
}

.permissions-manager .permission-grid .rotator {
  overflow: hidden;
  width: 30px;
  height: 130px;
  padding: 10px 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.permissions-manager .permission-grid .admin-table-row {
  height: 50px;
}

.permissions-manager .permission-grid td {
  overflow: hidden;
}

.permissions-manager .permission-grid .permission-name {
  width: 25%;
  padding-left: 14px;
  vertical-align: middle;
}

.permissions-manager .permission-grid .permission-checkbox {
  text-align: center;
  vertical-align: middle;
}

.permissions-manager .permission-grid .icon-edit {
  font-size: 1.5em;
}

.flex-tab .autotranslate ul li {
  margin-bottom: 20px;
}

.flex-tab .autotranslate form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.flex-tab .autotranslate form div span {
  font-size: 14px;
}

.flex-tab .autotranslate form div span i.icon-pencil {
  margin-left: 3px;
  font-size: 12px;
}

.flex-tab .autotranslate .submit {
  margin-top: 30px;
  text-align: center;
}

.flex-tab .autotranslate [data-edit] {
  cursor: pointer;
}

.message .translated {
  margin-left: 3px;
  padding-left: 3px;
  border-left: 1px dotted;
}

.message .translated i.icon-language.loading {
  display: inline-block;
  -webkit-animation: spinh 2s linear infinite;
  animation: spinh 2s linear infinite;
}

.message.sequential .translated {
  position: absolute;
  left: 5px;
  border-left: 0;
}

.message.sequential .translated .translation-provider {
  display: none;
}

.rtl .flex-tab {
  direction: rtl;
}

.rtl .flex-tab .channel-settings .editing {
  padding-right: 8px;
  padding-left: 80px;
}

.rtl .flex-tab .channel-settings .buttons {
  right: auto;
  left: 1px;
  border-radius: 4px 0 0 4px;
}

.flex-tab .channel-settings ul li {
  margin-bottom: 20px;
}

.flex-tab .channel-settings label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}

.flex-tab .channel-settings .current-setting {
  display: inline-block;
  width: calc(100% - 38px);
  min-height: 20px;
  margin-top: 3px;
  cursor: pointer;
  vertical-align: middle;
  word-wrap: break-word;
  font-size: 14px;
}

.flex-tab .channel-settings .current-setting[data-edit="false"] {
  cursor: inherit;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

.flex-tab .channel-settings .editing {
  padding-right: 80px;
  font-size: 14px;
}

.flex-tab .channel-settings .buttons {
  position: absolute;
  top: -1px;
  right: 10px;
  border-radius: 0 4px 4px 0;
}

.flex-tab .channel-settings .buttons .button {
  padding: 8px;
}

.flex-tab .channel-settings .button {
  display: inline-block;
  visibility: hidden;
  padding: 8px;
  vertical-align: middle;
  font-size: 12px;
}

.flex-tab .channel-settings .submit {
  margin-top: 30px;
  text-align: center;
}

.flex-tab .channel-settings .boolean {
  font-size: 0;
}

.flex-tab .channel-settings .boolean>label {
  display: inline-block;
  width: calc(100% - 45px);
  vertical-align: middle;
}

.flex-tab .channel-settings .boolean .setting-block {
  display: inline-block;
  width: 40px;
  margin-left: -5px;
  vertical-align: middle;
}

.flex-tab .channel-settings .setting-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
}

.flex-tab .channel-settings .setting-block .loading-animation {
  top: 30px;
}

.flex-tab .channel-settings .setting-block:hover .button {
  visibility: visible;
}

.flex-tab .channel-settings nav {
  text-align: right;
}

.message.e2e .info:before {
  display: inline-block;
  visibility: visible;
  content: "\e952";
  font-family: fontello;
}

.status {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  margin: 0 7px;
  border-radius: 50%;
}

.status.stable {
  background-color: #2de0a5;
}

.status.unstable {
  background-color: #ffd21f;
}

.status.failing {
  background-color: #f5455c;
}

.frame {
  flex-direction: row;
}

.frame,
.group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.group {
  flex-direction: row;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  max-width: 100%;
  margin: 10px;
  border-width: 1px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.group.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.group.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.overview-column {
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  min-height: 20px;
  margin: 15px 0;
}

.overview-column.small {
  max-width: 20%;
}

.group .overview-column:not(:last-child) {
  border-right: 1px solid #e9e9e9;
}

.group .overview-column:nth-child(5n) {
  border-right: 0;
}

.overview-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.overview-item,
.overview-pill {
  width: 100%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  text-align: center;
}

.overview-item>.title {
  display: inline-block;
  margin-top: 8px;
  text-transform: uppercase;
  color: #9ea2a8;
  font-size: 0.875rem;
  font-weight: 300;
}

.overview-item>.value {
  display: inline-block;
  width: 100%;
  text-transform: capitalize;
  color: #383838;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1;
}

@media screen and (max-width: 925px) {
  .overview-item>.title {
    font-size: 0.5rem;
  }

  .overview-item>.value {
    font-size: 1rem;
  }
}

@media screen and (max-width: 800px) {
  .overview-item>.title {
    font-size: 0.875rem;
  }

  .overview-item>.value {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 600px) {
  .overview-item>.title {
    font-size: 0.5rem;
  }

  .overview-item>.value {
    font-size: 1rem;
  }
}

:root {
  --header-min-height: 30px;
  --footer-min-height: 55px;
  --link-font-color: #008ce3;
  --secondary-font-color: #7f7f7f;
  --info-font-color: #aaa;
}

.flex-list .active {
  background-color: hsla(0, 0%, 100%, 0.075);
}

.trigger-option,
.trigger-value {
  display: inline-block;
  float: left;
}

.trigger-option {
  width: 30%;
  max-width: 300px;
  padding-right: 4px;
}

.trigger-value {
  width: 70%;
}

.trigger-value input,
.trigger-value select,
.trigger-value textarea {
  display: block !important;
  width: auto !important;
  min-width: 50%;
  margin-bottom: 4px;
}

.livechat-code {
  width: 90%;
  max-width: 750px;
  text-align: right;
}

.livechat-code textarea {
  display: block;
  width: 100%;
  height: 200px;
  margin-bottom: 1rem;
  text-align: left;
  background-color: #efefef;
  font-family: courier;
  font-size: 12px;
}

.preview-mode {
  width: auto;
  margin-bottom: 1em;
}

.livechat-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 960px;
}

.department-agents {
  list-style-type: none;
}

.department-agents li {
  display: inline-block;
  margin: 1px 0;
  padding: 2px 8px 2px 2px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #ddd;
}

.department-agents li .icon-plus-circled {
  opacity: 0.5;
  font-size: 0.8rem;
}

.agent-info input[type="text"] {
  width: auto;
  height: 24px;
  line-height: 24px;
}

.visitor-custom-fields {
  padding: 0 20px;
}

.visitor-custom-fields .visitor-scroll,
.visitor-navigation .visitor-scroll {
  overflow-y: auto;
  height: 200px;
  margin-top: 4px;
  margin-bottom: 20px;
  padding: 10px 16px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
}

.visitor-custom-fields .visitor-scroll ul li:before,
.visitor-navigation .visitor-scroll ul li:before {
  content: "•";
  color: #98a2b3;
  margin-right: 3px;
}

.visitor-custom-fields .visitor-scroll ul li,
.visitor-navigation .visitor-scroll ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.visitor-custom-fields .visitor-scroll ul li a,
.visitor-navigation .visitor-scroll ul li a {
  text-decoration: underline;
  white-space: normal;
  color: #98a2b3;
}

.visitor-custom-fields .visitor-scroll ul li a:hover,
.visitor-navigation .visitor-scroll ul li a:hover {
  text-decoration: none;
}

.livechat-section {
  margin-bottom: 22px;
}

.livechat-status {
  color: #9d9fa3;
  font-size: 20px;
  line-height: 18px;
}

.external-message {
  position: relative;
  padding: 10px;
}

.external-message:after {
  position: absolute;
  right: 10px;
  bottom: 0;
  left: 10px;
  content: " ";
  border-bottom: 1px solid #ccc;
}

.user-view li {
  color: #7f7f7f;
  color: var(--secondary-font-color);
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.user-view nav.centered-buttons {
  margin-bottom: 1em;
  text-align: center;
}

.user-view nav.centered-buttons button {
  display: inline-block;
  width: auto;
}

.rooms-list .inquiries .opt {
  display: none;
}

.visitor-edit h3 {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 22px;
}

.queue-department .show-offline {
  vertical-align: middle;
}

.lc-analytics-table {
  min-height: 300px;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column;
  flex-flow: column;
}

.lc-analytics-flex-container,
.lc-analytics-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-direction: normal;
}

.lc-analytics-flex-container {
  position: relative;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row;
  flex-flow: row;
}

.lc-analytics-chart-col {
  position: relative;
  -webkit-box-flex: 66.66666%;
  -ms-flex: 66.66666%;
  flex: 66.66666%;
  max-width: 66.66666%;
  max-height: 100%;
  padding-right: 2px;
}

.lc-chart-ov-content {
  overflow: auto;
}

.lc-analytics-chart-ov-col {
  position: relative;
  -webkit-box-flex: 33.33333%;
  -ms-flex: 33.33333%;
  flex: 33.33333%;
  max-width: 33.33333%;
  height: 100%;
  padding-left: 2px;
}

.lc-chart-section {
  position: relative;
  height: 100%;
  max-height: 100%;
}

.lc-chart-section-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.border-component-td {
  padding: 0.5rem;
}

.lc-analytics-chart-container {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.lc-analytics-header {
  float: right;
}

.lc-analytics-header>.lc-date-picker-btn {
  position: relative;
  padding-top: 23px;
  color: #383838;
  font-size: inherit;
  font-weight: inherit;
}

.lc-analytics-header>.lc-date-picker-btn .fade {
  color: #9ea2a8;
}

.lc-analytics-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lc-analytics-ov-col {
  -webkit-box-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
  max-width: 25%;
  min-height: 20px;
}

.lc-analytics-ov-col.-full-width {
  max-width: 100%;
}

.lc-analytics-ov-col:not(:last-child) {
  border-right: 1px solid #e9e9e9;
}

.lc-analytics-ov-case {
  width: 100%;
  margin-bottom: 20px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  text-align: center;
}

.lc-analytics-ov-case:first-child {
  margin-top: 8px;
}

.lc-analytics-ov-case.-standalone>.title {
  display: inline-block;
  margin-top: 1px;
  text-transform: none;
  font-size: 0.875rem;
  font-weight: 300;
}

.lc-analytics-ov-case.-standalone>.value {
  margin-bottom: 6px;
  font-size: 1.75rem;
}

.lc-analytics-ov-case>.title {
  display: inline-block;
  margin-top: 8px;
  text-transform: uppercase;
  color: #9ea2a8;
  font-size: 0.875rem;
  font-weight: 300;
}

.lc-analytics-ov-case>.value {
  display: inline-block;
  width: 100%;
  text-transform: capitalize;
  color: #383838;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1;
}

@media screen and (max-width: 925px) {
  .lc-analytics-ov-case>.title {
    font-size: 0.5rem;
  }

  .lc-analytics-ov-case>.value {
    font-size: 1rem;
  }

  .lc-analytics-flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }

  .lc-analytics-chart-col {
    padding-right: 0;
    padding-bottom: 2px;
  }

  .lc-analytics-chart-col,
  .lc-analytics-chart-ov-col {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .lc-analytics-chart-ov-col {
    padding-top: 2px;
    padding-left: 0;
  }
}

@media screen and (max-width: 800px) {
  .lc-analytics-ov-case>.title {
    font-size: 0.875rem;
  }

  .lc-analytics-ov-case>.value {
    font-size: 1.75rem;
  }

  .lc-analytics-flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
  }

  .lc-analytics-chart-col {
    -webkit-box-flex: 66.66666%;
    -ms-flex: 66.66666%;
    flex: 66.66666%;
    max-width: 66.66666%;
    max-height: 100%;
    padding-right: 2px;
    padding-bottom: 0;
  }

  .lc-analytics-chart-ov-col {
    -webkit-box-flex: 33.33333%;
    -ms-flex: 33.33333%;
    flex: 33.33333%;
    max-width: 33.33333%;
    max-height: 100%;
    padding-top: 0;
    padding-left: 2px;
  }
}

@media screen and (max-width: 600px) {
  .lc-analytics-ov-case>.title {
    font-size: 0.5rem;
  }

  .lc-analytics-ov-case>.value {
    font-size: 1rem;
  }

  .lc-analytics-flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }

  .lc-analytics-chart-col {
    padding-right: 0;
    padding-bottom: 2px;
  }

  .lc-analytics-chart-col,
  .lc-analytics-chart-ov-col {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .lc-analytics-chart-ov-col {
    padding-top: 2px;
    padding-left: 0;
  }
}

.lc-monitoring-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lc-monitoring-doughnut-chart {
  -webkit-box-flex: 33.33333%;
  -ms-flex: 33.33333%;
  flex: 33.33333%;
  max-width: 33.33333%;
  padding: 2px;
}

.lc-monitoring-line-chart {
  -webkit-box-flex: 66.66666%;
  -ms-flex: 66.66666%;
  flex: 66.66666%;
  max-width: 66.66666%;
  padding: 2px;
}

.lc-monitoring-line-chart .lc-analytics-ov-col {
  -webkit-box-flex: 33.3%;
  -ms-flex: 33.3%;
  flex: 33.3%;
  max-width: 33.3%;
  min-height: 20px;
}

.lc-monitoring-line-chart .lc-analytics-ov-col.-full-width {
  max-width: 100%;
}

.lc-monitoring-line-chart .lc-analytics-ov-col:not(:last-child) {
  border-right: 1px solid #e9e9e9;
}

.lc-monitoring-line-chart .lc-analytics-overview {
  margin: auto;
}

.lc-monitoring-line-chart-full {
  -webkit-box-flex: 66.66666%;
  -ms-flex: 66.66666%;
  flex: 66.66666%;
  width: 100%;
  padding: 2px;
}

.lc-monitoring-chart-container {
  min-height: 250px;
}

@media screen and (max-width: 925px) {

  .lc-monitoring-doughnut-chart,
  .lc-monitoring-line-chart,
  .lc-monitoring-line-chart-full {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 800px) {
  .lc-monitoring-doughnut-chart {
    -webkit-box-flex: 33.33333%;
    -ms-flex: 33.33333%;
    flex: 33.33333%;
    max-width: 33.33333%;
  }

  .lc-monitoring-line-chart {
    max-width: 66.66666%;
  }

  .lc-monitoring-line-chart,
  .lc-monitoring-line-chart-full {
    -webkit-box-flex: 66.66666%;
    -ms-flex: 66.66666%;
    flex: 66.66666%;
  }

  .lc-monitoring-line-chart-full {
    width: 66.66666%;
    max-width: 100%;
  }
}

@media screen and (max-width: 600px) {

  .lc-monitoring-doughnut-chart,
  .lc-monitoring-line-chart,
  .lc-monitoring-line-chart-full {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

.livechat-group-filters-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.livechat-group-filters-container {
  -webkit-box-flex: 8;
  -ms-flex: 8 0;
  flex: 8 0;
}

.livechat-group-filters-buttons {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: 26px;
  padding-left: 30px;
}

.livechat-group-filters-buttons>.rc-button__group {
  margin: 0 5px;
}

.livechat-current-chats-tag-filter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.livechat-current-chats-tag-filter-wrapper a {
  margin-top: auto;
  margin-bottom: auto;
}

.livechat-current-chats-add-filter-button {
  margin-top: 17px;
}

.external-frame {
  width: 100%;
  height: 100%;
}

.visitor-info {
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #667085;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.visitor-info__main {
  border-bottom: 1px solid #d0d5dd;
  padding-bottom: 24px;
}

.visitor-info__header {
  font-size: 24px;
  color: #343434;
  margin-bottom: 12px;
}

.visitor-info__content {
  margin-bottom: 24px;
}

.visitor-info__content-agent {
  margin-bottom: 24px;
  line-height: 22px;
}

.visitor-info__content-agent p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.visitor-info__content-conversation {
  margin-bottom: 24px;
}

.visitor-info__content-conversation h3 {
  color: #343434;
  margin-bottom: 6px;
}

.visitor-info__content-conversation ul {
  line-height: 20px;
}

.visitor-info__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 25px;
  width: 100%;
  padding: 0.8rem;
  color: #343434;
}

.visitor-info__button__default {
  background-color: #f2f4f7;
}

.visitor-info__button__outlined {
  background-color: transparent;
  border: 1px solid #d0d5dd;
}

.visitor-info__button__danger {
  background-color: #F04438;
  color: #fff;
}

.visitor-info__navigation {
  margin-top: 24px;
}

.visitor-info__navigation h4 {
  color: #343434;
  line-height: 20px;
  font-weight: 400;
}

.visitor-info__button-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 24px;
}

.visitor-info-edit,
.visitor-info__button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.visitor-info-edit {
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #343434;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.visitor-info-edit h1 {
  font-size: 24px;
  word-wrap: break-word;
  margin-bottom: 12px;
}

.visitor-info-edit h3 {
  margin-bottom: 12px;
}

.visitor-info-edit__edit_title {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
}

.visitor-info-edit__input_container+.visitor-info-edit__input_container {
  margin-top: 16px;
}

.visitor-info-edit__input_element {
  width: 100%;
  height: 2.5rem;
  padding: 0 1rem;
  text-align: start;
  text-overflow: ellipsis;
  border: 1px solid #d0d5dd;
  border-radius: 25px;
  background-color: transparent;
  line-height: 20px;
}

.visitor-info-edit__input_element::-webkit-input-placeholder {
  color: #667085;
}

.visitor-info-edit__input_element::-moz-placeholder {
  color: #667085;
}

.visitor-info-edit__input_element:-ms-input-placeholder {
  color: #667085;
}

.visitor-info-edit__input_element::-ms-input-placeholder {
  color: #667085;
}

.visitor-info-edit__input_element::placeholder {
  color: #667085;
}

.visitor-info-edit__contact_container {
  border-bottom: 1px solid #d0d5dd;
  padding-bottom: 24px;
}

.visitor-info-edit__conversation_container {
  margin-top: 24px;
}

.visitor-info-edit__button_container {
  gap: 1rem;
}

.visitor-info-edit__button,
.visitor-info-edit__button_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.visitor-info-edit__button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 25px;
  width: 100%;
  padding: 0.8rem;
  color: #343434;
}

.visitor-info-edit__button_default {
  background-color: #d5156a;
  color: #fff;
}

.visitor-info-edit__button_outlined {
  background-color: transparent;
  border: 1px solid #d0d5dd;
}

.contextual-bar__content.livestream {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.contextual-bar__content .rc-button--stack {
  width: 100%;
}

.thumbnail-container {
  position: relative;
  height: 270px;
}

.thumbnail-container .popout--absolute-center {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  font-size: 50px;
}

.thumbnail-container .popout--play-solid {
  fill: #fff;
}

.liveStreamTab__form .rc-switch {
  padding: 15px 5px;
}

.liveStreamTab__form .rc-input__label p {
  padding: 10px 0;
}

.livestream--url {
  overflow: hidden;
  margin: 10px 5px;
  padding: 10px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
}

.livestream--url .current-setting {
  display: inline-block;
  text-decoration: none;
  color: #000;
}

.livestream--url .rc-button {
  width: 49%;
}

.attachment .action {
  margin-top: 2px;
}

.attachment .text-button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 0;
  max-width: 220px;
  height: 28px;
  margin: 2px 2px 2px 0;
  padding: 0 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #2c2d30;
  border: 2px solid #d3d3d3;
  border-radius: 4px;
  outline: none;
  background: #fafafa;
  font-size: 13px;
  font-weight: 500;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
}

.attachment .overflow-ellipsis {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attachment .image-button {
  max-height: 200px;
}

.attachment .horizontal-buttons {
  display: inline;
}

html.rtl .attachment {
  direction: rtl;
}

html.rtl .attachment .attachment-block {
  padding-right: 15px;
  padding-left: 0;
}

html.rtl .attachment .attachment-block .attachment-block-border {
  right: 0;
  left: auto;
}

html.rtl .attachment .attachment-thumb {
  padding-top: 10px;
  padding-right: 5px;
}

html.rtl .attachment .attachment-download-icon {
  margin-right: 5px;
  margin-left: auto;
}

.attachment-block-reply-attachment {
  display: grid;
  padding: 9px;
  overflow: hidden;
}

.attachment .attachment-block {
  position: relative;
  color: inherit;
}

.attachment .attachment-block .attachment-block-border {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  border-radius: 8px;
}

.attachment .attachment-author {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2rem;
}

.attachment .attachment-author>a {
  font-weight: 600;
}

.attachment .attachment-author img {
  max-width: 16px;
  max-height: 16px;
  margin-right: 2px;
  margin-bottom: -2px;
}

.attachment .attachment-author .time,
.attachment .attachment-author .time-link {
  font-size: 0.8em;
  font-weight: 400;
}

.attachment .attachment-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.5rem;
  mix-blend-mode: multiply;
  background: #f9fafb;
  background: var(--grey-grey-50, #f9fafb);
  border-radius: 6px;
}

.attachment .attachment-title-link,
.attachment .attachment-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attachment .attachment-title-text {
  color: #343434;
  color: var(--Contrast-Black, #343434);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  font-family: Nunito;
}

.attachment .attachment-text {
  padding: 3px 0;
  line-height: 1rem;
}

.attachment .attachment-text-reply-attachment {
  color: #667085;
  color: var(--grey-grey-500, #667085);
  font-family: Nunito;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.485px;
  padding-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.attachment .attachment-image {
  line-height: 0;
}

.attachment .attachment-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.attachment .attachment-fields .attachment-field {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.attachment .attachment-fields .attachment-field.attachment-field-short {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin-right: 12px;
}

.attachment .attachment-fields .attachment-field .attachment-field-title {
  font-weight: 600;
  line-height: 1rem;
}

.attachment .attachment-thumb {
  padding-top: 5px;
  padding-right: 10px;
  line-height: 0;
}

.attachment .attachment-thumb img {
  max-width: 100px;
}

.attachment .attachment-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.attachment .attachment-flex .attachment-flex-column-grow {
  word-break: break-word;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.attachment .attachment-flex-reply-attachment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
}

.attachment .attachment-flex-reply-attachment .attachment-flex-column-grow {
  word-break: break-word;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.attachment .reply-attachment-time {
  color: #667085;
  color: var(--grey-grey-500, #667085);
  text-align: right;
  font-family: Nunito;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  padding-right: 15px;
  padding-bottom: 6px;
  white-space: nowrap;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.attachment .attachment-small-content {
  max-width: 700px;
}

.attachment .attachment-download-icon {
  padding: 0 5px;
}

.attachment .attachment-canvas {
  display: none;
}

.attachment .attachment-pdf-loading {
  display: none;
  font-size: 1.5rem;
}

.attachment .attachment-pdf-loading svg {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.attachment .actions-container {
  margin-top: 6px;
}

.editedMessageWarn {
  font-size: 11px;
  margin-bottom: -6px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.deletedMessageWarn,
.editedMessageWarn {
  font-style: italic;
  white-space: nowrap;
  color: #667085;
  margin-left: 4px;
}

.deletedMessageWarn {
  font-size: 14px;
}

.reply-no-attachment {
  background: #f9fafb;
  background: var(--grey-grey-50, #f9fafb);
  mix-blend-mode: multiply;
  padding: 12px 8px;
}

.reply-no-attachment,
.reply-with-attachment {
  border-radius: 12px;
  border: 1px dashed #98a2b3;
  border: 1px dashed var(--grey-grey-400, #98a2b3);
  margin-bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.own .reply {
  background: #fef3f7;
  mix-blend-mode: multiply;
}

.reply-time {
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-size: 11px;
  margin-left: 8px;
  margin-bottom: -6px;
  color: #667085;
}

.reply-msg {
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 13px;
  color: #667085;
  max-width: -webkit-fill-available;
}

.flex-tab .otr ul li {
  margin-bottom: 20px;
}

.message.otr-ack .info:before,
.message.otr .info:before {
  display: inline-block;
  visibility: visible;
  content: "\e952";
  font-family: fontello;
}

.message.otr-ack .info:before {
  color: green;
}

.flex-tab .push-notifications .input.checkbox.toggle {
  width: 40px;
}

.flex-tab .push-notifications ul li {
  margin-bottom: 20px;
}

.flex-tab .push-notifications form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.flex-tab .push-notifications form div span {
  font-size: 14px;
}

.flex-tab .push-notifications form div span i.icon-pencil {
  margin-left: 3px;
  font-size: 12px;
}

.flex-tab .push-notifications .submit {
  margin-top: 30px;
  text-align: center;
}

.flex-tab .push-notifications [data-edit],
.flex-tab .push-notifications [data-play] {
  cursor: pointer;
}

.flex-tab .push-notifications .disable-notifications,
.flex-tab .push-notifications .unread-room-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-tab .push-notifications .disable-notifications label,
.flex-tab .push-notifications .unread-room-status label {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.flex-tab .push-notifications .alert {
  padding: 0.5rem;
}

.message .reactions {
  margin-top: 4px;
  padding: 0;
}

.message .reactions>li {
  position: relative;
  display: inline-block;
  height: 22px;
  padding: 0 4px 0 2px;
  cursor: pointer;
  color: #aaa;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background-color: #fcfcfc;
  line-height: 20px;
}

.message .reactions>li .reaction-emoji .emoji,
.message .reactions>li .reaction-emoji .emojione {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin: -0.2ex 0.15em 0.2ex;
  pointer-events: none;
}

.message .reactions>li .people {
  display: none;
}

.message .reactions>li .reaction-count {
  position: relative;
  top: -1px;
  margin-left: -3px;
  font-size: 0.65rem;
}

.message .reactions>li.add-reaction {
  visibility: hidden;
  padding: 0 2px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 0;
  color: #888;
}

.message .reactions>li:hover {
  border-color: #4fb0fc;
}

.message .reactions>li.selected {
  color: #4fb0fc;
  border-color: #bde1fe;
  background-color: #f3f9ff;
}

.message .reactions:hover>li.add-reaction {
  visibility: visible;
  opacity: 1;
}

html.rtl .message .reactions>li .reaction-count {
  margin-right: -3px;
  margin-left: auto;
}

html.rtl .message .reactions>li .add-reaction {
  margin-right: 10px;
  margin-left: 0;
}

.rocket-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 !important;
}

.defaultProvider {
  padding: 24px;
}

.rocket-search-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rocket-default-search-results {
  overflow: auto;
  overflow-x: hidden;
}

.rocket-search-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

.rocket-default-search-settings {
  padding-bottom: 20px;
}

.rocket-default-search-results .list .message {
  padding-right: 8px !important;
  padding-left: 70px !important;
}

.rocket-search-error {
  padding: 0 24px;
}

.rocket-default-search-results .js-list {
  overflow: hidden;
}

#rocket-search-suggestions {
  position: absolute;
  z-index: 1000;
  top: 58px;
  right: 24px;
  left: 24px;
  padding: 10px 0;
  border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 10px #aaa;
  box-shadow: 0 1px 10px #aaa;
}

.rocket-search-suggestion-item {
  width: 100%;
  cursor: pointer;
}

.rocket-search-suggestion-item.active,
.rocket-search-suggestion-item:hover {
  color: #fff;
  background-color: var(--button-primary-background);
}

.pswp__icn {
  display: none;
}

.pswp__top-bar {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.pswp__button--arrow--prev {
  position: absolute !important;
  top: 50%;
  left: 0px;
  background-position: -138px -44px !important;
  width: 32px !important;
  height: 30px !important;
  background-color: rgba(0, 0, 0, .3) !important;
}

.pswp__button--arrow--next {
  position: absolute !important;
  right: 0px;
  top: 50%;
  background-position: -94px -44px !important;
  width: 32px !important;
  height: 30px !important;
  background-color: rgba(0, 0, 0, .3) !important;
}

.pswp__button--zoom {
  margin-right: 31px !important;
}

.pswp__button--close {
  position: absolute !important;
  top: 0px;
  right: 0px;
}

.pswp__counter {
  display: none;
}

.pswp__custom-caption {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  min-height: 40px;
  text-align: center;
  color: white;
  padding-top: 5px;
}

/*.pswp__img{
  top: 43px !important;
}*/

.pswp__button {
  position: relative;
  display: block;
  float: right;
  overflow: visible;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0.75;
  border: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  opacity: 0.9;
  outline: none;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  width: 44px;
  height: 44px;
  background: url(gallery-skin.svg) 0 0 no-repeat;
  background-size: 264px 88px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 1.1dppx),
(min-resolution: 105dpi) {

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  position: absolute;
  top: 50%;
  width: 70px;
  height: 100px;
  margin-top: -50px;
  background: none;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  position: absolute;
  top: 35px;
  width: 32px;
  height: 30px;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

.pswp__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  color: #bbb;
  font-size: 11px;
}

.pswp__caption__center {
  max-width: 420px;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  color: #ccc;
  font-size: 13px;
  line-height: 20px;
}

.pswp__caption--empty {
  display: none;
}

.pswp__caption--fake {
  visibility: hidden;
}

.pswp__preloader {
  position: absolute;
  top: 0;
  left: 50%;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  opacity: 0;
  direction: ltr;
  will-change: opacity;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp--css_animation .pswp__preloader--active,
.pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 14px;
  height: 14px;
  margin: 0;
  -webkit-animation: clockwise 0.5s linear infinite;
  animation: clockwise 0.5s linear infinite;
  opacity: 0.75;
  background: none;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  margin: 0;
  -webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
  border-color: #fff #fff transparent transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  background: none;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__cut {
  position: relative;
  overflow: hidden;
  width: 7px;
  height: 14px;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    top: auto;
    left: auto;
    float: right;
    margin: 0;
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.pswp__ui {
  z-index: 1550;
  visibility: visible;
  opacity: 1;
  -webkit-font-smoothing: auto;
}

.pswp__top-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__caption,
.pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
  opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.tooltip {
  position: absolute;
  z-index: 300;
  visibility: hidden;
  max-width: 25rem;
  padding: 0.5em 1em;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  text-align: center;
  opacity: 0;
  color: var(--tooltip-text-color);
  border-radius: var(--tooltip-radius);
  background: var(--tooltip-background);
  font-size: var(--tooltip-text-size);
}

.tooltip.show {
  visibility: visible;
  opacity: 1;
}

.tooltip .tooltip-arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--tooltip-background);
}

.tooltip.below .tooltip-arrow {
  top: -6px;
  border-color: currentcolor var(--tooltip-background) transparent;
  border-top: none;
}

.loading-animation {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.loading-animation>.bounce {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 2px;
  -webkit-animation: loading-bouncedelay 1.4s ease-in-out infinite both;
  animation: loading-bouncedelay 1.4s ease-in-out infinite both;
  border-radius: 100%;
  background-color: hsla(0, 0%, 100%, 0.6);
}

.loading-animation .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading-animation .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.file-picker-loading .loading-animation>.bounce {
  background-color: #444;
}

@-webkit-keyframes loading-bouncedelay {

  0%,
  80%,
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loading-bouncedelay {

  0%,
  80%,
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.flex-tab .video-chat ul li {
  margin-bottom: 20px;
}

.video-chat .main-video iframe {
  width: 100%;
  min-height: 299px;
}

.AssetSettingInput__input {
  position: absolute !important;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.chatpal-admin-link {
  text-decoration: underline !important;
  color: red !important;
}

.chatpalProvider .search-form {
  padding: 0 24px;
}

.chatpal_search-loader {
  position: relative;
  margin-top: 50px;
}

.chatpal-search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.chatpal-search-result {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 24px 24px;
  background-color: #f1f1f1;
}

.chatpal-search-typefilter,
.chatpal-search-typefilter li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chatpal-search-typefilter li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  height: 35px;
  padding-top: 10px;
  cursor: pointer;
  border-bottom: 4px solid #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.chatpal-search-typefilter li.selected {
  border-bottom: 4px solid #125074;
}

.chatpal-admin-header {
  margin-bottom: 20px;
  font-size: 18px;
}

.chatpal-search-result-header {
  margin: 20px 0;
  font-weight: 700;
}

.chatpal-search-result-single {
  min-height: 92px;
}

.chatpal-search-result-single,
.chatpal-search-result-user {
  position: relative;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
}

.chatpal-search-result-user {
  min-height: 40px;
}

.chatpal-search-result-user .chatpal-avatar {
  position: absolute;
  width: 36px;
  height: 36px;
}

.chatpal-search-result-user .chatpal-avatar .chatpal-avatar-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.chatpal-search-result-user h2 {
  margin-bottom: 5px;
  padding-left: 45px;
}

.chatpal-search-result-user .direct-message {
  padding-left: 45px;
  font-size: 14px;
  font-weight: 700;
}

.chatpal-channel {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.chatpal-search-result-user .chatpal-channel {
  font-weight: 700;
}

.chatpal-show-more-messages {
  margin-bottom: 20px;
  cursor: pointer;
  text-align: center;
  color: #125074;
  font-size: 14px;
  font-weight: 700;
}

.chatpal-show-more-messages:hover {
  text-decoration: underline;
}

.chatpal-search-result-user .direct-message a {
  color: #125074;
}

.chatpal-search-result-user .direct-message a:hover {
  text-decoration: underline;
}

.chatpal-search-result-single h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chatpal-search-result-single .chatpal-avatar {
  position: absolute;
  width: 36px;
  height: 36px;
}

.chatpal-search-result-single .chatpal-avatar .chatpal-avatar-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.chatpal-search-result-single .chatpal-name {
  padding: 0 0 0 46px;
  color: #444;
  font-size: 14px;
  font-weight: 700;
}

.chatpal-search-result-single .chatpal-date {
  color: #a0a0a0;
  font-size: 12px;
  font-weight: 400;
}

.chatpal-search-result-single .chatpal-time {
  margin-left: 3px;
  color: #a0a0a0;
  font-size: 12px;
}

.chatpal-search-result-single .chatpal-message {
  overflow-x: hidden;
  margin-top: 5px;
  padding: 0 0 0 46px;
  line-height: 20px;
}

.chatpal-search-result-single .chatpal-message em {
  background-color: #faf9c8;
  font-style: normal;
}

.chatpal-search-result-single .chatpal-link {
  display: none;
  -webkit-box-flex: 20;
  -ms-flex: 20;
  flex: 20;
  color: #125074;
}

.chatpal-search-result-single .chatpal-link:hover {
  text-decoration: underline;
}

.chatpal-search-result-single:hover .chatpal-link {
  display: inline-block;
}

.chatpal-paging {
  margin: 30px 0 50px;
  text-align: center;
}

.chatpal-paging-text {
  position: relative;
  top: -2px;
  display: inline-block;
}

.chatpal-paging .chatpal-paging-button {
  display: inline-block;
  cursor: pointer;
  color: #125074;
  font-size: 20px;
}

.chatpal-paging .chatpal-paging-prev {
  padding-right: 10px;
}

.chatpal-paging .chatpal-paging-next {
  padding-left: 10px;
}

.chatpal-search-info {
  margin-top: 40px;
  padding: 10px;
}

.chatpal-search-welcome {
  padding-top: 40px;
  text-align: center;
}

.chatpal-search-result-room h2 {
  padding-left: 0 !important;
}

.chatpal-search-result-list em {
  background-color: #faf9c8;
  font-style: normal;
}

.chatpal-search-result-room .chatpal-link {
  display: none;
  margin-left: 3px;
  color: #125074;
}

.chatpal-search-result-room:hover .chatpal-link {
  display: inline-block;
}

.chatpal-search-result-room .chatpal-link:hover {
  text-decoration: underline;
}

.chatpal-search-pills div {
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
  padding: 2px 5px;
  border-radius: 3px;
  background-color: #f1f1f1;
}

.apikey h2 {
  margin-top: 20px;
}

.apikey .key {
  position: relative;
  margin: 20px 0;
  padding: 10px;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 20px;
}

.apikey a {
  text-decoration: underline;
}

.chatpal-suggestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  justify-items: center;
}

.chatpal-suggestion-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.chatpal-suggestion-hint {
  display: none;
}

.rocket-search-suggestion-item.active .chatpal-suggestion-hint {
  display: block;
}

.chatpalProvider .rc-input__icon {
  top: 3px;
  left: 10px;
  width: 26px;
}

.chatpalProvider .rc-input__icon-svg {
  font-size: 26px !important;
}

.chatpalProvider .rocket-search-suggestion-item.active,
.chatpalProvider .rocket-search-suggestion-item:hover {
  color: #fff;
  background-color: #125074;
}

.message-color {
  display: inline-block;
  font-weight: 100;
}

.message-color-sample {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  margin-left: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.icon-dolphin {
  display: inline-block;
  width: 30px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDMwIDQzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzMwLjMzNiAyNTAuMDE2cTAgNy4yNTQtNS4zMDEgMTIuNTU1TDE3My4yNTkgNDE0LjM0N3EtNS4zMDEgNS4zMDEtMTIuNTU1IDUuMzAxdC0xMi41NTUtNS4zMDEtNS4zMDEtMTIuNTU1VjMyMS40NEgxNy44NTZxLTcuMjU0IDAtMTIuNTU1LTUuMzAxVDAgMzAzLjU4NFYxOTYuNDQ4cTAtNy4yNTQgNS4zMDEtMTIuNTU1dDEyLjU1NS01LjMwMWgxMjQuOTkyVjk4LjI0cTAtNy4yNTQgNS4zMDEtMTIuNTU1dDEyLjU1NS01LjMwMSAxMi41NTUgNS4zMDFsMTUxLjc3NiAxNTEuNzc2cTUuMzAxIDUuMzAxIDUuMzAxIDEyLjU1NXptOTguMjA4LTk4LjIwOHYxOTYuNDE2cTAgMzMuMjAxLTIzLjU3NiA1Ni43NzZ0LTU2Ljc3NiAyMy41NzZoLTg5LjI4cS0zLjYyNyAwLTYuMjc3LTIuNjV0LTIuNjUxLTYuMjc4cTAtMS4xMTYtLjI3OS01LjU4dC0uMTQtNy4zOTQuODM4LTYuNTU2IDIuNzktNS40NCA1LjcxOS0xLjgxNGg4OS4yOHExOC40MTQgMCAzMS41MjctMTMuMTEzdDEzLjExMy0zMS41MjdWMTUxLjgwOHEwLTE4LjQxNC0xMy4xMTMtMzEuNTI3dC0zMS41MjctMTMuMTEzaC04Ny4wNDhsLTMuMjA4LS4yNzktMy4yMDktLjgzNy0yLjIzMi0xLjUzNS0xLjk1My0yLjUxLS41NTgtMy43NjdxMC0xLjExNi0uMjc5LTUuNTh0LS4xNC03LjM5My44MzgtNi41NTcgMi43OS01LjQ0IDUuNzE5LTEuODE0aDg5LjI4cTMzLjIwMSAwIDU2Ljc3NiAyMy41NzZ0MjMuNTc2IDU2Ljc3NnoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
}

.icon-dolphin,
.icon-dolphin~.icon-spin,
.icon-dolphin~span {
  vertical-align: middle;
}

.icon-drupal.service-icon {
  display: inline-block;
  width: 21px;
  height: 28px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAcCAYAAACOGPReAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAcNJREFUSMetlbFrFFEQh7/dJnhpDHcx6SyiRLhLkUKDsRZB8S9IWi2Syj8iVooQ0FLBNlqJRpNO8Br7FLkoRDBooQHhNCr6WTjB48zd7d7uNI+d+c333pt9bx5kNPVGVm1WYF39rTbKhD7zr62XBVwI4MsYF4sCZ9S2uq6mMbbVmWGBx9WW+kGdCN+J+G6pY3mBo2pT/ape6IrNx2qb6mhW4Ii6qf5Ur/TQXI74pjoyCJioa3F8FgdoF0K3pib9hLfiDy9l3NVS6G/3EiyH4GbO+q9E3nJ3oKF+Vx/33Urvkj2K/EZn4JW6l/uY/MsfU9+rzUPHXCz/+jDADvC14Myhrqpf1EpB6LHgrCbqa+BzkiSXikAD/ByopcAUsFUUGLYFTKVABWiXBG0DlRTYB8ZLgo4D+ynQAuolQevAdgq8AM6rk0Vo0R7ngQ3UU+qvvNfzCOhKcE4fOu6r39TpIYHT0XsfdDon45puq7WcwFrk7f1XQvVsdPS3Wd+geMPeRN65XqJZdVf9od5Tz/TZ7t3Q7aqzg2avqnfUg2gQO+pT9WGMO+E/CF21m5H0gU8AV4GLwEmgCnwC3gEbwJMkST4elfsHJbIReGbv9uUAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}

.button.external-login.drupal {
  background-color: #0f85b6;
}

.icon-github_enterprise:before {
  height: 1em;
  content: "";
  background-repeat: no-repeat;
  background-position: 50%;
}

#login-buttons-image-gitlab,
.icon-github_enterprise:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wJGBYxHYxl31wAAAHpSURBVDjLpZI/aFNRFMZ/973bJqGRPopV4qNq/+SpTYnWRhCKilShg9BGcHOM+GfQoZuLk4iLgw4qZNBaHLuIdBNHl7Ta1qdNFI3SihnaNG1MpH3vuiQYQnwZvHCG893zffc751z4z6PX5T5gA1DAKnAaOAQEgAfAVeCpl+CeCrlRuEC6maO4h0A1wl4tPAHMqNUthvrDdHYY7A3t4rDVjeO6rBU2FaABM1WCrBNoi48Mi+nH9yj+KtPibAKwJXfQ5vcRG7soUnYmWEuQgAEIYBv4cGpoILI0Z4tyYYPegS6UguyijZQ6J45GSNmZHzUcJYD2ii2Ajv7efZ8WZ6ZwXFj79hXpayW4O0SL1Nl/8jzZlZ9dQLFS70pgvZKIyGD0yvu5eRmMnrk1PjI81ir1qBACTdPevXj95mVuNX8XKDQc/+T334bZZ104cvzYw2s3J3qAL5WXSsDbf61NNMBu+wOBs+VSyQ84Nfhg028ZGx3/qyy0lC7lgi7lghBitoon03lvB8l0/k7Wnk+8mny0cyXzEcfZxgwfZPTyRMHsOzAFXE9YhtNQIJnOx4FpJXT1eSkn2g0frqMoFrfoCXcqlCOAGwnLuO/l4JymcWl5uRxzXUKghBAiZ5r+WaV4lrCM555zqO+x2d0ftGmpiA/0k70AAAAASUVORK5CYII=);
}

.katex-inline-error {
  display: inline-block;
  margin: 0 5px;
}

.katex-error {
  padding: 2px 8px;
  text-align: center;
  border: 1px solid red;
  font-weight: 700;
  font-style: italic;
}

.mention-link,
.message .mention-link {
  padding: 3px 5px;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  color: var(--mention-link-text-color) !important;
  border-radius: var(--mention-link-radius);
  background-color: var(--mention-link-background);
  font-weight: 700;
  font-family: Nunito;
}

.mention-link:hover,
.message .mention-link:hover {
  opacity: 0.6;
  color: var(--mention-link-text-color);
}

.mention-link--me,
.message .mention-link--me {
  color: var(--mention-link-me-text-color);
  background-color: var(--mention-link-me-background);
}

.mention-link--me:hover,
.message .mention-link--me:hover {
  color: var(--mention-link-me-text-color);
}

.mention-link--group,
.message .mention-link--group {
  color: var(--mention-link-group-text-color);
  background-color: var(--mention-link-group-background);
}

.mention-link--group:hover,
.message .mention-link--group:hover {
  color: var(--mention-link-group-text-color);
}

.-autocomplete-container {
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  min-width: 180px;
  z-index: 1000;
}

.-autocomplete-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.-autocomplete-item {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
}

.-autocomplete-item.selected {
  color: #fff;
  background: #4183c4;
  text-decoration: none;
}

.message.thread-main {
  padding-top: var(--default-padding);
  padding-bottom: var(--default-padding);
  border-bottom: 1px solid var(--color-gray-light);
}

.message.sequential.system[data-tmid]>.thumb,
.message.sequential[data-tmid]>.thread-replied>.thumb {
  display: block;
}

.message.sequential[data-tmid]>.message-body-wrapper>.title {
  display: none;
}

.message.thread-message {
  padding-top: 16px;
  padding-bottom: 8px;
}

.thread-message+.thread-message {
  border-top: 1px solid var(--color-gray-light);
}

.thread-empty {
  padding: calc(2 * var(--default-padding));
}

.thread-list {
  overflow: auto;
  word-wrap: break-word;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.message .thread-replied {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--rc-color-link-active);
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.message .thread-icons {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  width: 20px;
}

.message .thread-icons--thread {
  position: absolute;
  left: 40px;
  width: 20px;
  height: 16px;
  color: var(--p-color-pink);
}

.message .thread-icons--bell,
.message .thread-icons--bell-off {
  cursor: pointer;
  color: #a0a0a0;
  font-size: 1rem;
}

.message>.thread-quote {
  margin: calc(var(--default-padding) / 2 - 2px) 0 2px 0;
}

.message .thread-quote__message,
.message>.thread-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.message .thread-quote__message {
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--p-color-pink);
}

.message .thread-quote__message .mention-link {
  color: var(--p-color-pink) !important;
}

.message .thread-quote__message>.message-body--unstyled,
.message .thread-reply-preview {
  overflow: hidden;
  text-overflow: ellipsis;
}

.message .thread-reply-preview {
  display: none;
  white-space: nowrap;
}

.message.collapsed .thread-reply-preview {
  display: inline;
}

.message.collapsed+.message.system:not(.collapsed):not(.new-day) {
  margin-top: calc(var(--default-padding) / 2);
  margin-bottom: calc(var(--default-padding) / 2);
}

.message.collapsed+.message:not(.collapsed):not(.new-day) {
  margin-top: calc(var(--default-padding) / 2);
}

.message.collapsed>.thread-replied>.thumb {
  bottom: 0;
  left: 40px;
  width: 20px;
  height: 20px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0;
}

.message.collapsed>.thread-replied>.thumb .avatar {
  width: 20px;
  height: 20px;
}

.message.sequential .thread-quote {
  display: none;
}

@media (max-width: 499px) {
  .message .title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .message .thread-replied {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.contextual-bar__content.thread,
.contextual-bar__content.threads {
  padding: 0;
}

.channelSettings-tokenpass {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.channelSettings-tokenpass.tokenpass__editing .button.edit {
  visibility: hidden !important;
}

.channelSettings-tokenpass .details {
  padding-left: 1rem;
}

.channelSettings-tokenpass button {
  margin: 0 5px 0 0 !important;
}

.channelSettings-tokenpass button[disabled],
.channelSettings-tokenpass button[disabled]:hover {
  opacity: 0.5;
}

.channelSettings-tokenpass .js-edit {
  float: right;
}

.channelSettings-tokenpass .chip-container {
  margin: 0;
}

.channelSettings-tokenpass .chip-container>li {
  padding: 2px 8px;
}

.channelSettings-tokenpass__form .button {
  visibility: visible !important;
}

.channelSettings-tokenpass__input {
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 10px !important;
}

.icon-tokenpass.service-icon {
  display: inline-block;
  width: 25px;
  height: 1em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAddEVYdFRpdGxlAFRva2VubHlfTG9nb19JY29uX1doaXRldF224QAAAapJREFUOI2lk89OE1EUxn9nrumS2GZIhiaFBFekQsILsME/JC7AF2DVpT4BBI3GNRvZoG58Ad0SdCEvwKJW3ehCQmfajB1YAr33uJiZOg2hbeK3u1/O/d1zvnuvUFCr1SqVK/4h6EruqdAAVJR3/yrlKOnF9+v1+mXueEVQpeI/LUJulq6Uy/6TojMAhWE4raLb4yF5U/qs2+0G10Aq8hLl9sQgmOo793wIFEXRIkoj834C8QhAnNWA0jjpdJYAbgGosgsY4EqdfYQxDwTuAmDlBwBG99O9fNW+OfCMbQIlz+kusCrtdmcD0Q/ZaSeoe2iMuRg1k7W2hHgHwGzamTyWdhh9AxbGRzJS37202/+WymkUrYvyMTN+o25t3GiXIsZYdwjMpRQ2BCAMo08Kq6RhLxbDVivvAcToJlwPW+DzzExwTyC9fqcck97cL2AK8LPTGgCivM0aioFz4A5gPWE5CIKmBxAEQRP0TVY4n0NukJ9BAN1P9xZetu33t4DeqGyGJJyhupMvB6BardZD5dXEIMeLarU6+AFDvz9J4tcgRxNgviTJn72i8RdLE6KbF5O00AAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 50%;
}

.button.external-login.tokenpass {
  background-color: #4170a0;
}

.icon-tokenpass {
  display: inline-block;
  width: 24px;
  height: 0.8em;
  margin-bottom: -1px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MzIgMzgxLjUiPjxnIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PHBhdGggZD0iTTQyOC4zMSAxNzdMMzM0LjA3IDEzLjc2QTI3LjUyIDI3LjUyIDAgMDAzMTAuMjQgMGgtNzkuNHYxMzMuODloNzR2LTIxLjA1aDE3LjcybDE4LjEzIDMxLjRhMTIuNTIgMTIuNTIgMCAwMTAgMTIuNzEgMTIuNzUgMTIuNzUgMCAwMS0xMS4yMiA2LjU0SDEwMi41NmExMi43NSAxMi43NSAwIDAxLTExLjIyLTYuNTQgMTIuNTIgMTIuNTIgMCAwMTAtMTIuNzFsMTguMTMtMzEuNGgxNy43MnYyMS4wNWg3NFYwaC03OS40YTI3LjUyIDI3LjUyIDAgMDAtMjMuODYgMTMuNzZMMy42OSAxNzdhMjcuNTIgMjcuNTIgMCAwMDAgMjcuNTJsOTQuMjQgMTYzLjIyYTI3LjUyIDI3LjUyIDAgMDAyMy44NCAxMy43Nmg3OS40VjI0Ny42MWgtNzR2MjEuMDZoLTE3LjdsLTE4LjEzLTMxLjRhMTIuNTIgMTIuNTIgMCAwMTAtMTIuNzEgMTIuNzUgMTIuNzUgMCAwMTExLjIyLTYuNTZoMjI2Ljg4YTEyLjc1IDEyLjc1IDAgMDExMS4yMiA2LjU0IDEyLjUyIDEyLjUyIDAgMDEwIDEyLjcxbC0xOC4xMyAzMS40aC0xNy43MnYtMjEuMDRoLTc0VjM4MS41aDc5LjRhMjcuNTIgMjcuNTIgMCAwMDIzLjg0LTEzLjc2bDk0LjI0LTE2My4yM2EyNy41MiAyNy41MiAwIDAwLjAyLTI3LjUxeiIgZmlsbD0iIzQxNzBhMCIgZGF0YS1uYW1lPSJMYXllciAxIi8+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 50%;
}

@media (max-width: 840px) {
  .vrec-dialog {
    right: 0 !important;
    left: 0 !important;
    margin: 10px;
  }

  .vrec-dialog>.video-container>video {
    width: 100%;
    height: 100%;
    background: #000;
  }
}

.vrec-dialog {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  opacity: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2),
    0 2px 10px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
}

.vrec-dialog.show {
  display: block;
  visibility: visible;
  opacity: 1;
}

.vrec-dialog .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.vrec-dialog .buttons .disabled {
  background-color: desaturate(#02acec, 80%);
}

.vrec-dialog .buttons .rc-button {
  min-width: 40px;
  margin: 0;
}

.vrec-dialog .buttons__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vrec-dialog .video-container {
  overflow: hidden;
  height: 240px;
  margin-bottom: 5px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  border-radius: 5px;
  -webkit-filter: FlipH;
  filter: FlipH;
}

.vrec-dialog button.hide {
  visibility: hidden;
  opacity: 0;
}

.vrec-dialog button.show {
  display: block;
  visibility: visible;
  opacity: 1;
}

.webdav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 60vh;
  padding: 0;
}

.webdav .file-picker-loading .loading-animation>.bounce {
  background-color: #444;
}

.webdav .current-folder-path {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 25px;
}

.webdav .current-folder-path .webdav_parent_folder {
  padding: 0 5px;
  cursor: pointer;
  border-radius: 5px;
  background-color: #e0e0e0;
}

.webdav .webdav-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 8px;
  color: #444;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.webdav .webdav-table-header i {
  color: #5b5b5b;
  font-size: 16px;
}

.webdav .webdav-table-header .webdav-path-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-overflow-style: none;
}

.webdav .webdav-table-header .webdav-path-breadcrumb::-webkit-scrollbar {
  display: none;
}

.webdav .webdav-table-header .webdav-path-breadcrumb .webdav-breadcrumb-item {
  padding: 3px 0;
}

.webdav .webdav-table-header .webdav-path-breadcrumb .webdav-breadcrumb-item:last-child {
  padding-right: 30px;
}

.webdav .webdav-table-header .webdav-path-breadcrumb .webdav-breadcrumb-item .webdav-breadcrumb-folder {
  overflow: hidden;
  max-width: 100px;
  padding: 4px 3px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.webdav .webdav-table-header .webdav-path-breadcrumb .webdav-breadcrumb-item .webdav-breadcrumb-folder:focus,
.webdav .webdav-table-header .webdav-path-breadcrumb .webdav-breadcrumb-item .webdav-breadcrumb-folder:hover {
  max-width: 300px;
  border-radius: 5px;
  background: #f1f3f4;
}

.webdav .webdav-table-header .webdav-header-spacer {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.webdav .webdav-table-header .webdav-search {
  position: relative;
}

.webdav .webdav-table-header .webdav-search:before {
  position: absolute;
  z-index: 5;
  top: 0;
  left: -40px;
  width: 40px;
  height: 100%;
  content: "";
  pointer-events: none;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(transparent),
      to(#fff));
  background: linear-gradient(90deg, transparent, #fff);
}

.webdav .webdav-table-header .webdav-search .webdav-search-input {
  width: 36px;
  padding: 4px 6px 4px 32px;
  cursor: pointer;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 400;
}

.webdav .webdav-table-header .webdav-search .webdav-search-input:focus {
  width: 200px;
  padding-left: 40px;
  cursor: auto;
}

.webdav .webdav-table-header .webdav-search .webdav-search-icon {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 6px;
  padding: 4px 3px;
  cursor: pointer;
}

.webdav .webdav-table-header .webdav-search .webdav-search-icon:focus,
.webdav .webdav-table-header .webdav-search .webdav-search-icon:hover {
  border-radius: 5px;
  background: #f1f3f4;
}

.webdav .webdav-table-header .list-grid-mode {
  margin-right: 5px;
  padding: 4px 3px;
  cursor: pointer;
}

.webdav .webdav-table-header .list-grid-mode:focus,
.webdav .webdav-table-header .list-grid-mode:hover {
  border-radius: 5px;
  background: #f1f3f4;
}

.webdav .rc-table-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  border-top: 1px solid hsla(0, 0%, 84.7%, 0.4);
}

.webdav .rc-table-content .webdav__file-date,
.webdav .rc-table-content .webdav__file-icon,
.webdav .rc-table-content .webdav__file-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.webdav .rc-table-content .webdav__file-date,
.webdav .rc-table-content .webdav__file-name,
.webdav .rc-table-content .webdav__file-size {
  min-width: 80px;
}

.webdav .rc-table-content .webdav__file-icon {
  width: 36px;
}

.webdav .rc-table-content tr {
  color: #444;
}

.webdav .rc-table-content tr .table-file-avatar {
  overflow: hidden;
  height: 15px;
}

.webdav .rc-table-content tr .table-file-avatar .file-preview {
  width: 15px;
  height: 15px;
  margin-left: 1px;
  border-radius: 1px;
}

.webdav .rc-table-content .js-sort {
  cursor: pointer;
}

.webdav .rc-table-content .js-sort.is-sorting .table-fake-th .rc-icon {
  opacity: 1;
}

.webdav .rc-table-content .table-fake-th {
  color: #444;
}

.webdav .rc-table-content .table-fake-th:hover .rc-icon {
  opacity: 1;
}

.webdav .rc-table-content .table-fake-th .rc-icon {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  font-size: 1rem;
}

.webdav .rc-table-content .table-fake-th .webdav-grid-back-icon .rc-icon {
  cursor: pointer;
  opacity: 1;
}

.webdav .rc-table-content .table-tr-dummy {
  height: 10px;
}

.webdav .rc-table-content .center-cell {
  text-align: center;
}

.webdav .rc-table-content .webdav-grid-header {
  padding: 0.5rem 0;
  color: #444;
  border-bottom: 1px solid hsla(0, 0%, 84.7%, 0.4);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.webdav .rc-table-content .webdav-grid-header .webdav-grid-back-icon {
  float: left;
}

.webdav .rc-table-content .webdav-grid-header .webdav-grid-back-icon .rc-icon {
  cursor: pointer;
  opacity: 1;
  font-size: 1rem;
}

.webdav .rc-table-content .webdav-grid-header .webdav-sort {
  float: right;
  height: auto;
  border: none;
}

.webdav .rc-table-content .webdav-grid-header .webdav-sort .webdav-sort-direction {
  cursor: pointer;
}

.webdav .rc-table-content .webdav-grid-header .webdav-sort .rc-select__element {
  width: 120px;
  padding: 0 5px;
  cursor: pointer;
  color: #444;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.webdav .rc-table-content .webdav-grid {
  display: grid;
  margin: 15px 0;
  text-align: center;
  grid-gap: 15px 0;
  grid-template-columns: 190px 190px 190px;
}

.webdav .rc-table-content .webdav-grid .grid-file-avatar {
  overflow: hidden;
  height: 64px;
  color: #5d5d5d;
  font-size: 64px;
}

.webdav .rc-table-content .webdav-grid .grid-file-avatar .file-preview {
  width: 60px;
  height: 60px;
  border-radius: 2px;
}

.webdav .rc-table-content .webdav-grid .grid-item {
  overflow: hidden;
  padding: 0.5rem 0;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #444;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1rem;
}

.webdav .rc-table-content .webdav-grid .grid-item:focus,
.webdav .rc-table-content .webdav-grid .grid-item:hover {
  border-radius: 5px;
  background: #f1f3f4;
}

.webdav .rc-table-content .webdav-grid .grid-empty {
  color: #444;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1rem;
  grid-column: span 3;
}

@media (max-width: 980px) {
  .webdav .webdav {
    height: 60vh;
  }

  .webdav .webdav .rc-table-content td:not(:first-child),
  .webdav .webdav .rc-table-content th:not(:first-child) {
    display: none;
  }
}

#login-buttons-image-wordpress {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…A3LDI3LjUsMjUuOTQsMjMuMjE1LDI4LjQzNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);
}

.burger {
  display: none;
  visibility: hidden;
}

.burger .burger__line {
  background-color: var(--rc-color-primary);
}

.burger .unread-burger-alert {
  color: var(--rc-color-content);
  background-color: var(--rc-color-error-light);
}

.rtl .burger.menu-opened .burger__line:first-child {
  -webkit-transform: translate(25%, 3px) rotate(45deg) scaleX(0.5);
  transform: translate(25%, 3px) rotate(45deg) scaleX(0.5);
}

.rtl .burger.menu-opened .burger__line:nth-child(3) {
  -webkit-transform: translate(25%, -3px) rotate(-45deg) scaleX(0.5);
  transform: translate(25%, -3px) rotate(-45deg) scaleX(0.5);
}

@media (max-width: 780px) {
  .burger {
    display: inline-block;
    visibility: visible;
  }
}

.ConnectionStatusAlert {
  position: fixed;
  z-index: 1000000;
  top: 0;
  width: 100%;
  padding: 2px;
  text-align: center;
  color: #916302;
  border-bottom-width: 1px;
  background-color: #fffdf9;
}

.ConnectionStatusAlert__retry-link {
  color: var(--color-blue);
}

.SetupWizard__SideBar .SetupWizard__SideBar-step:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.5rem;
  content: attr(data-number);
  border-width: 0.0625rem;
  border-radius: 9999px;
  font: inherit;
  font-size: 0.875em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.SetupWizard__SideBar .SetupWizard__SideBar-step:after {
  position: absolute;
  top: 100%;
  left: 1.1875rem;
  display: block;
  width: 0.125rem;
  height: 2rem;
  content: "";
  background-color: var(--color-dark-10);
}

.SetupWizard__SideBar .SetupWizard__SideBar-step:last-child:after {
  display: none;
}

.SetupWizard__SideBar .SetupWizard__SideBar-step--past:before {
  color: var(--rc-color-content);
  border-color: var(--rc-color-button-primary);
  background-color: var(--rc-color-button-primary);
}

.SetupWizard__SideBar .SetupWizard__SideBar-step--past:after {
  background-color: var(--rc-color-button-primary);
}

.rtl .SetupWizard__SideBar .SetupWizard__SideBar-step:after {
  right: 1.1875rem;
  left: auto;
}

.SetupWizard__Step {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 350px;
  margin: 2rem auto;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 1;
}

.SetupWizard__Step--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.SetupWizard__Step--working {
  opacity: 0.5;
}

@media (max-width: 760px) {
  .SetupWizard__Step {
    margin: 0 auto;
  }
}

.badge {
  background-color: #d5106a;
}

.rooms-list__type {
  color: #d5106a;
}

.message .body {
  max-width: 70%;
}

.own .body {
  background-color: var(--rc-color-content);
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.13);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.13);
  border-radius: 100px;
  padding: 10px 25px;
  margin-left: auto;
}

.rooms-list__toolbar-search {
  left: -10px;
}

.message .attachment {
  background-color: var(--rc-color-primary-lightest);
  width: auto;
  border-radius: 15px !important;
  padding: 10px 25px !important;
}

.message .attachmentWrapper {
  border-radius: 12px 0 12px 12px !important;
}

.own .attachment {
  background-color: var(--rc-color-content) !important;
}

.sidebar-item {
  border-radius: 15px;
}

.rooms-list__list {
  margin: 0 10px;
}

.rc-message-box__container {
  background-color: #f9f9f9;
}

.rc-message-box__icon .rc-input__icon-svg {
  color: #d5106a;
}

.sidebar__toolbar-button-icon--edit-rounded,
.sidebar__toolbar-button-icon--magnifier,
.sidebar__toolbar-button-icon--menu {
  color: #8e8e8e;
}

.whatsapp_integration {
  margin: auto;
}

.sidebar-input-label {
  padding-top: 0;
}

:root {
  --color-dark-100: #0c0d0f;
  --color-dark-90: #1e232a;
  --color-dark-80: #2e343e;
  --color-dark-70: #53585f;
  --color-dark-30: #9da2a9;
  --color-dark-20: #caced1;
  --color-dark-10: #e0e5e8;
  --color-dark-05: #f1f2f4;
  --color-dark-blue: #175cc4;
  --color-blue: #1d74f5;
  --color-light-blue: #4eb2f5;
  --color-lighter-blue: #e8f2ff;
  --color-purple: #861da8;
  --color-red: #f5455c;
  --color-dark-red: #e0364d;
  --color-orange: #f38c39;
  --color-yellow: #ffd21f;
  --color-dark-yellow: #f6c502;
  --color-green: #2de0a5;
  --color-dark-green: #26d198;
  --p-color-pink: #d5156a;
  --p-color-pink-background: #ffe7f0;
  --p-color-light-pink: #eb4255;
  --color-darkest: #1f2329;
  --color-dark: #2f343d;
  --color-dark-medium: #414852;
  --color-dark-light: #6c727a;
  --color-gray: #9ea2a8;
  --color-gray-medium: #cbced1;
  --color-gray-light: #e1e5e8;
  --color-gray-lightest: #f2f3f5;
  --color-black: #000;
  --color-white: #fff;
  --rc-color-error: var(--color-red);
  --rc-color-error-light: #e1364c;
  --rc-color-alert: var(--color-orange);
  --rc-color-alert-light: var(--color-dark-yellow);
  --rc-color-success: var(--color-green);
  --rc-color-success-light: #25d198;
  --rc-color-button-primary: var(--color-blue);
  --rc-color-button-primary-light: var(--color-dark-blue);
  --rc-color-alert-message-primary: var(--color-blue);
  --rc-color-alert-message-primary-background: #f1f6ff;
  --rc-color-alert-message-secondary: #7ca52b;
  --rc-color-alert-message-secondary-background: #fafff1;
  --rc-color-alert-message-warning: #d52d24;
  --rc-color-alert-message-warning-background: #fff3f3;
  --rc-color-primary: #f5f5f5;
  --rc-color-primary-background: var(--color-dark);
  --rc-color-primary-darkest: var(--color-darkest);
  --rc-color-primary-dark: var(--color-dark-medium);
  --rc-color-primary-light: var(--color-gray);
  --rc-color-primary-light-medium: var(--color-gray-medium);
  --rc-color-primary-lightest: var(--color-gray-lightest);
  --rc-color-content: var(--color-white);
  --rc-color-link-active: var(--rc-color-button-primary);
  --content-background-color: #fff;
  --primary-background-color: #04436a;
  --primary-font-color: #444;
  --primary-action-color: #1d74f5;
  --secondary-background-color: #f4f4f4;
  --secondary-font-color: #a0a0a0;
  --secondary-action-color: #ddd;
  --component-color: #f2f3f5;
  --pending-color: #fcb316;
  --error-color: #bc2031;
  --success-color: #2de0a5;
  --selection-color: #02acec;
  --attention-color: #9c27b0;
  --tertiary-background-color: var(--component-color);
  --tertiary-font-color: var(--transparent-lightest);
  --link-font-color: var(--primary-action-color);
  --info-font-color: var(--secondary-font-color);
  --custom-scrollbar-color: var(--transparent-darker);
  --body-font-family: nunito, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Meiryo UI", Arial, sans-serif;
  --text-size: 0.875rem;
  --header-min-height: 60px;
  --toolbar-height: 55px;
  --footer-min-height: 70px;
  --rooms-box-width: 280px;
  --flex-tab-width: 400px;
  --flex-tab-webrtc-width: 400px;
  --flex-tab-webrtc-2-width: 850px;
  --border: 2px;
  --border-radius: 2px;
  --rc-status-online: var(--rc-color-success);
  --rc-status-away: var(--rc-color-alert);
  --rc-status-busy: var(--rc-color-error);
  --rc-status-invisible: var(--color-gray-medium);
  --rc-status-offline: var(--transparent-darker);
  --rc-status-invisible-sidebar: var(--rc-color-primary-darkest);
  --default-padding: 1.5rem;
  --default-small-padding: 1rem;
  --status-bullet-size: 10px;
  --status-bullet-radius: 50%;
  --account-username-weight: 700;
  --status-name-weight: 400;
  --default-font-weight-header: 500;
  --text-default-size: 1rem;
  --text-default-weight: 500;
  --text-small-size: 0.875rem;
  --text-small-weight: 500;
  --text-heading-size: 1.375rem;
  --text-heading-weight: 700;
  --text-label-size: 075rem;
  --text-label-weight: 600;
  --text-tiny-size: 075rem;
  --text-tiny-weight: 400;
  --text-micro-size: 0.625rem;
  --text-micro-weight: 700;
  --gap-between-elements: 2.5rem;
  --label-margin-bottom: 1rem;
  --button-square-size: 36px;
  --button-padding: 0.782rem;
  --button-padding-small: 0 0.5rem;
  --button-height-small: 28px;
  --button-text-size-small: 13px;
  --button-text-size: var(--input-font-size);
  --button-border-width: var(--border);
  --button-border-radius: 16px;
  --button-disabled-background: var(--color-gray-light);
  --button-disabled-text-color: var(--color-white);
  --button-primary-background: var(--rc-color-button-primary);
  --button-primary-text-color: var(--color-white);
  --button-cancel-color: var(--rc-color-error);
  --button-secondary-background: var(--color-gray-medium);
  --button-secondary-text-color: var(--color-dark-medium);
  --input-font-size: 0.875rem;
  --input-title-text-size: var(--input-font-size);
  --input-title-color: #2d343d;
  --input-text-color: var(--color-dark-medium);
  --input-placeholder-color: var(--color-gray-medium);
  --input-icon-color: var(--color-dark);
  --input-border-color: var(--color-gray-light);
  --input-border-width: var(--border);
  --input-border-radius: 10px;
  --input-description-text-color: var(--color-gray);
  --input-description-text-size: var(--input-font-size);
  --input-error-color: var(--rc-color-error);
  --popup-list-border-radius: 16px;
  --popup-list-background: var(--color-white);
  --popup-list-background-hover: var(--color-gray-lightest);
  --popup-list-selected-background: var(--color-gray-lightest);
  --popup-list-name-color: #2d343d;
  --popup-list-name-size: 1rem;
  --tags-border-width: var(--border);
  --tags-border-radius: var(--border-radius);
  --tags-border-color: var(--color-gray-light);
  --tags-text-color: var(--rc-color-primary);
  --tags-background: #f2f3f5;
  --tags-avatar-size: 20px;
  --select-avatar-size: 48px;
  --select-avatar-preview-size: 150px;
  --select-avatar-upload-background: var(--color-gray-light);
  --select-avatar-upload-color: #2d343d;
  --sidebar-width: 410px;
  --sidebar-wide-width: 410px;
  --sidebar-small-width: 90%;
  --sidebar-background: var(--rc-color-primary-background);
  --sidebar-background-hover: var(--rc-color-primary-dark);
  --sidebar-background-light: var(--rc-color-primary-lightest);
  --sidebar-background-light-hover: var(--rc-color-primary-light);
  --sidebar-background-light-active: var(--rc-color-primary-light-medium);
  --sidebar-default-padding: 24px;
  --sidebar-small-default-padding: 16px;
  --sidebar-extra-small-default-padding: 12px;
  --sidebar-footer-height: 48px;
  --sidebar-small-header-padding: var(--sidebar-small-default-padding);
  --sidebar-flex-search-background: var(--color-white);
  --sidebar-flex-search-placeholder-color: var(--color-gray);
  --sidebar-account-thumb-size: 35px;
  --sidebar-small-account-thumb-size: 40px;
  --sidebar-account-status-bullet-size: 10px;
  --sidebar-small-account-status-bullet-size: 8px;
  --sidebar-account-status-bullet-radius: 50%;
  --sidebar-account-username-size: 1rem;
  --sidebar-account-username-weight: 700;
  --sidebar-small-account-username-weight: 400;
  --sidebar-account-username-color: var(--color-white);
  --sidebar-account-username-color-darker: var(--color-dark);
  --sidebar-account-status-font-size: 0.875rem;
  --sidebar-account-status-color: var(--color-gray);
  --sidebar-item-radius: 2px;
  --sidebar-item-height: 24px;
  --sidebar-item-height-medium: 34px;
  --sidebar-item-height-extended: 52px;
  --sidebar-item-thumb-size: 18px;
  --sidebar-item-thumb-size-medium: 27px;
  --sidebar-item-thumb-size-extended: 36px;
  --sidebar-item-text-color: var(--rc-color-primary-light);
  --sidebar-item-background: inherit;
  --sidebar-item-hover-background: var(--rc-color-primary-darkest);
  --sidebar-item-active-background: var(--rc-color-primary-dark);
  --sidebar-item-active-color: var(--sidebar-item-text-color);
  --sidebar-item-unread-color: var(--rc-color-content);
  --sidebar-item-unread-font-weight: 600;
  --sidebar-item-popup-background: var(--rc-color-primary-dark);
  --sidebar-item-user-status-size: 6px;
  --sidebar-item-user-status-radius: 50%;
  --sidebar-item-text-size: 0.875rem;
  --modal-wrapper-width: 650px;
  --modal-wrapper-margin: 3rem;
  --modal-back-button-color: var(--color-gray);
  --create-channel-gap-between-elements: 1rem;
  --create-channel-title-color: var(--color-darkest);
  --create-channel-title-text-size: 1.375rem;
  --create-channel-description-color: var(--color-gray);
  --create-channel-description-text-size: 0.875rem;
  --toolbar-placeholder-color: var(--color-gray);
  --rooms-list-title-color: var(--rc-color-primary-light);
  --rooms-list-title-text-size: 0.75rem;
  --rooms-list-empty-text-color: var(--color-gray);
  --rooms-list-empty-text-size: 0.75rem;
  --rooms-list-padding: var(--sidebar-default-padding);
  --rooms-list-small-padding: var(--sidebar-small-default-padding);
  --chip-background: #ddd;
  --avatar-radius: var(--border-radius);
  --avatar-initials-text-size: 22px;
  --avatar-initials-text-weight: 700;
  --badge-text-color: var(--color-white);
  --badge-radius: 12px;
  --badge-text-size: 0.75rem;
  --badge-background: var(--rc-color-primary-dark);
  --badge-unread-background: var(--rc-color-primary-dark);
  --badge-user-mentions-background: var(--color-dark-blue);
  --badge-group-mentions-background: var(--rc-color-primary-dark);
  --mention-link-radius: 100px;
  --mention-link-background: var(--p-color-pink);
  --mention-link-text-color: var(--color-white);
  --mention-link-me-background: var(--p-color-pink);
  --mention-link-me-text-color: var(--color-white);
  --mention-link-group-background: var(--p-color-pink);
  --mention-link-group-text-color: var(--color-white);
  --message-box-text-size: var(--input-font-size);
  --message-box-placeholder-color: var(--color-gray-medium);
  --message-box-markdown-color: var(--color-gray);
  --message-box-markdown-hover-color: var(--color-dark);
  --message-box-user-typing-color: var(--color-gray);
  --message-box-user-typing-text-size: 2rem;
  --message-box-user-typing-user-color: var(--color-dark);
  --message-box-container-border-color: var(--color-gray-medium);
  --message-box-container-border-width: var(--border);
  --message-box-container-border-radius: var(--border-radius);
  --message-box-editing-color: #fff5df;
  --message-box-popover-title-text-color: var(--color-gray);
  --message-box-popover-title-text-size: 0.75rem;
  --header-height: 77px;
  --header-padding: 16px;
  --header-toggle-favorite-color: var(--color-gray-medium);
  --header-toggle-favorite-star-color: var(--rc-color-alert-light);
  --header-toggle-encryption-off-color: var(--color-gray-medium);
  --header-toggle-encryption-on-color: var(--rc-color-alert-message-secondary);
  --header-title-username-color-darker: var(--color-dark);
  --header-title-username-main-color: #343434;
  --header-title-font-size: var(--text-default-size);
  --header-title-font-size--subtitle: var(--text-small-size);
  --header-title-status-color: var(--color-gray);
  --header-title-username-weight: 400;
  --header-title-status-name-weight: 400;
  --header-title-status-bullet-radius: var(--status-bullet-radius);
  --header-title-status-bullet-size: var(--status-bullet-size);
  --header-background-color: #F2F4F7;
  --flex-nav-background: var(--color-gray-lightest);
  --popover-padding: 1rem;
  --popover-radius: 16px;
  --popover-background: var(--color-white);
  --popover-column-min-width: 130px;
  --popover-column-padding: 1rem;
  --popover-title-color: var(--color-dark);
  --popover-title-text-size: 0.75rem;
  --popover-item-color: var(--color-dark);
  --popover-item-text-size: 0.875rem;
  --popover-divider-height: 2px;
  --popover-divider-color: var(--color-gray-light);
  --tooltip-background: var(--color-darkest);
  --tooltip-text-color: var(--color-white);
  --tooltip-text-size: 0.75rem;
  --tooltip-radius: 16px;
  --alerts-padding: var(--sidebar-default-padding);
  --alerts-padding-vertical: 10px;
  --alerts-padding-vertical-large: 20px;
  --alerts-background: #d5156a;
  --alerts-color: var(--color-white);
  --alerts-font-size: var(--text-default-size);
  --content-page-padding: 2.5rem;
  --badge-size: 14px;
  --badge-font-size: 0.625rem;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0 solid;
  font-size: 100%;
}

a:after,
a:before,
abbr:after,
abbr:before,
acronym:after,
acronym:before,
address:after,
address:before,
applet:after,
applet:before,
article:after,
article:before,
aside:after,
aside:before,
audio:after,
audio:before,
b:after,
b:before,
big:after,
big:before,
blockquote:after,
blockquote:before,
body:after,
body:before,
button:after,
button:before,
canvas:after,
canvas:before,
caption:after,
caption:before,
center:after,
center:before,
cite:after,
cite:before,
code:after,
code:before,
dd:after,
dd:before,
del:after,
del:before,
details:after,
details:before,
dfn:after,
dfn:before,
div:after,
div:before,
dl:after,
dl:before,
dt:after,
dt:before,
em:after,
em:before,
embed:after,
embed:before,
fieldset:after,
fieldset:before,
figcaption:after,
figcaption:before,
figure:after,
figure:before,
footer:after,
footer:before,
form:after,
form:before,
h1:after,
h1:before,
h2:after,
h2:before,
h3:after,
h3:before,
h4:after,
h4:before,
h5:after,
h5:before,
h6:after,
h6:before,
header:after,
header:before,
hgroup:after,
hgroup:before,
html:after,
html:before,
i:after,
i:before,
iframe:after,
iframe:before,
img:after,
img:before,
ins:after,
ins:before,
kbd:after,
kbd:before,
label:after,
label:before,
legend:after,
legend:before,
li:after,
li:before,
mark:after,
mark:before,
menu:after,
menu:before,
nav:after,
nav:before,
object:after,
object:before,
ol:after,
ol:before,
output:after,
output:before,
p:after,
p:before,
pre:after,
pre:before,
q:after,
q:before,
ruby:after,
ruby:before,
s:after,
s:before,
samp:after,
samp:before,
section:after,
section:before,
small:after,
small:before,
span:after,
span:before,
strike:after,
strike:before,
strong:after,
strong:before,
sub:after,
sub:before,
summary:after,
summary:before,
sup:after,
sup:before,
table:after,
table:before,
tbody:after,
tbody:before,
td:after,
td:before,
tfoot:after,
tfoot:before,
th:after,
th:before,
thead:after,
thead:before,
time:after,
time:before,
tr:after,
tr:before,
tt:after,
tt:before,
u:after,
u:before,
ul:after,
ul:before,
var:after,
var:before,
video:after,
video:before {
  border: 0 solid;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

a {
  color: #1d74f5;
  color: var(--rc-color-button-primary);
}

.rc-old .no-scroll {
  overflow: hidden !important;
}

.rc-old .page-settings,
.rc-old .page-settings * {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.rc-old code {
  display: block;
  margin: 5px 0;
  padding: 0.5em;
  text-align: left;
  vertical-align: middle;
  white-space: pre-wrap;
  word-wrap: break-word;
  border-width: 1px;
  border-radius: 2px;
  border-radius: var(--border-radius);
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 13px;
  font-weight: 600;
  direction: ltr;
  unicode-bidi: embed;
}

.rc-old code.inline {
  display: inline;
  padding: 0.05rem 0.2rem;
  line-height: 1rem;
}

.rc-old code.hljs {
  overflow-y: hidden;
}

.rc-old pre {
  display: inline-block;
  width: 100%;
}

.rc-old blockquote {
  position: relative;
  display: block;
  clear: both;
  min-height: 20px;
  padding-left: 10px;
}

.rc-old blockquote:after {
  display: table;
  clear: both;
  content: "";
}

.rc-old blockquote:first-child {
  margin-top: 0;
}

.rc-old blockquote:last-child {
  margin-bottom: 0;
}

.rc-old blockquote:first-child:before {
  border-radius: 2px 2px 0 0;
}

.rc-old blockquote:last-child:before {
  border-radius: 0 0 2px 2px;
}

.rc-old blockquote:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  content: " ";
}

.rc-old .login-terms {
  width: 520px;
  max-width: 100%;
  margin: auto;
  padding: 10px;
  font-size: smaller;
}

.rc-old .login-terms a {
  text-decoration: underline;
  font-weight: 700 !important;
}

.upload-preview .upload-preview-file {
  height: 200px;
  width: 372px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.upload-preview-title {
  border-radius: 0 0 5px 5px;
}

.copyonly {
  display: inline-block;
  width: 0;
  height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: baseline;
  font-size: 0;
}

code .copyonly {
  float: left;
}

.rc-old .text-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.connection-status>.alert {
  position: absolute;
  z-index: 1000000;
  top: 0;
  width: 100%;
  margin-top: 0 !important;
  padding: 2px;
  border-width: 0 0 1px;
}

.rc-old .alert {
  margin: 1rem 0;
  padding: 0.5rem;
  border-width: 1px;
  border-radius: 2px;
  border-radius: var(--border-radius);
}

.rc-old .full-page .hidden {
  display: none !important;
  visibility: hidden !important;
}

.rc-old .hidden {
  display: none !important;
}

.rc-old .page-container {
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
}

.rc-old .page-container,
.rc-old .page-container .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.rc-old .page-container .content {
  overflow-y: auto;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 -1.25rem;
  padding: 1.25rem 1.25rem 0;
  line-height: 1.3em;
  -webkit-overflow-scrolling: touch;
}

.rc-old .page-container .content fieldset {
  margin-bottom: 1em;
}

.rc-old .page-container .content .rocket-form fieldset {
  display: block;
  margin: 1em 0 1.5em;
}

.rc-old .page-container .content .rocket-form fieldset small {
  font-size: 11px;
}

.rc-old .page-container .content .rocket-form legend {
  position: relative;
  display: block;
  width: 100%;
  margin: 12px 0;
  font-weight: 700;
}

.rc-old .page-container .content .rocket-form legend h3 {
  margin-bottom: 5px !important;
}

.rc-old .page-container .content .rocket-form .submit {
  margin-top: 20px;
  text-align: right;
}

.rc-old .input-line {
  display: block;
  clear: both;
  margin-bottom: 12px;
}

.rc-old .input-line:after {
  display: table;
  clear: both;
  content: "";
}

.rc-old .input-line:last-child {
  margin-bottom: 0;
}

.rc-old .input-line.search i {
  position: absolute;
  top: 10px;
  left: 7px;
}

.rc-old .input-line.search .icon-spin {
  right: 5px;
  left: auto;
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  font-weight: 400;
}

.rc-old .input-line.search input {
  padding-left: 30px;
}

.rc-old .input-line>label {
  display: block;
  margin-bottom: 4px;
}

.rc-old .input-line>div {
  position: relative;
}

.rc-old .input-line>div .right {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
}

.rc-old .input-line>div.-autocomplete-container {
  position: absolute;
}

.rc-old .input-line input[type="text"] {
  display: block;
}

.rc-old .input-line.double-col>label {
  width: 30%;
  margin-bottom: 0;
  padding: 10px 20px 10px 0;
  text-align: right;
  line-height: 15px;
}

.rc-old .input-line.double-col>div {
  width: 60%;
  min-height: 2.5rem;
}

.rc-old .input-line.double-col>div label {
  display: inline-block;
  margin-right: 4px;
  padding: 10px 20px 10px 0;
  line-height: 15px;
}

.rc-old .input-line.double-col>div label:last-child {
  margin-right: 0;
}

.rc-old .input-line.double-col>div label input {
  margin-right: 4px;
}

.rc-old input .input-forward {
  visibility: hidden;
  width: 0;
  -webkit-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in;
}

.rc-old input .input-forward .show {
  visibility: visible;
  width: calc(100% - 48px);
}

.rc-old input .search:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  content: " ";
}

.rc-old form.inline input[type="email"],
.rc-old form.inline input[type="number"],
.rc-old form.inline input[type="password"],
.rc-old form.inline input[type="text"],
.rc-old form.inline input[type="url"],
.rc-old form.inline select {
  width: auto;
}

.rc-old .search-form {
  position: relative;
}

.rc-old .-autocomplete-container {
  top: auto;
  width: 100%;
  border-width: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.rc-old .-autocomplete-container p {
  padding: 8px;
  font-size: 14px;
}

.rc-old .-autocomplete-container .loading-animation {
  position: relative;
  min-height: 60px;
}

.rc-old .-autocomplete-item {
  padding: 8px 5px;
  cursor: pointer;
  font-size: 12px;
}

.rc-old label.required:after {
  content: " *";
}

.rc-old .btn-loading {
  cursor: not-allowed;
  pointer-events: none;
  border-width: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.rc-old .btn-loading i {
  display: block;
}

.rc-old .btn-loading div {
  display: none;
}

.rc-old .button {
  position: relative;
  display: inline-block;
  padding: 9px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  word-spacing: 0;
  text-transform: uppercase;
  border-width: 0;
  border-radius: 2px;
  border-radius: var(--border-radius);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.rc-old .button span {
  position: relative;
  z-index: 2;
}

.rc-old .button.button-block {
  display: block;
  width: 100%;
  margin-bottom: 4px;
}

.rc-old .button[disabled] {
  cursor: auto;
}

.rc-old .button.external-login {
  color: #fff;
}

.rc-old .button.external-login.facebook {
  background-color: #325c99;
}

.rc-old .button.external-login.twitter {
  background-color: #02acec;
}

.rc-old .button.external-login.google {
  background-color: #dd4b39;
}

.rc-old .button.external-login.github {
  background-color: #4c4c4c;
}

.rc-old .button.external-login.gitlab {
  background-color: #373d47;
}

.rc-old .button.external-login.trello {
  background-color: #026aa7;
}

.rc-old .button.external-login.meteor-developer {
  background-color: #de4f4f;
}

.rc-old .button.external-login.wordpress {
  background-color: #1e8cbe;
}

.rc-old .button.external-login.linkedin {
  background-color: #1b86bc;
}

.rc-old .buttons-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}

.rc-old .buttons-group .button {
  margin-left: 4px;
}

.rc-old .buttons-group .button:first-child {
  margin-left: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .oauth-panel .buttons-group .button:first-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.rc-old.burger {
  display: none;
  visibility: hidden;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease-out 0.1s;
  transition: -webkit-transform 0.2s ease-out 0.1s;
  transition: transform 0.2s ease-out 0.1s;
  transition: transform 0.2s ease-out 0.1s, -webkit-transform 0.2s ease-out 0.1s;
  will-change: transform;
}

.rc-old.burger i {
  display: block;
  width: 20px;
  height: 2px;
  margin: 5px 0;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  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;
  opacity: 0.8;
}

.rc-old.burger.menu-opened i:first-child,
.rc-old.burger.menu-opened i:nth-child(3) {
  -webkit-transform-origin: 50%, 50%, 0;
  transform-origin: 50%, 50%, 0;
  opacity: 1;
}

.rc-old.burger.menu-opened i:first-child {
  -webkit-transform: translate(-25%, 3px) rotate(-45deg) scaleX(0.5);
  transform: translate(-25%, 3px) rotate(-45deg) scaleX(0.5);
}

.rc-old.burger.menu-opened i:nth-child(3) {
  -webkit-transform: translate(-25%, -3px) rotate(45deg) scaleX(0.5);
  transform: translate(-25%, -3px) rotate(45deg) scaleX(0.5);
}

.rc-old .arrow {
  z-index: 100;
  top: calc(50% - 13px);
  display: block;
  width: 25px;
  height: 25px;
}

.rc-old .arrow:after,
.rc-old .arrow:before {
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  display: block;
  width: 2px;
  height: 10px;
  content: " ";
}

.rc-old .arrow:before {
  -webkit-transform: rotate(135deg) translateX(-4px);
  transform: rotate(135deg) translateX(-4px);
}

.rc-old .arrow:after,
.rc-old .arrow:before {
  -webkit-transition: background 0.15s ease-out,
    -webkit-transform 0.185s ease-out;
  transition: background 0.15s ease-out, -webkit-transform 0.185s ease-out;
  transition: transform 0.185s ease-out, background 0.15s ease-out;
  transition: transform 0.185s ease-out, background 0.15s ease-out,
    -webkit-transform 0.185s ease-out;
}

.rc-old .arrow:after {
  -webkit-transform: rotate(-135deg) translateX(-4px);
  transform: rotate(-135deg) translateX(-4px);
}

.rc-old .arrow.left:before {
  -webkit-transform: rotate(45deg) translateY(-4px);
  transform: rotate(45deg) translateY(-4px);
}

.rc-old .arrow.left:after {
  -webkit-transform: rotate(-45deg) translateY(4px);
  transform: rotate(-45deg) translateY(4px);
}

.rc-old .arrow.top:before {
  -webkit-transform: rotate(-135deg) translateX(2px) translateY(-2px);
  transform: rotate(-135deg) translateX(2px) translateY(-2px);
}

.rc-old .arrow.top:after {
  -webkit-transform: rotate(135deg) translateX(-2px) translateY(-2px);
  transform: rotate(135deg) translateX(-2px) translateY(-2px);
}

.rc-old .arrow.bottom:before {
  -webkit-transform: rotate(-45deg) translateX(-2px) translateY(-2px);
  transform: rotate(-45deg) translateX(-2px) translateY(-2px);
}

.rc-old .arrow.bottom:after {
  -webkit-transform: rotate(45deg) translateX(2px) translateY(-2px);
  transform: rotate(45deg) translateX(2px) translateY(-2px);
}

.rc-old .arrow.close:before {
  -webkit-transform: rotate(-135deg) translateX(0) translateY(0);
  transform: rotate(-135deg) translateX(0) translateY(0);
}

.rc-old .arrow.close:after {
  -webkit-transform: rotate(135deg) translateX(0) translateY(0);
  transform: rotate(135deg) translateX(0) translateY(0);
}

.rc-old #rocket-chat {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  visibility: visible;
  width: auto;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 1;
}

.rc-old #rocket-chat.animated-hidden {
  visibility: hidden;
  opacity: 0;
}

.rc-old #rocket-chat>.alert {
  position: absolute;
  margin-bottom: 0;
  padding: 5px;
}

.rc-old .account-box {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.rc-old .account-box .info {
  position: relative;
  z-index: 100;
  height: 100%;
  padding: 10px 0 10px 18px;
}

.rc-old .account-box .info .thumb {
  position: relative;
  float: left;
  width: 42px;
  height: 42px;
  padding: 0;
}

.rc-old .account-box .info .thumb:after {
  position: absolute;
  z-index: 10;
  top: 18px;
  left: -14px;
  display: block;
  width: 8px;
  height: 8px;
  content: " ";
  border-radius: 2px;
  border-radius: var(--border-radius);
}

.rc-old .account-box .info .data {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: calc(100% - 60px);
  height: 100%;
  padding: 0 25px 0 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.rc-old .account-box .info h4 {
  position: relative;
  display: block;
  overflow: hidden;
  width: 130px;
  margin-top: 3px;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.rc-old .account-box .options {
  position: fixed;
  z-index: 99;
  top: 60px;
  top: var(--header-min-height);
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 280px;
  width: var(--rooms-box-width);
  height: calc(100% - -10px);
  height: calc(100% - var(--header-min-height) + var(--footer-min-height));
  padding-top: 15px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.1, 1),
    -webkit-transform 0.3s cubic-bezier(0.5, 0, 0.1, 1);
  direction: rtl;
  -webkit-overflow-scrolling: touch;
}

.rc-old .account-box .options.animated-hidden {
  -webkit-transform: translateY(-100%) translateY(-50px);
  transform: translateY(-100%) translateY(-50px);
}

.rc-old .account-box .options>.wrapper {
  direction: ltr;
}

.rc-old .account-box .options .status {
  position: relative;
  padding-left: 38px;
}

.rc-old .account-box .options .status:after {
  position: absolute;
  z-index: 5;
  top: calc(50% - 8px);
  left: 18px;
  display: block;
  width: 13px;
  height: 13px;
  content: " ";
  border-width: 1px;
  border-radius: 50%;
}

.rc-old .account-box .options span.soon {
  position: absolute;
  top: 17px;
  right: -30px;
  width: 100px;
  font-size: 10px;
}

.rc-old .account-box .options i {
  display: inline-block;
  width: 26px;
  margin-left: 0;
  text-align: center;
}

.rc-old .account-box .options a,
.rc-old .account-box .options button {
  position: relative;
  display: table;
  width: 100%;
  padding: 15px 12px;
  text-decoration: none;
  line-height: 1;
}

.rc-old .account-box .options a:hover,
.rc-old .account-box .options button:hover {
  text-decoration: none;
}

.rc-old .account-box .options .icon-logout:before {
  margin-right: 0;
}

.rc-old .account-box .options .icon-camera:before {
  margin-left: 1px;
}

.rc-old.flex-nav {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 280px;
  width: var(--rooms-box-width);
  height: 100%;
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1),
    -webkit-transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
}

.rc-old.flex-nav.animated-hidden,
.rc-old.flex-nav.animated-hidden .content,
.rc-old.flex-nav.animated-hidden footer,
.rc-old.flex-nav.animated-hidden header {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.rc-old.flex-nav .content,
.rc-old.flex-nav footer,
.rc-old.flex-nav header {
  -webkit-transition: -webkit-transform 0.425s cubic-bezier(0, 0.8, 0.05, 1);
  transition: -webkit-transform 0.425s cubic-bezier(0, 0.8, 0.05, 1);
  transition: transform 0.425s cubic-bezier(0, 0.8, 0.05, 1);
  transition: transform 0.425s cubic-bezier(0, 0.8, 0.05, 1),
    -webkit-transform 0.425s cubic-bezier(0, 0.8, 0.05, 1);
}

.rc-old.flex-nav>section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rc-old.flex-nav header {
  position: absolute;
  z-index: 110;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 60px;
  height: var(--header-min-height);
  min-height: 60px;
  min-height: var(--header-min-height);
  padding-left: 15px;
  cursor: pointer;
}

.rc-old.flex-nav header>div {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.rc-old.flex-nav header h4 {
  position: relative;
  overflow: hidden;
  margin-top: 2px;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.rc-old.flex-nav header p {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.rc-old.flex-nav footer {
  position: absolute;
  z-index: 120;
  bottom: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 70px;
  height: var(--footer-min-height);
  padding: 0 10px;
  text-align: left;
}

.rc-old.flex-nav footer>div {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.rc-old.flex-nav .content {
  position: absolute;
  top: 60px;
  top: var(--header-min-height);
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 130px);
  height: calc(100% - var(--header-min-height) - var(--footer-min-height));
  padding: 20px 10px;
  direction: rtl;
  -webkit-overflow-scrolling: touch;
}

.rc-old.flex-nav .content>.wrapper {
  direction: ltr;
}

.rc-old.flex-nav .content h4 {
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
}

.rc-old.flex-nav .input-line {
  margin-bottom: 25px;
}

.rc-old.flex-nav .input-line:last-child {
  margin-bottom: 0;
}

.rc-old.flex-nav .input-line label {
  margin-bottom: 0;
  font-weight: 400;
}

.rc-old.flex-nav .input-line input[type="password"],
.rc-old.flex-nav .input-line input[type="text"],
.rc-old.flex-nav .input-line select {
  padding: 0 8px 0 30px;
  border-width: 1px;
  border-radius: 2px;
  border-radius: var(--border-radius);
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.rc-old.flex-nav .input-line .inline-fields input,
.rc-old.flex-nav .input-line .inline-fields label,
.rc-old.flex-nav .input-line .inline-fields select {
  display: inline-block;
}

.rc-old.flex-nav .input-line.toggle {
  font-size: 0;
}

.rc-old.flex-nav .input-line.toggle>label {
  display: inline-block;
  width: calc(100% - 40px);
  vertical-align: top;
  font-size: 14px;
}

.rc-old.flex-nav .input-line.toggle>div {
  display: inline-block;
  width: 40px;
}

.rc-old.flex-nav .input-line.no-icon input {
  padding: 0 8px;
}

.rc-old.flex-nav .selected-users {
  padding: 20px 0 0;
}

.rc-old.flex-nav .selected-users li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 2px;
  padding: 5px;
}

.rc-old.flex-nav .selected-users i {
  cursor: pointer;
}

.rc-old .toolbar {
  position: absolute;
  z-index: 2;
  top: 60px;
  top: var(--header-min-height);
  width: 100%;
  height: 55px;
  height: var(--toolbar-height);
}

.rc-old .new-room-highlight a {
  -webkit-animation: highlight 6s infinite;
  animation: highlight 6s infinite;
}

.rc-old .fixed-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 61px;
  height: calc(var(--header-min-height) + 1px);
  padding: 0 10px 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.rc-old .fixed-title.visible h2 {
  overflow: visible;
}

.rc-old .fixed-title h2 {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 22px;
  font-weight: 500;
  line-height: 29px;
}

.rc-old .fixed-title h2 .icon-at,
.rc-old .fixed-title h2 .icon-hash,
.rc-old .fixed-title h2 .icon-lock {
  margin-right: -7px;
}

.rc-old .fixed-title h2 .icon-star,
.rc-old .fixed-title h2 .icon-star-empty {
  margin-right: -4px;
}

.rc-old .fixed-title h2 .iframe-toolbar {
  white-space: nowrap;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.rc-old .fixed-title .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-old .fixed-title .submit .button {
  margin-left: 1rem;
  white-space: nowrap;
}

.rc-old .fixed-title .animated-hidden {
  display: none;
  visibility: hidden;
}

.rc-old .fixed-title input[type="text"] {
  width: calc(100% - 100px);
  margin-top: -4px;
  margin-left: -3px;
  vertical-align: top;
  font-size: 20px;
}

.rc-old .fixed-title .icon-pencil {
  display: inline-block;
  margin-top: -7px;
  vertical-align: text-top;
  font-size: 16px;
}

.rc-old .announcement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 45px;
  padding: 0 20px;
  cursor: pointer;
  text-align: center;
  margin: 10px 20px 0;
  color: #d5156a;
  background-color: #ffe8f0;
  font-size: 1.2em;
  line-height: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  font-family: Nunito;
  font-weight: 600;
  border-radius: 10px;
}

.rc-old .announcement.warning {
  background-color: #f38c39;
  background-color: var(--rc-color-alert);
}

.rc-old .announcement.error {
  background-color: #d52d24;
  background-color: var(--rc-color-alert-message-warning);
}

.rc-old .announcement~.container-bars {
  top: 45px;
}

.rc-old .announcement a {
  text-decoration: underline;
  color: currentColor;
}

.rc-old .announcement p {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 570px) {
  .rc-old .announcement {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    padding: 20px 0 10px 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    gap: 5px;
  }

  .rc-old .announcement a {
    position: relative !important;
    line-height: 25px;
  }

  .rc-old .announcement p {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: visible;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.cms-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 800px;
  max-height: 100%;
  margin: auto;
  padding: 2rem;
  border-radius: 2px;
  border-radius: var(--border-radius);
}

.cms-page__content {
  overflow: auto;
  margin: -1rem;
  padding: 1rem;
}

.cms-page .cms-page-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rc-old .page-settings .content h2 {
  margin-bottom: 2rem;
}

.rc-old .page-settings .content h3 {
  margin-bottom: 1rem;
}

.rc-old .page-settings .content>.info {
  max-width: none;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.rc-old .page-settings .section {
  padding: 20px 0;
}

.rc-old .page-settings .section:not(:only-child) {
  border-bottom: 2px solid #ddd;
}

.rc-old .page-settings .section:not(:only-child).section-collapsed .section-content {
  display: none;
}

.rc-old .page-settings .section:not(:only-child) .section-title-right {
  visibility: visible;
}

.rc-old .page-settings .section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.rc-old .page-settings .section-title .section-title-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 3rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .page-settings .section-title .section-title-right {
  visibility: hidden;
}

.rc-old .page-settings .section-title .section-title-right>.rc-button {
  font-size: 1.25rem;
}

.rc-old .page-settings .section-content {
  padding: 20px 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

.rc-old .page-settings .section-content p {
  margin-bottom: 0.75rem;
}

.rc-old .page-settings .section-content .input-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  padding: 10px 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.rc-old .page-settings .section-content .input-line:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.rc-old .page-settings .section-content .input-line .add-token {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-old .page-settings .section-content .input-line .add-token .rc-select {
  width: 40%;
  margin: 0 0 0 10px;
}

.rc-old .page-settings .section-content .input-line:first-child {
  padding-top: 0;
}

.rc-old .page-settings .section-content .input-line .horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-old .page-settings .section-content .input-line .flex-grow-1 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .page-settings .section-content .reset-setting {
  margin-left: 0.75rem;
  padding: 0.75rem;
}

.rc-old .page-settings .section-content .setting-label {
  min-width: 30%;
  font-weight: 500;
  line-height: 16px;
}

.rc-old .page-settings .section-content .setting-action {
  height: auto;
  margin: 0 4px;
}

.rc-old .page-settings .section-content .settings-description {
  padding-top: 2px;
  line-height: 1.2rem;
}

.rc-old .page-settings .section-content .settings-alert {
  margin-top: 0.75rem;
  padding: 1rem;
  border-width: 2px;
  font-weight: 700;
  line-height: 1.2rem;
}

.rc-old .page-settings .section-content .selected-rooms .remove-room {
  cursor: pointer;
}

.rc-old .page-settings .settings-description {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.rc-old .page-settings .rocket-form {
  width: 100%;
  max-width: none;
  padding: 0;
}

.rc-old .page-settings .settings-file-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-old .page-settings .settings-file-preview input[type="file"] {
  position: absolute !important;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.rc-old .page-settings .settings-file-preview input[type="file"] * {
  cursor: pointer;
}

.rc-old .page-settings .settings-file-preview .preview {
  overflow: hidden;
  width: 100px;
  height: 40px;
  margin-right: 0.75rem;
  border-width: 2px;
  border-width: var(--input-border-width);
  border-color: #e1e5e8;
  border-color: var(--input-border-color);
  border-radius: 10px;
  border-radius: var(--input-border-radius);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.rc-old .page-settings .settings-file-preview .preview.no-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-old .page-static .content>div {
  margin-bottom: 25px;
}

.rc-old .page-static .content>div:last-child {
  margin-bottom: 0;
}

.rc-old .page-static .content p {
  margin-bottom: 12px;
}

.rc-old .page-static .content p:last-child {
  margin-bottom: 0;
}

.rc-old .page-static .content .section h1 {
  margin-top: 40px;
  padding: 0 0 0 10px;
  font-size: 20px;
  font-weight: 500;
}

.rc-old .page-static .content .section:first-of-type>h1 {
  margin-top: 0;
}

.rc-old .page-static .content .section .section-content {
  padding: 20px;
  border-width: 1px;
  border-radius: 2px;
  border-radius: var(--border-radius);
}

.rc-old .page-static .content .section .section-content .section-helper {
  padding: 20px 20px 40px;
}

.rc-old .page-static .content .section .section-content .section-helper pre {
  display: inline;
}

.rc-old .page-static .content h1,
.rc-old .page-static .content h2,
.rc-old .page-static .content h3,
.rc-old .page-static .content h4 {
  margin-bottom: 12px;
  text-transform: uppercase;
  font-weight: 300;
}

.rc-old .page-home .fixed-title h2 {
  overflow: visible;
}

.rc-old .page-home .logo {
  display: block;
  max-width: 325px;
  margin: 10px 0;
}

.rc-old .page-home .info {
  max-width: 680px;
  line-height: 20px;
}

.rc-old .page-home .social h4 {
  margin-bottom: 8px;
}

.rc-old .page-home .social nav {
  margin-left: -4px;
}

.rc-old .page-list .search {
  margin-bottom: 12px;
}

.rc-old .page-list .results {
  margin-bottom: 10px;
  padding: 10px 0;
  font-weight: 300;
}

.rc-old .page-list .results p {
  text-transform: uppercase;
  font-size: 12px;
}

.rc-old .page-list .list a {
  display: block;
  margin-bottom: 5px;
  padding: 3px;
}

.rc-old .page-list .list a .info h3 {
  margin-bottom: 5px;
}

.rc-old .page-list .list a .info ul {
  margin-left: 3px;
}

.rc-old .page-list .list .room-info {
  margin-bottom: 5px;
  padding: 3px;
  cursor: pointer;
}

.rc-old .page-list .list .room-info h3 {
  margin-bottom: 5px;
}

.rc-old .image-to-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 200px;
  height: 200px;
  margin-bottom: 5px;
  padding: 20px 15px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  border: 1px dashed;
  border-radius: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-old .image-to-download i {
  font-size: 24px;
}

.rc-old .room-not-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-old .room-not-found div {
  text-align: center;
  line-height: 40px;
}

.rc-old .room-not-found i {
  padding-bottom: 30px;
  font-size: 100px;
}

.rc-old .container-bars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 2px;
  border-radius: var(--border-radius);
  padding: 10px 20px 0;
  font-family: Nunito;
}

.rc-old .container-bars.show {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.rc-old .container-bars>div {
  padding: 0 10px;
  line-height: 28px;
}

.rc-old .container-bars .upload-progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
}

.rc-old .container-bars .upload-progress .upload-progress-progress {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: width, 1s, ease-out;
  transition: width, 1s, ease-out;
}

.rc-old .container-bars .upload-progress .upload-progress-text {
  z-index: 2;
  right: 0;
  left: 0;
  overflow: hidden;
  width: 50%;
  height: 100%;
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .container-bars .upload-progress .upload-progress-text>a {
  float: right;
  cursor: pointer;
  text-transform: uppercase;
}

.rc-old .container-bars .upload-progress .upload-progress-close {
  position: relative;
  z-index: 3;
  float: right;
  height: 100%;
  text-transform: uppercase;
  font-weight: 700;
}

.rc-old .container-bars .unread-bar {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  border-radius: 10px;
  background-color: #eaf5ff;
}

.rc-old .container-bars .unread-bar>button.mark-read {
  float: right;
  font-weight: 600;
  font-size: 16px;
  font-family: Nunito;
  line-height: inherit;
}

.rc-old .container-bars .unread-bar>button.mark-read:hover {
  cursor: pointer;
}

.rc-old .container-bars .unread-bar .unread-count {
  display: none;
}

.rc-old .container-bars .unread-bar>button.jump-to {
  float: left;
  font-weight: 600;
  font-size: 16px;
  font-family: Nunito;
  line-height: inherit;
}

.rc-old .container-bars .unread-bar>button.jump-to .jump-to-small {
  display: none;
  line-height: inherit;
}

.rc-old .container-bars .unread-bar>button.jump-to:hover {
  cursor: pointer;
}

.rc-old .flex-tab-main-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .room-container {
  height: 100%;
}

.rc-old .messages-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.rc-old .messages-container-wrapper {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 1%;
}

.rc-old .messages-container-main,
.rc-old .messages-container-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
}

.rc-old .messages-container-main {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 50%;
}

.rc-old .messages-container .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  word-wrap: break-word;
  -webkit-overflow-scrolling: touch;
}

.rc-old .messages-container .footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.rc-old .messages-container.admin .message:hover:not(.system) .message-action {
  display: inline-block;
}

.rc-old .message-popup-position {
  position: relative;
}

.rc-old .message-popup-position .message-popup {
  font-family: Nunito;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 20rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.rc-old .message-popup-position .message-popup .message-popup-items {
  overflow-y: auto;
}

.rc-old .message-popup-position .message-popup .message-popup-items .popup-slash-command {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.rc-old .message-popup-position .message-popup .message-popup-items .popup-slash-command-format {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .message-popup-position .message-popup .message-popup-items .popup-slash-command-description {
  text-align: right;
  font-style: italic;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.rc-old .message-popup-items.preview-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
}

.rc-old .preview-items .popup-item {
  padding: 5px;
  line-height: unset;
}

.rc-old .rc-message-box .reply-preview__wrap {
  position: relative;
}

.rc-old .rc-message-box .reply-preview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 15px;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rc-old .rc-message-box .reply-preview .message {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  background-color: transparent;
}

.rc-old .rc-message-box .reply-preview:not(:last-child):before {
  position: absolute;
  right: 15px;
  bottom: 0;
  left: 15px;
  height: 2px;
  content: "";
  background: rgba(31, 35, 41, 0.08);
}

.rc-old .rc-message-box .reply-preview-with-popup {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
}

.rc-old .reply-preview .cancel-reply {
  padding: 10px;
}

.rc-message-box__icon.cancel-reply .rc-input__icon-svg--cross {
  font-size: 1em;
}

.rc-old .message-popup.popup-with-reply-preview {
  border-radius: 5px 5px 0 0;
}

.rc-old .message-popup {
  position: absolute;
  z-index: 101;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f9f9f9;
  overflow: hidden;
  -webkit-box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.03),
    0 0 1px rgba(0, 0, 0, 0.16), inset 0 -4em 3em -5em rgb(0 0 0/15%);
  box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.03), 0 0 1px rgba(0, 0, 0, 0.16),
    inset 0 -4em 3em -5em rgb(0 0 0/15%);
}

.rc-old .message-popup-title {
  padding: 0 20px;
  border-width: 0 0 1px;
  font-size: 12px;
  font-weight: 300;
  line-height: 32px;
  text-transform: uppercase;
}

.rc-old .popup-item {
  padding: 0 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 32px;
}

.rc-old .popup-user-avatar {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -7px 4px;
  border-radius: 3px;
  background-size: contain;
}

.rc-old .popup-user-status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

.messages-box {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.messages-box .wrapper.has-more-next {
  padding-bottom: 24px;
}

.messages-box ul {
  padding: 21px 0 10px;
}

.messages-box .start {
  margin-top: 12px;
  text-align: center;
}

.messages-box .start .start__purge-warning {
  margin-top: -33px;
  margin-bottom: 0.5rem;
  padding: 1rem;
  border-width: 1px 0 0;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#fff3f3),
      to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(180deg, #fff3f3 0, hsla(0, 0%, 100%, 0));
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(var(--rc-color-alert-message-warning-background)),
      to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(180deg,
      var(--rc-color-alert-message-warning-background) 0,
      hsla(0, 0%, 100%, 0));
}

.messages-box .new-message {
  position: absolute;
  z-index: 2;
  font-family: Nunito;
  font-weight: 600;
  bottom: 8px;
  left: 50%;
  width: 160px;
  height: 34px;
  margin: 0 -65px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  text-align: center;
  border-radius: 20px;
  font-size: 14px;
  line-height: 30px;
}

.messages-box .new-message.not {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}

.messages-box .jump-recent {
  position: absolute;
  z-index: 15;
  right: 20px;
  bottom: 0;
  left: 20px;
  height: 24px;
  padding-right: 20px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  text-align: right;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 0.8em;
  line-height: 24px;
}

.messages-box .jump-recent.not {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}

.messages-box .jump-recent button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.messages-box .editing .body {
  border-radius: 2px;
  border-radius: var(--border-radius);
}

.messages-box.selectable .message {
  cursor: pointer;
}

.messages-box.has-leader .wrapper {
  padding-top: 57px;
}

.rc-old .ticks-bar {
  position: absolute;
  z-index: 1;
  right: 2px;
  width: 10px;
  height: 100%;
  pointer-events: none;
}

.rc-old .ticks-bar .tick {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  border-radius: 2px;
}

.rc-old .ticks-bar .tick--me {
  background-color: #d5156a;
  background-color: var(--mention-link-me-background);
}

.rc-old .ticks-bar .tick--group {
  background-color: #d5156a;
  background-color: var(--mention-link-group-background);
}

.message {
  z-index: 1;
  min-height: 40px;
  padding: 8px 50px 4px 70px;
  line-height: 20px;
}

.mention-message {
  z-index: 1;
  min-height: 40px;
  padding: 8px 50px 4px 50px;
  line-height: 20px;
}

.message-unread {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 0.25rem;
  cursor: pointer;
  border-radius: 50%;
  background: #1d74f5;
  background: var(--rc-color-button-primary);
}

.message.highlighted {
  background: #ff9;
}

.message.highlight {
  -webkit-animation: highlight 6s;
  animation: highlight 6s;
}

.message:first-child {
  margin-top: 0;
}

.message .time {
  padding-right: 2px;
  padding-left: 2px;
  white-space: nowrap;
}

.message.new-day {
  margin-top: 40px;
}

.message.new-day:before {
  top: -30px;
  left: calc(50% - 70px);
  min-width: 140px;
  padding: 0 10px;
  content: attr(data-date);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
}

.message.new-day:after,
.message.new-day:before {
  position: absolute;
  display: block;
  pointer-events: none;
}

.message.new-day:after {
  z-index: -1;
  top: -20px;
  right: 0;
  left: 0;
  margin: 0 1.5rem;
  margin: 0 var(--default-padding);
  content: " ";
  border-width: 1px 0 0;
}

.message .message-action {
  display: none;
  cursor: pointer;
}

.message:hover:not(.system) .message-action {
  display: block;
}

.message .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
  font-family: inherit;
  font-size: 0.925rem;
  font-weight: 700;
  line-height: inherit;
}

.message .thumb {
  position: absolute;
  left: 24px;
  display: block;
}

.mention-avatar-imagem {
  left: 9px !important;
}

.message .thumb,
.message .thumb:not(.thumb-small) .avatar {
  width: 36px;
  height: 36px;
}

.message .thumb.thumb-small {
  position: static;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}

.message .thumb.thumb-small .avatar {
  width: 20px;
  height: 20px;
}

.message .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 0.75rem;
  font-family: Nunito;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3px;
}

.message .title .edited {
  margin-left: 3px;
}

.message .title .is-bot,
.message .title .role-tag {
  margin: 0 3px;
  padding: 1px 4px;
  border-width: 1px;
  border-radius: 2px;
  border-radius: var(--border-radius);
  background: #fff;
  line-height: normal;
}

.message .private {
  margin-left: 10px;
}

.message.sequential {
  min-height: 20px;
  margin-top: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}

.message.sequential .message-custom-status,
.message.sequential .thumb:not(.thumb-small),
.message.sequential .user {
  display: none;
}

.message.sequential .title {
  position: absolute;
  left: 5px;
  width: 60px;
  text-align: right;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.message.sequential .title .is-bot,
.message.sequential .title .role-tag,
.message.sequential .title .time {
  display: none;
}

.message.sequential .title .edited {
  display: block;
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
  border-left: 0;
}

.message.sequential .title .private {
  display: none;
}

.message.sequential .title .message-action {
  float: left;
  margin-left: 1px;
}

.message.sequential:hover .edited {
  display: none;
}

.message .body {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  word-break: break-word;
  opacity: 1;
}

.message .body>h1 {
  font-size: 3em;
  line-height: 1em;
}

.message .body>h2 {
  font-size: 2.5em;
  line-height: 1em;
}

.message .body>h3 {
  font-size: 2em;
  line-height: 1em;
}

.message .body>h4 {
  font-size: 1.5em;
  line-height: 1em;
}

.message .body ol,
.message .body ul {
  padding: 0 0 0 24px;
}

.message .body ul {
  list-style-type: disc;
}

.message .body ol {
  list-style-type: decimal;
}

.message .body>table {
  display: block;
  overflow: auto;
}

.message .body>table tr {
  border-top: 1px solid #ccc;
  background-color: #fff;
}

.message .body>table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.message .body>table tr th {
  font-weight: 600;
}

.message .body>table tr td,
.message .body>table tr th {
  padding: 6px 13px;
  border: 1px solid #ddd;
}

.message .body>hr {
  height: 3px;
  margin: 12px 0;
  padding: 0;
  border: 0;
  background-color: #e7e7e7;
}

.message.temp .body {
  opacity: 0.5;
}

.message .message-alias {
  padding-right: 2px;
  padding-left: 2px;
  font-weight: 400;
}

.message .reply-with-attachment .inline-image img {
  padding: 8px !important;
  border-radius: 18px !important;
}

.message .reply-with-attachment .attachment-text {
  padding: 0 8px 8px !important;
}

.message .inline-image {
  background-repeat: no-repeat;
  background-position: 0;
  background-size: contain;
  line-height: 0;
}

.message .inline-image img {
  max-width: 400px;
  max-height: 300px;
  border-radius: 10px;
  cursor: pointer;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top left;
  object-position: top left;
}

.message.livechat_navigation_history .info,
.message.livechat_navigation_history .thumb,
.message.livechat_navigation_history .user {
  display: none;
}

.message.collapsed {
  min-height: 25px;
  padding: 2px 50px 2px 70px;
  font-size: 12px;
}

.message.collapsed>.thumb {
  top: 3px;
  width: 20px;
  height: 20px;
  margin-left: 16px;
}

.message.collapsed>.thumb .avatar {
  width: 100%;
  height: 100%;
}

.message.collapsed .user {
  font-size: 0.75rem;
  font-weight: 400;
}

.message.collapsed .attachment,
.message.collapsed .body,
.message.collapsed .edited,
.message.collapsed .message-oembed,
.message.collapsed .reactions,
.message.collapsed .role-tag,
.message.collapsed:hover .message-actions {
  display: none;
}

.message.system {
  min-height: 25px;
  padding: 2px 50px;
  font-size: 12px;
}

.message.system>.thumb {
  top: 3px;
  width: 20px;
  height: 20px;
  margin-left: 16px;
}

.message.system>.thumb>.avatar {
  width: 100% !important;
  height: 100% !important;
}

.message.system .message-body-wrapper .title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.message.system .message-body-wrapper .title .user {
  font-size: 0.75rem;
  font-weight: 400;
}

.message.system .message-body-wrapper .title .edited,
.message.system .message-body-wrapper .title .reactions,
.message.system .message-body-wrapper .title .role-tag {
  display: none;
}

.message.system .message-body-wrapper .body {
  display: inline;
  font-style: italic;
}

.message.system .message-body-wrapper .body em {
  font-weight: 600;
}

.message.system .message-body-wrapper .body .attachment {
  font-style: normal;
}

.message.system:hover .message-actions {
  display: none;
}

.rc-old .image-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 25px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rc-old .image-label {
  margin-top: 5px;
  margin-right: 5px;
  padding: 9px 4px;
  border-radius: 2px;
  font-size: 12px;
}

.rc-old .image-label:last-child {
  margin-right: 0;
}

.rc-old .attachment-description {
  margin: 6px;
  line-height: 1;
}

.rc-old .cozy .message {
  padding: 4px 20px 4px 70px;
}

.rc-old .cozy .message .body {
  margin-top: 0;
}

.rc-old .main-content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.rc-old .flex-tab-container {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transform: box-shadow 0.3s;
  transform: box-shadow 0.3s;
  -webkit-box-shadow: -1px 0 0 1px hsla(0, 0%, 80%, 0.15);
  box-shadow: -1px 0 0 1px hsla(0, 0%, 80%, 0.15);
}

.rc-old .flex-tab-container.opened,
.rc-old .flex-tab-container.opened>.flex-tab-bar {
  -webkit-box-shadow: -1px 0 5px 2px hsla(0, 0%, 80%, 0.15);
  box-shadow: -1px 0 5px 2px hsla(0, 0%, 80%, 0.15);
}

.rc-old .flex-tab-container .flex-tab {
  position: relative;
  display: none;
  overflow-x: visible;
  width: 400px;
  width: var(--flex-tab-width);
}

.rc-old .flex-tab-container .flex-tab .control .header {
  margin: 5px 0 15px;
  padding: 5px 30px 20px;
  text-align: center;
}

.rc-old .flex-tab-container .flex-tab .control .header h2 {
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
}

.rc-old .flex-tab-container .flex-tab .control .button {
  min-height: 36px;
  margin: 0 1px;
}

.rc-old .flex-tab-container .flex-tab .control .more {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: background 75ms ease-out 0.5s,
    -webkit-transform 0.25s ease-out 0.475s;
  transition: background 75ms ease-out 0.5s,
    -webkit-transform 0.25s ease-out 0.475s;
  transition: transform 0.25s ease-out 0.475s, background 75ms ease-out 0.5s;
  transition: transform 0.25s ease-out 0.475s, background 75ms ease-out 0.5s,
    -webkit-transform 0.25s ease-out 0.475s;
  -webkit-transform: translateX(-27px);
  transform: translateX(-27px);
  border-width: 0 0 1px;
}

.rc-old .flex-tab-container .flex-tab .control .more i {
  height: 12.5px;
  margin-top: 1px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform-origin: 50%, 50%, 0;
  transform-origin: 50%, 50%, 0;
  vertical-align: top;
}

.rc-old .flex-tab-container .flex-tab .control .search-form {
  width: 100%;
}

.rc-old .flex-tab-container .flex-tab .control .search-form .icon-plus {
  position: absolute;
  top: 11px;
  left: 8px;
  font-size: 13px;
}

.rc-old .flex-tab-container .flex-tab .control .info-tabs {
  position: absolute;
  top: 0;
  right: 20px;
  height: 60px;
  text-align: right;
}

.rc-old .flex-tab-container .flex-tab .control .info-tabs a {
  display: inline-block;
  float: left;
  height: 60px;
  padding: 0 15px;
  vertical-align: middle;
  border-width: 0 0 0 1px;
  line-height: 60px;
}

.rc-old .flex-tab-container .flex-tab .control .info-tabs a:last-child {
  border-width: 0 1px 0 0;
}

.rc-old .flex-tab-container .flex-tab .content {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

.rc-old .flex-tab-container .flex-tab .content>div {
  overflow-y: auto;
  -webkit-transition: opacity 0.125s ease-out 0.1s,
    -webkit-transform 0.45s cubic-bezier(0.5, 0, 0, 1);
  transition: opacity 0.125s ease-out 0.1s,
    -webkit-transform 0.45s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 0.45s cubic-bezier(0.5, 0, 0, 1),
    opacity 0.125s ease-out 0.1s;
  transition: transform 0.45s cubic-bezier(0.5, 0, 0, 1),
    opacity 0.125s ease-out 0.1s,
    -webkit-transform 0.45s cubic-bezier(0.5, 0, 0, 1);
}

.rc-old .flex-tab-container .flex-tab .content>.animated-hidden {
  -webkit-transform: translateX(calc(100% + 40px));
  transform: translateX(calc(100% + 40px));
  opacity: 0;
}

.rc-old .flex-tab-container .flex-tab .content .section {
  margin: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
  border-radius: var(--border-radius);
  background-color: #fff;
}

.rc-old .flex-tab-container .flex-tab .content>.animated {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rc-old .flex-tab-container .flex-tab .content>.title {
  height: 60px;
  height: var(--header-min-height);
}

.rc-old .flex-tab-container .flex-tab .content>.title h2 {
  padding: 0 20px;
  font-size: 20px;
  font-weight: 300;
  line-height: 60px;
  line-height: var(--header-min-height);
}

.rc-old .flex-tab-container .flex-tab .channel-settings .button {
  visibility: initial;
}

.rc-old .flex-tab-container .flex-tab footer {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  height: var(--footer-min-height);
  padding: 9px 15px 0;
  text-align: right;
}

.rc-old .flex-tab-container .flex-tab .social {
  text-align: center;
}

.rc-old .flex-tab-container .flex-tab .social h4 {
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  font-size: 13px;
  font-weight: 300;
}

.rc-old .flex-tab-container .flex-tab .social .share {
  min-height: 40px;
  border-radius: 50%;
  line-height: 20px;
}

.rc-old .flex-tab-container .flex-tab .social .share:before {
  border-radius: 50%;
}

.rc-old .flex-tab-container .flex-tab .social .share span {
  display: none;
}

.rc-old .flex-tab-container .flex-tab-bar {
  z-index: 1;
  min-width: 40px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-box-shadow: -1px 0 0 1px hsla(0, 0%, 80%, 0.15);
  box-shadow: -1px 0 0 1px hsla(0, 0%, 80%, 0.15);
}

.rc-old .flex-tab-container .flex-tab-bar .tab-button {
  position: relative;
  cursor: pointer;
  text-align: center;
}

.rc-old .flex-tab-container .flex-tab-bar .tab-button button {
  height: 38px;
}

.rc-old .flex-tab-container .flex-tab-bar .tab-button .counter {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 13px;
  height: 13px;
  text-align: center;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 700;
  line-height: 13px;
}

.rc-old .flex-tab-container .flex-tab-bar .tab-button.active {
  border-width: 0 3px 0 0;
}

.rc-old .flex-tab-container .flex-tab-bar .tab-button.active button {
  margin-left: 3px;
}

.rc-old .flex-tab-container .flex-tab-bar .tab-button.active .counter {
  margin-right: -3px;
}

.rc-old .flex-tab-container.opened .flex-tab {
  display: block;
}

.rc-old .list-view .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

.rc-old .list-view .list .message {
  padding: 8px 0 4px 71px;
}

.rc-old .list-view>.title:not(:last-child) {
  margin: 0 0 20px;
}

.rc-old .list-view>.title h2 {
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
}

.rc-old .list-view>.title p {
  margin-top: 4px;
  font-size: 12px;
}

.rc-old .list-view>.title b {
  font-weight: 600;
}

.rc-old .list-view>.title .see-all {
  float: right;
  cursor: pointer;
  text-decoration: underline;
  border-width: 0;
}

.rc-old .list-view>.title .see-all:hover {
  text-decoration: none;
}

.rc-old .list-view .show-more-users {
  display: block;
  margin: 1em auto 0;
}

.rc-old .user-view {
  z-index: 15;
  overflow-x: hidden;
  overflow-y: auto;
}

.rc-old .user-view .about {
  width: 100%;
  margin-bottom: 20px;
}

.rc-old .user-view .thumb {
  width: 100%;
  height: 350px;
  padding: 20px;
}

.rc-old .user-view nav {
  padding: 0 20px;
}

.rc-old .user-view nav .back {
  float: right;
}

.rc-old .user-view .info {
  padding: 0 20px;
  white-space: normal;
}

.rc-old .user-view .info h2 {
  overflow: hidden;
  width: 100%;
  margin: 8px 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 24px;
  line-height: 27px;
}

.rc-old .user-view .info h2 i:after {
  display: inline-block;
  width: 8px;
  height: 8px;
  content: " ";
  vertical-align: middle;
  border-radius: 2px;
  border-radius: var(--border-radius);
}

.rc-old .user-view .info h3 {
  margin: 8px 0;
}

.rc-old .user-view .info p {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.rc-old .user-view .stats li {
  display: inline-block;
  margin-bottom: 3px;
  padding: 4px 6px;
  border-right: 2px;
  border-radius: 2px;
}

.rc-old .user-view .box {
  position: relative;
  margin-bottom: 25px;
  font-size: 13px;
}

.rc-old .user-view .box h4 {
  margin-bottom: 6px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.rc-old .user-view .box:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  content: " ";
}

.rc-old .user-view .tags li {
  display: inline-block;
  padding: 4px;
  border-right: 2px;
}

.rc-old .user-view .links i {
  margin-right: 5px;
  font-size: 13px;
}

.rc-old .user-view .links a {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 100%;
  padding: 0 5px;
  -webkit-transition: background 0.18s ease, color 0.18s ease;
  transition: background 0.18s ease, color 0.18s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 2px;
  line-height: 22px;
}

.rc-old .user-view .links a:before {
  position: absolute;
  top: 0;
  right: 5px;
  content: attr(data-stats);
  opacity: 0;
  font-size: 11px;
}

.rc-old .user-view .links a:hover {
  padding-right: 34px;
  text-decoration: none;
}

.rc-old .user-view .links a:hover:before {
  opacity: 1;
}

.rc-old .user-view .links a span {
  font-weight: 300;
}

.rc-old .user-view .channels h3 {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 22px;
}

.rc-old .user-view .channels p {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.rc-old .user-view .channels a {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 100%;
  padding: 0 5px;
  -webkit-transition: background 0.18s ease, color 0.18s ease;
  transition: background 0.18s ease, color 0.18s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 2px;
  line-height: 22px;
}

.rc-old .user-view .channels a:before {
  position: absolute;
  top: 0;
  right: 5px;
  content: attr(data-stats);
  opacity: 0;
  font-size: 11px;
}

.rc-old .user-view .channels a span {
  font-weight: 300;
}

.rc-old .edit-form {
  padding: 20px 20px 0;
  white-space: normal;
}

.rc-old .edit-form h3 {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 22px;
}

.rc-old .edit-form p {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.rc-old .edit-form>.input-line {
  margin-top: 20px;
}

.rc-old .edit-form>.input-line #password,
.rc-old .edit-form>.input-line #roleSelect {
  width: 70%;
}

.rc-old .edit-form nav {
  padding: 0;
}

.rc-old .edit-form nav.buttons {
  margin-top: 2em;
}

.rc-old .edit-form .form-divisor {
  height: 9px;
  margin: 2em 0;
  text-align: center;
}

.rc-old .edit-form .form-divisor>span {
  padding: 0 1em;
}

.rc-old .avatarPrompt header p {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

.rc-old .avatarPrompt img {
  width: 200px;
}

.rc-old #login-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 520px;
  margin: 20px auto;
  padding: 20px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08),
    0 0 12px 0 rgba(47, 52, 61, 0.12);
  box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08),
    0 0 12px 0 rgba(47, 52, 61, 0.12);
}

.rc-old #login-card header {
  padding: 18px 0 23px;
}

.rc-old #login-card header p {
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

.rc-old #login-card h2 {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
}

.rc-old #login-card h2,
.rc-old #login-card h3 {
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-weight: 300;
}

.rc-old #login-card h3 {
  margin: 18px 0;
  font-size: 16px;
}

.rc-old #login-card img {
  width: 200px;
}

.rc-old #login-card a {
  display: inline-block;
  margin: 4px 0;
}

.rc-old #login-card .options {
  display: none;
  width: 100%;
  font-size: 10px;
}

.rc-old #login-card .input-line {
  position: relative;
  margin: 0 0 14px;
}

.rc-old #login-card .input-line:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 40px;
  content: " ";
  cursor: text;
}

.rc-old #login-card .input-line.active:before {
  visibility: hidden;
}

.rc-old #login-card .input-line input,
.rc-old #login-card .input-line select {
  position: relative;
  width: 100%;
  padding: 4px 8px;
  border-width: 0 0 1px;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  font-size: 18px;
  font-weight: 400;
}

.rc-old #login-card .input-line input:focus,
.rc-old #login-card .input-line select:focus {
  border-color: #1d74f5 !important;
}

.rc-old #login-card .input-line label {
  display: block;
  margin-left: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
  color: #a9a9a9;
  font-size: 12px;
}

.rc-old #login-card .input-line .input-error {
  padding-left: 8px;
  text-align: left;
  color: #b40202;
  font-size: 14px;
  font-weight: 700;
}

.rc-old .oauth-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  margin-left: -4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.rc-old .oauth-login h3 {
  margin-top: 0;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
}

.rc-old .oauth-login button {
  margin: 0 5px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .oauth-login .button {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 22px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .oauth-login .button:first-child {
  margin-left: 4px;
}

.full-page,
.page-loading {
  background-color: #f5f5f5;
  background-color: var(--rc-color-primary);
}

.rc-old.full-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  min-height: 100%;
  margin: auto;
  text-align: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50%;
  background-size: cover;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.rc-old.full-page .wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  margin: auto;
  padding: 20px;
  text-align: center;
}

.rc-old.full-page .logo {
  display: block;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 0 20px;
}

.rc-old.full-page .logo>img {
  position: relative;
  z-index: 20;
  top: 0;
  right: 0;
  display: inline-block;
  max-width: 100%;
  max-height: 150px;
}

.rc-old.full-page a {
  font-weight: 300;
}

.rc-old.full-page .cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.rc-old.full-page header {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 520px;
  margin: auto;
  padding: 0 20px;
}

.rc-old.full-page .text {
  position: relative;
  z-index: 1;
  max-width: 580px;
  margin: 0 auto 25px;
  font-weight: 300;
}

.rc-old.full-page .text .button {
  margin-top: 20px;
  padding: 16px 20px;
  font-weight: 400;
}

.rc-old.full-page .text h1 {
  display: none;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
}

.rc-old.full-page .text h2 {
  font-size: 20px;
}

.rc-old.full-page .text h2,
.rc-old.full-page .text h3 {
  margin: 18px 0;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-weight: 300;
}

.rc-old.full-page .text h3 {
  font-size: 16px;
}

.rc-old.full-page .text p {
  margin: 18px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.rc-old.full-page footer {
  position: relative;
  z-index: 1;
  padding: 20px 0 0;
}

.rc-old.full-page footer h4 {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
}

.rc-old.full-page footer div.switch-language {
  margin-top: 20px;
}

.rc-old.full-page .share {
  min-height: 40px;
  border-radius: 50%;
  line-height: 20px;
}

.rc-old.full-page .share:before {
  border-radius: 50%;
}

.rc-old.full-page .share span {
  display: none;
}

.rc-old .highlight-text {
  padding: 2px;
  border-radius: 15px;
}

.rc-old .avatar-suggestions {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

.rc-old .avatar-suggestion-item,
.rc-old .avatar-suggestions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}

.rc-old .avatar-suggestion-item {
  width: 100%;
  margin: 5px 0;
  padding: 12px;
  -webkit-transition: background-color 0.15s ease-out,
    border-color 0.15s ease-out;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
  text-align: left;
  border-width: 1px;
  border-radius: 2px;
  border-radius: var(--border-radius);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.rc-old .avatar-suggestion-item:first-child {
  margin-top: 10px;
}

.rc-old .avatar-suggestion-item .avatar {
  position: relative;
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  text-align: center;
  background-size: cover;
  font-size: 40px;
}

.rc-old .avatar-suggestion-item .question-mark:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 55px;
}

.rc-old .avatar-suggestion-item .action {
  padding-left: 20px;
  text-align: right;
}

.rc-old .avatar-suggestion-item .button {
  min-width: 120px;
  cursor: pointer;
  text-align: center;
}

.rc-old .avatar-suggestion-item .input-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.avatar-wrapper svg {
  border-radius: 10px;
}

.rc-old .avatar-suggestion-item #avatarurl {
  margin-right: 20px;
}

.rc-old .avatar-suggestion-item input[type="file"] {
  position: absolute !important;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.rc-old .avatar-suggestion-item input[type="file"] * {
  cursor: pointer;
}

.rc-old .avatar-suggestion-item .avatar-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.rc-old .dropzone .dropzone-overlay {
  position: absolute;
  z-index: 1000000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  text-align: center;
  background: hsla(0, 0%, 100%, 0.8);
  font-size: 42px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-old .dropzone .dropzone-overlay--enabled {
  color: #1d74f5;
  color: var(--color-blue);
  border: 4px dashed #1d74f5;
  border: 4px dashed var(--color-blue);
}

.rc-old .dropzone .dropzone-overlay--disabled {
  color: #f5455c;
  color: var(--color-red);
  border: 4px dashed #f5455c;
  border: 4px dashed var(--color-red);
}

.rc-old .dropzone.over .dropzone-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

.rc-old .touch .footer {
  padding-right: 10px;
  padding-left: 10px;
}

.webrtc-video .main-video,
.webrtc-video .state-overlay:before,
.webrtc-video .videos .video-item,
.webrtc-video.webrtc-video-overlay {
  color: #fff;
  color: var(--color-white);
}

.webrtc-video.webrtc-video-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding: 1rem;
  padding: var(--default-small-padding);
  background-color: #fff;
}

.webrtc-video.webrtc-video-overlay,
.webrtc-video.webrtc-video-overlay .main-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.webrtc-video.webrtc-video-overlay .main-video {
  min-height: 140px;
  margin-bottom: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.webrtc-video.webrtc-video-overlay .main-video .webrtc-video-element {
  width: auto;
  max-width: 100%;
  height: 100%;
  min-height: 140px;
}

.webrtc-video .main-video {
  text-align: center;
}

.webrtc-video .main-video .webrtc-video-element {
  width: 100%;
  min-height: 299px;
}

.webrtc-video .main-video>div {
  position: relative;
  margin-top: -28px;
  margin-bottom: 2px;
  padding: 0 8px;
  text-align: center;
  font-weight: 700;
  line-height: 25px;
}

.webrtc-video .video-flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH;
}

.webrtc-video .videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.webrtc-video .videos .video-item {
  position: relative;
  overflow: hidden;
  width: 93px;
  margin-right: 3px;
  margin-bottom: 3px;
  text-align: center;
  line-height: 0;
}

.webrtc-video .videos .video-item .webrtc-video .videos .video-item.state-overlay:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: attr(data-state-text);
  font-size: 12px;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.webrtc-video .videos .video-item .webrtc-video-element {
  max-width: 100px;
  height: 70px;
}

.webrtc-video .videos .video-item>div {
  position: relative;
  overflow: hidden;
  margin-top: -16px;
  padding: 0 2px;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.webrtc-video .videos .video-item .video-muted-overlay {
  position: absolute;
  top: 16px;
  right: 0;
  bottom: 16px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.webrtc-video-element {
  background-color: #000;
}

.rc-old .alert-icon {
  display: block;
  margin-bottom: 20px;
  font-size: 80px;
}

.rc-old .inline-video {
  width: 100%;
  max-width: 480px;
  height: 270px;
  max-height: 270px;
  border-radius: 10px;
}

.rc-old .attention-message {
  padding-top: 50px;
  font-size: 24px;
}

.rc-old .attention-message i {
  display: block;
  margin-bottom: 20px;
  font-size: 40px;
}

.rc-old .attention-message span {
  display: block;
}

.rc-old .load-more {
  position: relative;
  height: 2rem;
}

.rc-old .flex-tab__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.rc-old .flex-tab__header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-bottom: 10px;
}

.rc-old .flex-tab__result {
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.rc-old .flex-tab .no-results {
  text-align: center;
}

.rc-old .code-colors {
  color: #333;
  border-color: #ccc;
  background-color: #f8f8f8;
}

.rc-old .powered-by {
  margin-top: 1em;
}

.rc-old .code-error-box .title {
  margin-top: 5px;
  padding: 5px;
  font-size: 16px;
  font-weight: 700;
}

.rc-old .code-error-box .script-error {
  padding: 6px;
  border-left: 3px solid;
  font-size: 12px;
  font-weight: 700;
}

.rc-old .code-mirror-box .title {
  display: none;
}

.rc-old .code-mirror-box .button-fullscreen {
  display: initial;
}

.rc-old .code-mirror-box .button-restore {
  display: none;
}

.rc-old .code-mirror-box .buttons {
  margin: 10px 0;
}

.rc-old .code-mirror-box .CodeMirror {
  border-width: 2px;
  border-width: var(--input-border-width);
  border-color: #e1e5e8;
  border-color: var(--input-border-color);
  border-radius: 10px;
  border-radius: var(--input-border-radius);
}

.rc-old .code-mirror-box.code-mirror-box-fullscreen {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto;
  height: auto;
  padding: 40px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.rc-old .code-mirror-box.code-mirror-box-fullscreen .buttons {
  border-width: 0;
}

.rc-old .code-mirror-box.code-mirror-box-fullscreen .title {
  display: initial;
  font-size: 16px;
  line-height: 50px;
}

.rc-old .code-mirror-box.code-mirror-box-fullscreen .button-fullscreen {
  display: none;
}

.rc-old .code-mirror-box.code-mirror-box-fullscreen .button-restore {
  display: initial;
}

.rc-old .code-mirror-box.code-mirror-box-fullscreen .CodeMirror {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .code-mirror-box.code-mirror-box-fullscreen .CodeMirror .CodeMirror-scroll {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-old .collapse-switch {
  cursor: pointer;
}

.toggle-hidden {
  cursor: pointer;
  font-style: italic;
}

.rc-old br.only-after-a {
  display: none;
}

.rc-old a+br.only-after-a {
  display: block;
}

.rc-old .hide-usernames .message .user.user-card-message .message-alias {
  display: none;
}

.rc-old .hide-avatars .message {
  padding-left: 20px;
}

.rc-old .hide-avatars .message .thumb.user-card-message:not(.thumb-small) {
  display: none;
}

.rc-old .hide-avatars .message .user.user-card-message {
  margin-left: -5px;
}

.rc-old .hide-avatars .message .thread-icons--thread {
  position: relative;
  left: 0;
  margin: 0 3px;
}

.rc-old .messages-box:not(.compact) .hide-avatars .message.sequential .info {
  position: static;
  float: right;
  width: auto;
}

.rc-old .form-inline input,
.rc-old .form-inline select {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.rc-old .form-inline label {
  display: inline-block;
  max-width: 100%;
}

.rc-old .form-inline .form-group {
  display: inline-block;
  vertical-align: middle;
}

.rc-old .embedded-view .messages-container {
  border-width: 0;
}

.rc-old .embedded-view .messages-container .flex-tab-container {
  display: none;
}

.rc-old .embedded-view .messages-container .messages-box {
  margin-top: 0;
}

.rc-old .embedded-view .messages-container .footer {
  min-height: 36px;
  padding: 0;
}

.rc-old .embedded-view .messages-container .footer .formatting-tips,
.rc-old .embedded-view .messages-container .footer .users-typing {
  display: none;
}

.rc-old .user-info.deactivated {
  text-decoration: line-through;
  opacity: 0.8;
}

@media (max-width: 1100px) {
  .rc-old .flex-tab-container.opened .flex-tab {
    position: absolute;
    z-index: 100;
    right: 40px;
    height: 100%;
  }
}

@media (min-width: 781px) {
  .rc-old.main-content {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
}

@media (max-width: 780px) {
  .rc-old.main-content {
    -webkit-transition: right 0.25s cubic-bezier(0.5, 0, 0.1, 1),
      -webkit-transform 0.1s linear;
    transition: right 0.25s cubic-bezier(0.5, 0, 0.1, 1),
      -webkit-transform 0.1s linear;
    transition: right 0.25s cubic-bezier(0.5, 0, 0.1, 1), transform 0.1s linear;
    transition: right 0.25s cubic-bezier(0.5, 0, 0.1, 1), transform 0.1s linear,
      -webkit-transform 0.1s linear;
    will-change: transform;
  }

  .rc-old.burger {
    display: inline-block;
    visibility: visible;
  }

  .rc-old .fixed-title h2 {
    margin-left: 45px;
  }

  .rc-old .messages-box {
    padding: 0 10px;
  }

  .rc-old .code-mirror-box.code-mirror-box-fullscreen {
    left: 0;
  }

  .rc-old .container-bars .unread-bar .unread-count {
    display: inline-block;
  }

  .rc-old .container-bars .unread-bar .unread-count-since {
    display: none;
  }

  .rc-old .container-bars .unread-bar>button.jump-to .jump-to-small {
    display: inline-block;
  }

  .rc-old .container-bars .unread-bar>button.jump-to .jump-to-large {
    display: none;
  }

  .add-token {
    display: block !important;
  }

  .add-token .rc-select {
    width: auto !important;
    margin: 10px 0 !important;
  }
}

@media (max-width: 840px) {
  .cms-page {
    padding: 0;
  }

  .cms-page__content {
    margin: 0;
    padding: 0 1rem 1rem;
  }

  .cms-page .cms-page-close {
    margin-top: 10px;
  }
}

@media (max-height: 480px) {
  .rc-old #login-card {
    margin: 10px auto;
    padding: 10px;
  }

  .rc-old #login-card .input-line {
    margin-bottom: 6px;
  }

  .rc-old #login-card .submit {
    margin: 0;
  }

  .rc-old .oauth-login {
    margin-bottom: 6px;
  }
}

@media (max-width: 440px) {
  .rc-old .flex-tab-container.opened .flex-tab {
    left: 0;
    width: auto;
  }

  .flex-tab-container.opened {
    left: 0;
  }
}

@media (max-height: 400px) {
  .upload-preview .upload-preview-file {
    height: 100px;
  }
}

.room-leader .chat-now {
  position: absolute;
  right: 25px;
  height: 30px;
  padding: 4px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #555;
  border: 1px solid #e1e5e8;
  border: 1px solid var(--color-gray-light);
  border-radius: 2px;
  border-radius: var(--border-radius);
  font-family: arial;
  font-size: 14px;
}

.room-leader a.chat-now:hover {
  color: #555;
}

.room-leader {
  position: absolute;
  z-index: 9;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 57px;
  padding-bottom: 8px;
  -webkit-transition: visibility 0.15s cubic-bezier(0.5, 0, 0.1, 1),
    -webkit-transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  transition: visibility 0.15s cubic-bezier(0.5, 0, 0.1, 1),
    -webkit-transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1),
    visibility 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1),
    visibility 0.15s cubic-bezier(0.5, 0, 0.1, 1),
    -webkit-transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  border-bottom: 1px solid #f2f3f5;
  border-bottom: 1px solid var(--color-gray-lightest);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.room-leader.message:hover {
  background-color: #fff;
}

.room-leader.animated-hidden {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.room-leader .leader-name {
  font-size: 18px;
}

.room-leader .leader-status .status-text {
  padding-left: 15px;
  font-size: 14px;
}

.room-leader .leader-status .color-ball {
  position: absolute;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 5px;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow-y: auto;
  height: 100%;
}

html.noscroll {
  overflow: hidden;
}

body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: #f5f5f5;
  background-color: var(--rc-color-primary);
  font-family: "Nunito", Arial, Helvetica, sans-serif !important;
  font-size: 0.875rem;
  font-size: var(--text-small-size);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 840px) {
  body {
    position: fixed;
  }
}

:focus {
  outline: 0 !important;
  outline-style: none;
  outline-color: transparent;
}

.clearfix {
  clear: both;
}

.clearfix:after {
  display: table;
  clear: both;
  content: "";
}

a {
  cursor: pointer;
}

a,
a:active,
a:hover {
  text-decoration: none;
}

button {
  padding: 0;
  cursor: pointer;
  text-align: left;
  text-transform: inherit;
  color: inherit;
  border-width: 0;
  background: none;
  font-style: inherit;
}

#rocket-chat {
  font-family: "Nunito", Arial, Helvetica, sans-serif !important;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  max-height: 100%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#rocket-chat.animated-hidden {
  visibility: hidden;
  opacity: 0;
}

.flex-tab-bar .tab-button {
  position: relative;
  cursor: pointer;
}

.flex-tab-bar .tab-button-icon {
  color: #414852;
  color: var(--rc-color-primary-dark);
  font-size: 20px;
}

.flex-tab-bar .tab-button-icon--star {
  width: 17px;
  height: 16px;
  fill: none;
}

.flex-tab-bar .tab-button-icon--language {
  width: 16px;
  height: 16px;
  fill: currentColor;
  stroke: none;
}

.flex-tab-bar .tab-button-icon--hubot {
  width: 14px;
  height: 16px;
}

.rc-icon {
  overflow: hidden;
  width: 1.25em;
  height: 1.1em;
  vertical-align: -0.15em;
  fill: currentColor;
  color: currentColor;
}

.rc-icon--default-size {
  min-width: 18px;
  min-height: 18px;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

.ps-scrollbar-y-rail {
  background: transparent !important;
}

.ps-scrollbar-y {
  width: 4px !important;
}

.first-unread .body:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #f5455c;
  background: var(--rc-color-error);
}

.first-unread .body:after,
.first-unread .body:before {
  position: absolute;
  z-index: 1;
  -webkit-animation-name: unread;
  animation-name: unread;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  pointer-events: none;
}

.first-unread .body:after {
  top: -6px;
  right: 0;
  padding: 0 5px 2px;
  content: attr(data-unread-text);
  text-align: right;
  text-transform: lowercase;
  color: #f5455c;
  color: var(--rc-color-error);
  border-radius: 2px;
  background: #fff;
  font-size: 10px;
  line-height: 10px;
}

@-webkit-keyframes unread {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1%;
  }
}

@keyframes unread {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1%;
  }
}

.message.new-day.first-unread:after {
  border-color: #f5455c;
  border-color: var(--rc-color-error);
}

.message.new-day.first-unread .body:before {
  display: none;
}

.message.new-day.first-unread .body:after {
  top: -26px;
}

.hidden {
  display: none !important;
}

@-webkit-keyframes fadeIn {
  0% {
    visibility: hidden;
    opacity: 0;
  }

  1% {
    visibility: visible;
    opacity: 0;
  }

  to {
    visibility: visible;
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    visibility: visible;
    opacity: 1;
  }

  99% {
    visibility: visible;
    opacity: 0;
  }

  to {
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    visibility: visible;
    opacity: 1;
  }

  99% {
    visibility: visible;
    opacity: 0;
  }

  to {
    visibility: hidden;
    opacity: 0;
  }
}

@-webkit-keyframes highlight {
  0% {
    background: #ffeef5;
  }

  to {
    background: none;
  }
}

@keyframes highlight {
  0% {
    background: #ffeef5;
  }

  to {
    background: none;
  }
}

@-webkit-keyframes modalEnter {
  0% {
    visibility: hidden;
    opacity: 0;
  }

  1% {
    visibility: visible;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    opacity: 0;
  }

  to {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes modalEnter {
  0% {
    visibility: hidden;
    opacity: 0;
  }

  1% {
    visibility: visible;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    opacity: 0;
  }

  to {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes modalExit {
  0% {
    visibility: visible;
    opacity: 1;
  }

  99% {
    visibility: visible;
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
  }

  to {
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes modalExit {
  0% {
    visibility: visible;
    opacity: 1;
  }

  99% {
    visibility: visible;
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
  }

  to {
    visibility: hidden;
    opacity: 0;
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes spinh {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  to {
    -webkit-transform: rotateY(1turn);
    transform: rotateY(1turn);
  }
}

@keyframes spinh {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  to {
    -webkit-transform: rotateY(1turn);
    transform: rotateY(1turn);
  }
}

.dropdown-in {
  -webkit-animation: dropdown-in 0.3s;
  animation: dropdown-in 0.3s;
}

@-webkit-keyframes dropdown-in {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes dropdown-in {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.pulse {
  -webkit-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rc-apps-settings {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rc-apps-settings__item {
  width: 100%;
  padding: 10px 0;
}

.rc-apps-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 705px;
  margin: auto;
  padding: 25px 0;
}

.rc-apps-container__header {
  border-bottom: 1px solid #e1e1e1;
}

.rc-apps-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px;
}

.rc-apps-details__photo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 95px;
  height: 95px;
  border: 1px solid #f7f7f7;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.rc-apps-details__content {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rc-apps-details__content,
.rc-apps-details__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-apps-details__row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.rc-apps-details__row button svg {
  margin: 0 5px 0 -5px;
  font-size: 18px;
}

.rc-apps-details__row h2 {
  padding: 5px 0;
  font-size: 18px;
}

.rc-apps-details__row+.rc-apps-details__row {
  padding-top: 5px;
}

.rc-apps-details__block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.rc-apps-details__name {
  font-size: 24px;
}

.rc-apps-details__version {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.rc-apps-details__author {
  font-weight: 500;
}

.rc-apps-details__item {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 1px;
  flex: 1 1 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rc-apps-details__api {
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.rc-apps-details__api__description {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  background-color: #fafafa;
  font-size: 14px;
}

.rc-apps-details__api__description__item {
  display: table;
  padding: 10px;
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
  white-space: pre;
  border-top: 1px dashed #ccc;
  line-height: 20px;
}

.rc-apps-details__api__description__item:first-child {
  border-top: none;
}

@media (max-width: 840px) {
  .rc-apps-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .rc-apps-details__item {
    text-align: center;
  }

  .rc-apps-details__row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.input.checkbox.toggle {
  position: relative;
  min-height: 20px;
}

.input.checkbox.toggle input {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  outline: 0;
}

.input.checkbox.toggle input:checked+label:after {
  left: 25px;
}

.input.checkbox.toggle label {
  display: block;
  min-height: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: top;
}

.input.checkbox.toggle label:before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 16px;
  content: "";
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  border-radius: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input.checkbox.toggle label:after {
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  content: "";
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
  border-radius: 50%;
}

.rc-form-group {
  margin-bottom: 2.5rem;
  margin-bottom: var(--gap-between-elements);
}

.rc-form-group--small {
  margin-bottom: 1rem;
  margin-bottom: var(--default-small-padding);
}

.rc-form-group--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  white-space: nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.rc-form-group>.rc-form-item-inline {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.rc-form-group>.rc-form-item-inline--full {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.rc-form-label {
  display: block;
  margin-bottom: 1rem;
  margin-bottom: var(--label-margin-bottom);
  cursor: pointer;
  color: #2d343d;
  font-size: 0.875rem;
  font-size: var(--input-font-size);
}

.rc-form-fieldset {
  padding: 1.5rem;
  padding: var(--default-padding);
  border-width: 2px;
  border-width: var(--input-border-width);
  border-color: #e1e5e8;
  border-color: var(--input-border-color);
  border-radius: 10px;
  border-radius: var(--input-border-radius);
  background-color: transparent;
}

.rc-form-fieldset--error {
  color: #f5455c;
  color: var(--input-error-color);
  border-color: #f5455c;
  border-color: var(--input-error-color);
}

.rc-form-legend {
  margin: 0 -5px;
  padding: 0 5px;
  color: #2d343d;
  font-size: 1rem;
  font-weight: 500;
}

.rc-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.5rem;
  margin: 0 calc(var(--default-small-padding) / -2);
}

.rc-button-group .rc-button {
  margin: 0 0.5rem;
  margin: 0 calc(var(--default-small-padding) / 2);
}

.rc-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.rc-w50 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.rc-w50.padded:nth-child(odd) {
  padding-right: 15px;
}

.rc-w50.padded:nth-child(2n) {
  padding-left: 15px;
}

@media (max-width: 840px) {
  .rc-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .rc-w50 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .rc-w50.padded:nth-child(odd) {
    padding-right: 0;
  }

  .rc-w50.padded:nth-child(2n) {
    padding-left: 0;
  }
}

.preferences-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;

  background: #FFFFFF;
  margin: 20px;
}

.preferences-page--new {
  padding: 1.5rem;
}

.preferences-page__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  padding: 25px 0;
}

.preferences-page--apps .preferences-page__header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.preferences-page .container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.preferences-page__title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.preferences-page__alert {
  margin-bottom: 20px;
}

@media (min-width: 501px) {
  .preferences-page .container {
    max-width: 649px;
    margin: auto;
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

.rc-button--icon>svg {
  margin: 0 5px 0 -5px;
  font-size: 20px;
  fill: currentColor;
}

.rtl .rc-button--icon>svg {
  margin: 0 -5px 0 5px;
}

.rc-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-height: 40px;
  padding: 0 1.5rem;
  cursor: pointer;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  text-align: center;
  color: #000;
  border: 2px solid #000;
  border-width: var(--button-border-width);
  border-radius: 16px;
  border-radius: var(--button-border-radius);
  background-color: transparent;
  font-size: 0.875rem;
  font-size: var(--button-text-size);
  font-weight: 600;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-button:active,
.rc-button:focus:hover {
  outline: none;
}

.rc-button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  opacity: 0.9;
}

.rc-button:active:before {
  top: -2px;
}

.rc-button:disabled {
  cursor: default;
  color: #fff;
  color: var(--button-disabled-text-color);
  border: 0;
  border-color: #e1e5e8;
  border-color: var(--button-disabled-background);
  background-color: #e1e5e8;
  background-color: #FCCEE6;
}

.rc-button--invisible {
  visibility: hidden;
}

.rc-button--primary {
  color: #fff;
  color: var(--button-primary-text-color);
  border: 0;
  background-color: #D5156B;
}

.rc-button--pink {
  font-family: Nunito;
  font-weight: 600;
  padding: 15px 11px !important;
  color: #fbe9f0;
  border: 0;
  background-color: #d5156a;
}

.rc-button--pink-thread {
  background-color: #673ab7;
}

.rc-button--pink-thread,
.rc-button--success {
  color: #fff;
  color: var(--button-primary-text-color);
  border: 0;
}

.rc-button--success {
  background-color: #2ecc71;
}

.rc-button--message-box {
  background-color: #25d366;
  margin-left: 25px;
  height: 43px;
}

.rc-button--message-box,
.rc-button--upload {
  border-radius: 30px;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 700;
}

.rc-button--upload {
  min-width: 178px;
  height: 50px;
}

.rc-button--upload-confirm {
  background-color: #e8006a;
}

.rc-button--upload-cancel {
  background-color: #f1f1f1;
  border: 0;
}

.rc-button--nude {
  border: none;
  background-color: inherit;
  font-weight: 400;
}

.rc-button--primary.rc-button--nude,
.rc-button--primary.rc-button--outline {
  color: #1d74f5;
  color: var(--button-primary-background);
}

.rc-button--primary.rc-button--outline {
  border-color: #1d74f5;
  border-color: var(--button-primary-background);
}

.rc-button--secondary {
  color: #414852;
  color: var(--button-secondary-text-color);
  border: 0;
  border-color: #cbced1;
  border-color: var(--button-secondary-background);
  background-color: #cbced1;
  background-color: var(--button-secondary-background);
}

.rc-button--secondary.rc-button--outline {
  color: #cbced1;
  color: var(--button-secondary-background);
  border-color: #cbced1;
  border-color: var(--button-secondary-background);
}

.rc-button--cancel {
  color: #fff;
  color: var(--button-primary-text-color);
  border: 0;
  border-color: #f5455c;
  border-color: var(--button-cancel-color);
  background-color: #f5455c;
  background-color: var(--button-cancel-color);
}

.rc-button--cancel.rc-button--outline {
  color: #f5455c;
  color: var(--button-cancel-color);
  border-color: #f5455c;
  border-color: var(--button-cancel-color);
}

.rc-button--small {
  height: 28px;
  height: var(--button-height-small);
  min-height: 28px;
  min-height: var(--button-height-small);
  padding: 0 0.5rem;
  padding: var(--button-padding-small);
  font-size: 13px;
  font-size: var(--button-text-size-small);
}

.rc-button--square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36px;
  flex: 0 0 36px;
  -ms-flex: 0 0 var(--button-square-size);
  flex: 0 0 var(--button-square-size);
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-button--outline {
  border-width: 2px;
  border-style: solid;
  background: transparent;
}

.rc-button--stack {
  width: 100%;
}

.rc-button--no-padding {
  padding-right: 0;
  padding-left: 0;
}

.rc-button.loading {
  position: relative;
  padding-right: 2.346rem;
  -webkit-transition: padding-right 0.3s;
  transition: padding-right 0.3s;
}

.rc-button.loading:before {
  position: absolute;
  top: 25%;
  right: 0.782rem;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  -webkit-animation: spin 1s cubic-bezier(0.14, 0.48, 0.45, 0.63) infinite;
  animation: spin 1s cubic-bezier(0.14, 0.48, 0.45, 0.63) infinite;
  border: 0.15rem solid hsla(0, 0%, 49.8%, 0.5);
  border-top-color: #fff;
  border-radius: 50%;
}

.rc-button__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 10px -5px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rc-button__group>.rc-button {
  margin: 0 5px;
}

.rc-button__group--wrap {
  margin: 5px -5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rc-button__group--wrap>.rc-button {
  margin: 5px;
}

.rc-button__group--stretch {
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

.rc-button__group--stretch>.rc-button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.rc-button__group--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 840px) {
  .rc-button--full {
    width: 100%;
  }
}

.gossip-button {
  background-color: #fff8fb;
  color: #d5156a;
  border: 1px solid #d5156a;
  padding: 15px 8px !important;
}

.gossip-button:hover {
  background-color: #d5156a;
  color: #fff;
  border: 1px solid #d5156a;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.rc-button--upload-cancel:hover,
.rc-button--upload-confirm:hover {
  cursor: pointer;
}

textarea.rc-input__element {
  height: auto;
  padding: 0.5rem 1rem;
  font-family: inherit;
}

.rc-input {
  position: relative;
  width: 100%;
}

.rc-input__label {
  display: block;
  cursor: pointer;
}

.rc-input__title {
  font-size: 0.875rem;
  font-size: var(--input-font-size);
}

.rc-input__wrapper {
  position: relative;
  padding: 0.5rem 0;
  color: #2f343d;
  color: var(--input-icon-color);
}

.rc-input__icon {
  position: absolute;
  top: 0;
  left: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 100%;
  cursor: default;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-input__icon+.rc-input__element {
  padding: 0 1rem 0 2.75rem;
}

.rc-input__icon--right {
  right: 1rem;
  left: auto;
}

.rc-input__icon--clickable {
  cursor: pointer;
}

.rc-input__icon--right+.rc-input__element {
  padding: 0 2.75rem 0 1rem;
}

.rc-input__element {
  width: 100%;
  height: 2.5rem;
  padding: 0 1rem;
  text-align: start;
  text-overflow: ellipsis;
  color: #414852;
  color: var(--input-text-color);
  border-width: 2px;
  border-width: var(--input-border-width);
  border-color: #e1e5e8;
  border-color: var(--input-border-color);
  border-radius: 10px;
  border-radius: var(--input-border-radius);
  background-color: transparent;
  font-size: 0.875rem;
  font-size: var(--input-font-size);
  line-height: normal;
}

.rc-input__element--small {
  height: 2rem;
}

.rc-input__element::-webkit-input-placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input__element::-moz-placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input__element:-ms-input-placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input__element::-ms-input-placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input__element::placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input__element[type="color"] {
  height: 45px;
}

.rc-input__pink-element {
  width: 100%;
  height: 50px;
  padding: 0 1rem;
  text-align: start;
  text-overflow: ellipsis;
  color: #666;
  border-width: 1px;
  border-color: #e5e5e5;
  border-radius: 40px;
  background-color: transparent;
  font-size: 16px;
  line-height: normal;
  font-family: Nunito;
  font-weight: 600;
}

.rcx-box--text-style-headline {
  letter-spacing: 0rem;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Meiryo UI, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2rem;
}

.not-supported-browser {
  width: 100%;
  min-height: 100vh;

  text-align: center;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  display: flex;
  justify-content: center;
  align-items: center;

  &__404 {
    font-size: 4em;
    font-weight: bold;
  }
}

.not-supported-browser__text {
  font-size: 4em;
  font-weight: bold;
}

.rcx-box--text-color-alternative {
  color: #ffffff;
}

.rcx-box,
.rcx-box::before,
.rcx-box::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transition: all 230ms;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: tabular-nums;
}

.rcx-button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  letter-spacing: 0rem;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Meiryo UI, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  background-color: #eeeff1;
  color: var(--rcx-button-colors-secondary-color, var(--rcx-color-neutral-800, #2f343d));
  border-color: var(--rcx-button-colors-secondary-border-color, var(--rcx-color-neutral-300, #eeeff1));
  border: .125rem solid #eeeff1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 7px 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-block: 7px;
  padding-left: 15px;
  padding-right: 15px;
  padding-inline: 15px;
}

.rcx-button--primary {
  color: #ffffff;
  border-width: 0.125rem;
  border-style: solid;
  border-color: #1d74f5;
  border-radius: 0.125rem;
  background-color: #1d74f5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.rcx-box--text-color-primary {
  color: #1d74f5;
}

.rcx-box.rcx-\@s6mi60 {
  margin: 0.75rem !important;
}

.rcx-box.rcx-\@19aubzx {
  margin: 2rem !important;
}

.rcx-box.rcx-\@1kgm1vs {
  -webkit-align-items: center !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.rcx-box.rcx-\@1qvl0ud {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.rc-input__pink-element::-webkit-input-placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #bebebe;
}

.rc-input__pink-element::-moz-placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #bebebe;
}

.rc-input__pink-element:-ms-input-placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #bebebe;
}

.rc-input__pink-element::-ms-input-placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #bebebe;
}

.rc-input__pink-element::placeholder {
  text-align: start;
  text-overflow: ellipsis;
  color: #bebebe;
}

.rc-input__pink-element[type="color"] {
  height: 45px;
}

.rc-input__description {
  margin-bottom: 0.25rem;
  color: #9ea2a8;
  color: var(--input-description-text-color);
  font-size: 0.875rem;
  font-size: var(--input-description-text-size);
}

.rc-input__error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #f5455c;
  color: var(--input-error-color);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-input__error-icon {
  width: 20px;
}

.rc-input__error-icon--warning {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}

.rc-input__error-message {
  margin-left: 0.5rem;
}

.rc-input--small {
  font-size: 14px;
}

.rc-input--small .rc-input__element {
  padding-top: 8px;
  padding-bottom: 8px;
}

.rc-input--error .rc-input__element,
.rc-input--error .rc-tags {
  border-color: #f5455c;
  border-color: var(--input-error-color);
}

.rc-input-file {
  position: relative;
  width: 100%;
}

.rc-input-file__label {
  display: block;
  cursor: pointer;
}

.rc-input-file__title,
.rc-input-file__wrapper {
  font-size: 0.875rem;
  font-size: var(--input-font-size);
}

.rc-input-file__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin: 0.5rem 0;
  padding: 0.3rem;
  color: #414852;
  color: var(--input-text-color);
  border-width: 2px;
  border-width: var(--input-border-width);
  border-color: #e1e5e8;
  border-color: var(--input-border-color);
  border-radius: 10px;
  border-radius: var(--input-border-radius);
  background-color: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rc-input-file__wrapper::-webkit-input-placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input-file__wrapper::-moz-placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input-file__wrapper:-ms-input-placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input-file__wrapper::-ms-input-placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input-file__wrapper::placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.rc-input-file__wrapper>.rc-button {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 10px;
  min-height: 31px;
  margin: 0;
  padding: 8px;
  border-color: #e1e5e8;
  border-radius: 2px;
  background: #f1f1f1;
}

.rc-input-file__name {
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  padding: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
}

.rc-input-file__element {
  display: none;
}

.rc-input-file__description {
  color: #9ea2a8;
  color: var(--color-gray);
  font-size: 0.875rem;
}

select.rc-input {
  width: 100%;
  padding: 0.782rem;
  color: #414852;
  color: var(--input-text-color);
  border-width: 2px;
  border-width: var(--input-border-width);
  border-color: #e1e5e8;
  border-color: var(--input-border-color);
  border-radius: 10px;
  border-radius: var(--input-border-radius);
  background-color: transparent;
  font-size: 0.875rem;
  font-size: var(--input-font-size);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.rc-input--small {
  padding: 0.5rem 1rem;
}

.rc-select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 2.5rem;
  color: #414852;
  color: var(--input-text-color);
  border-width: 2px;
  border-width: var(--input-border-width);
  border-color: #e1e5e8;
  border-color: var(--input-border-color);
  border-radius: 10px;
  border-radius: var(--input-border-radius);
  background-color: transparent;
  font-size: 0.875rem;
  font-size: var(--input-font-size);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rc-select__option {
  text-align: right;
}

.rc-select__arrow {
  position: absolute;
  right: 5px;
  pointer-events: none;
  color: #e1e5e8;
  color: var(--color-gray-light);
  font-size: 20px;
}

.rtl .rc-select__arrow {
  right: auto;
  left: 5px;
}

.rc-select__element {
  width: 100%;
  height: 100%;
  padding: 0 2rem 0 1rem;
  text-transform: capitalize;
  border: none;
  border-radius: 0;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.rc-select__element::-ms-expand {
  display: none;
}

.rc-select--small {
  height: 1.75rem;
}

.rc-select-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5rem 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.rtl .rc-select__element {
  padding: 0 1rem 0 2rem;
}

.rc-popup-list {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.rc-popup-list__list {
  overflow-y: auto;
  width: 100%;
  max-height: 312px;
  padding: 1rem;
  background-color: #fff;
  background-color: var(--popup-list-background);
  -webkit-box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08),
    0 0 8px 0 rgba(47, 52, 61, 0.12);
  box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08), 0 0 8px 0 rgba(47, 52, 61, 0.12);
}

.rc-popup-list__item,
.rc-popup-list__list {
  border-radius: 16px;
  border-radius: var(--popup-list-border-radius);
}

.rc-popup-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-popup-list__item.selected {
  background-color: #f2f3f5;
  background-color: var(--popup-list-selected-background);
}

.rc-popup-list__item:hover {
  background-color: #f2f3f5;
  background-color: var(--popup-list-background-hover);
}

.rc-popup-list__item-image {
  width: 32px;
  height: 32px;
  margin-right: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.rc-popup-list__item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2d343d;
  color: var(--popup-list-name-color);
  font-size: 1rem;
  font-size: var(--popup-list-name-size);
}

.rtl .rc-popup-list__item-image {
  margin-right: 0;
  margin-left: 1rem;
}

.rc-select-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.rc-select-avatar__preview {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  -ms-flex: 0 0 var(--select-avatar-preview-size);
  flex: 0 0 var(--select-avatar-preview-size);
  width: 150px;
  width: var(--select-avatar-preview-size);
  height: 150px;
  height: var(--select-avatar-preview-size);
  margin-right: 1rem;
}

.rc-select-avatar__loading:after {
  display: inline-block;
  overflow: hidden;
  width: 0;
  content: "\2026";
  -webkit-animation: ellipsis 1.5s steps(4) infinite;
  animation: ellipsis 1.5s steps(4) infinite;
  vertical-align: bottom;
}

.rc-select-avatar__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rc-select-avatar__list-item {
  width: 48px;
  width: var(--select-avatar-size);
  height: 48px;
  height: var(--select-avatar-size);
  margin-right: 10px;
  margin-bottom: 10px;
}

.rc-select-avatar__list-item.disabled {
  opacity: 0.4;
}

.rc-select-avatar__list-item {
  cursor: pointer;
}

.rc-select-avatar__list-item .avatar {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.rc-select-avatar__list-item .avatar:hover {
  opacity: 0.8;
}

.rc-select-avatar__upload-label {
  display: block;
  cursor: pointer;
  color: #2d343d;
  color: var(--select-avatar-upload-color);
  background: #e1e5e8;
  background: var(--select-avatar-upload-background);
}

.rc-select-avatar__upload-icon {
  width: 48px;
  width: var(--select-avatar-size);
  height: 48px;
  height: var(--select-avatar-size);
  padding: 12px;
  fill: currentColor;
}

.rc-switch {
  padding: 0 0.25rem;
}

.rc-switch__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -0.25rem;
  margin-bottom: 0.5rem;
  margin-left: -0.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-switch--blue .rc-switch__button {
  border-color: #d7d7d7;
  background-color: #e1e5e8;
  background-color: var(--color-gray-light);
}

.rc-switch--blue .rc-switch__input:checked+.rc-switch__button {
  border-color: #1d74f5;
  border-color: var(--button-primary-background);
  background-color: #1d74f5;
  background-color: var(--button-primary-background);
}

.rc-switch--custom .rc-switch__button {
  border-color: #d7d7d7;
  background-color: #e1e5e8;
  background-color: var(--color-gray-light);
}

.rc-switch--custom .rc-switch__input:checked+.rc-switch__button {
  border-color: #d5156b;
  background-color: #d5156b;
  background-color: #d5156b;
}

.rc-switch__input {
  display: none;
}

.rc-switch__input:checked+.rc-switch__button {
  border-color: #26d198;
  background-color: #2de0a5;
  background-color: var(--rc-color-success);
}

.rc-switch__input:checked+.rc-switch__button .rc-switch__button-inside {
  -webkit-transform: translate3d(13px, 1px, 0);
  transform: translate3d(13px, 1px, 0);
}

.rc-switch__input:disabled+.rc-switch__button {
  cursor: default;
  border-color: #e1e5e8 !important;
  border-color: var(--button-disabled-background);
  background-color: #f2f3f5 !important;
  background-color: var(--rc-color-primary-lightest);
}

.rc-switch__input:disabled~.rc-switch__text {
  cursor: default;
}

.rc-switch__button {
  -webkit-box-flex: 0;
  -ms-flex: 0 32px;
  flex: 0 32px;
  width: 32px;
  height: 20px;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  cursor: pointer;
  border-color: #e1364c;
  border-color: var(--rc-color-error-light);
  border-radius: 13px;
  background-color: #f5455c;
  background-color: var(--rc-color-error);
}

.rc-switch__button,
.rc-switch__button-inside {
  display: block;
  -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  border-width: 1px;
}

.rc-switch__button-inside {
  width: 16px;
  height: 16px;
  -webkit-transform: translate3d(1px, 1px, 0);
  transform: translate3d(1px, 1px, 0);
  border-color: #f2f3f5;
  border-radius: 50%;
  background-color: #fff;
  background-color: var(--color-white);
}

.rc-switch__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  cursor: pointer;
  color: #2f343d;
  color: var(--color-dark);
}

.rc-switch__description,
.rc-switch__text {
  font-size: 0.875rem;
  font-size: var(--input-font-size);
}

.rc-switch__description {
  color: #9ea2a8;
  color: var(--color-gray);
}

.rtl .rc-switch__button {
  margin-right: 0;
  margin-left: 0.5rem;
}

.rtl .rc-switch__button-inside {
  -webkit-transform: translate3d(-1px, 1px, 0);
  transform: translate3d(-1px, 1px, 0);
}

.rtl .rc-switch__input:checked+.rc-switch__button .rc-switch__button-inside {
  -webkit-transform: translate3d(-13px, 1px, 0);
  transform: translate3d(-13px, 1px, 0);
}

.rc-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 40px;
  padding: 0 1rem 0 2.25rem;
  border-width: 2px;
  border-width: var(--tags-border-width);
  border-color: #e1e5e8;
  border-color: var(--tags-border-color);
  border-radius: 2px;
  border-radius: var(--tags-border-radius);
  background-color: transparent;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.rc-tags--no-icon {
  padding: 0;
}

.rc-tags__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.15rem;
  padding: 0.35rem 0.5rem;
  color: #f5f5f5;
  color: var(--tags-text-color);
  background: #f2f3f5;
  background: var(--tags-background);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-tags__tag-image {
  width: 20px;
  width: var(--tags-avatar-size);
  height: 20px;
  height: var(--tags-avatar-size);
  margin-right: 0.5rem;
}

.rc-tags__tag-text {
  margin-right: 0.5rem;
}

.rc-tags__tag-icon {
  width: 10px;
  height: 10px;
  pointer-events: none;
  stroke: #9d9fa3;
}

.rc-tags__input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0.25rem;
  padding: 0.35rem 0.5rem;
  border: 0;
  font-size: 0.875rem;
}

.rc-tags__input::-webkit-input-placeholder {
  color: #cbced1;
  color: var(--rc-color-primary-light-medium);
}

.rc-tags__input::-moz-placeholder {
  color: #cbced1;
  color: var(--rc-color-primary-light-medium);
}

.rc-tags__input:-ms-input-placeholder {
  color: #cbced1;
  color: var(--rc-color-primary-light-medium);
}

.rc-tags__input::-ms-input-placeholder {
  color: #cbced1;
  color: var(--rc-color-primary-light-medium);
}

.rc-tags__input::placeholder {
  color: #cbced1;
  color: var(--rc-color-primary-light-medium);
}

.rc-checkbox {
  position: relative;
  margin: 6px 8px;
  cursor: pointer;
}

.rc-checkbox__input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.rc-checkbox__input[disabled]~.rc-checkbox__text:before {
  border-color: #e1e5e8;
  border-color: var(--color-gray-light);
}

.rc-checkbox__input:checked~.rc-checkbox__icon {
  display: block;
}

.rc-checkbox__input:checked~.rc-checkbox__text:before {
  border-color: #175cc4;
  border-color: var(--rc-color-button-primary-light);
  background-color: #1d74f5;
  background-color: var(--rc-color-button-primary);
}

.rc-checkbox__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-checkbox__text:before {
  width: 12px;
  height: 12px;
  margin: 0 8px;
  content: "";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #cbced1;
  border: 1px solid var(--rc-color-primary-light-medium);
  border-radius: 2px;
  background: transparent;
}

.rc-checkbox__text:hover:before {
  border-color: #9ea2a8;
  border-color: var(--rc-color-primary-light);
}

.rc-checkbox__icon {
  position: absolute;
  top: 3px;
  left: 2px;
  display: none;
  width: 8px;
  color: #fff;
}

.rc-text__small {
  letter-spacing: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.sidebar {
  position: relative;
  z-index: 35;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 410px;
  flex: 0 0 410px;
  -ms-flex: 0 0 var(--sidebar-width);
  flex: 0 0 var(--sidebar-width);
  width: 410px;
  width: var(--sidebar-width);
  max-width: 410px;
  max-width: var(--sidebar-width);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background-color: #2f343d;
  background-color: var(--sidebar-background);
  z-index: 9997;
}

.sidebar,
.sidebar-light {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  height: 100%;
}

.sidebar-light {
  position: absolute;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: #f2f3f5;
  background-color: var(--sidebar-background-light);
}

.sidebar-wrap {
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-drag: none;
}

.sidebar__footer:not(:empty) {
  width: auto;
  height: 48px;
  height: var(--sidebar-footer-height);
  padding: 12px 24px;
  padding: var(--sidebar-extra-small-default-padding) var(--sidebar-default-padding);
}

.sidebar__footer:not(:empty) img {
  max-width: 100%;
  height: 100%;
}

.sidebar__footer:not(:empty) a:-moz-any-link {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.sidebar__footer:not(:empty) a:any-link {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.sidebar .wrapper-unread {
  position: relative;
  z-index: 2;
}

.sidebar .wrapper-unread .unread-rooms {
  position: absolute;
  left: 50%;
  overflow: hidden;
  min-width: 120px;
  max-width: 100%;
  padding: 8px 16px;
  padding: 8px var(--sidebar-small-default-padding);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: fade 0.3s;
  animation: fade 0.3s;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 25px;
}

.sidebar .wrapper-unread .unread-rooms.bottom-unread-rooms {
  bottom: 0;
}

.sidebar .wrapper-unread .unread-rooms.top-unread-rooms {
  top: 0;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (max-width: 1110px) {
  .sidebar {
    position: absolute;
  }

  .sidebar:not(.sidebar-light) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-drag: none;
    will-change: transform;
  }

  .sidebar {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }
}

@media (max-width: 840px) {
  .sidebar {
    position: absolute;
  }

  .sidebar:not(.sidebar-light) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-drag: none;
    will-change: transform;
  }

  .rtl .sidebar {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }
}

@media (max-width: 450px) {
  .sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    -ms-flex: 0 0 var(--sidebar-small-width);
    flex: 0 0 var(--sidebar-small-width);
    width: 90%;
    width: var(--sidebar-small-width);
    max-width: 90%;
    max-width: var(--sidebar-small-width);
  }

  .sidebar__footer {
    display: none;
  }

  .sidebar:not(.sidebar--light) {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  .rtl .sidebar {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }
}

.sidebar__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 62px;
  margin: 0;
  padding: 0.8rem 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #efefef;
}

.sidebar__header-thumb {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
  -ms-flex: 0 0 var(--sidebar-account-thumb-size);
  flex: 0 0 var(--sidebar-account-thumb-size);
  width: 35px;
  width: var(--sidebar-account-thumb-size);
  height: 35px;
  height: var(--sidebar-account-thumb-size);
  margin: 0 10px;
}

.sidebar__header-thumb .avatar {
  cursor: pointer;
}

.sidebar__header-status-bullet {
  position: absolute;
  right: -2px;
  bottom: -1px;
  display: block;
  width: 10px;
  width: var(--sidebar-account-status-bullet-size);
  height: 10px;
  height: var(--sidebar-account-status-bullet-size);
  pointer-events: none;
  border: 2px solid #2f343d;
  border-color: var(--sidebar-background);
  border-radius: 50%;
  border-radius: var(--sidebar-account-status-bullet-radius);
}

.sidebar__header-status-bullet--online {
  background-color: #2de0a5;
  background-color: var(--rc-status-online);
}

.sidebar__header-status-bullet--away {
  background-color: #f38c39;
  background-color: var(--rc-status-away);
}

.sidebar__header-status-bullet--busy {
  background-color: #f5455c;
  background-color: var(--rc-status-busy);
}

.sidebar__header-status-bullet--invisible,
.sidebar__header-status-bullet--offline {
  background-color: #cbced1;
  background-color: var(--rc-status-invisible);
}

.sidebar__toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin: 0 -10px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sidebar__toolbar-button {
  color: #9ea2a8;
  color: var(--sidebar-item-text-color);
  font-size: 20px;
  fill: #9ea2a8;
  fill: var(--sidebar-item-text-color);
}

.sidebar__toolbar-search {
  position: absolute;
  right: 34px;
  right: calc(10px + var(--sidebar-default-padding));
  display: none;
  width: 200px;
}

.sidebar__toolbar-search .rc-input__element {
  background-color: #2f343d;
  background-color: var(--sidebar-background);
}

.sidebar__toolbar-search .rc-input__icon {
  color: #fff;
}

.sidebar__toolbar-search .rc-input__icon--cross {
  right: 0;
  left: auto;
}

.rc-popover--sidebar-header .rc-popover__icon-element--circle {
  font-size: 10px;
  font-size: var(--sidebar-account-status-bullet-size);
}

.rc-popover--sidebar-header .rc-popover__item--online .rc-icon {
  color: #2de0a5;
  color: var(--rc-status-online);
}

.rc-popover--sidebar-header .rc-popover__item--away .rc-icon {
  color: #f38c39;
  color: var(--rc-status-away);
}

.rc-popover--sidebar-header .rc-popover__item--busy .rc-icon {
  color: #f5455c;
  color: var(--rc-status-busy);
}

.rc-popover--sidebar-header .rc-popover__item--offline .rc-icon {
  color: #cbced1;
  color: var(--rc-status-invisible);
}

@media (min-width: 1372px) {
  .sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 410px;
    max-width: var(--sidebar-wide-width);
  }

  .sidebar__toolbar {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .sidebar__toolbar-button {
    margin: 0px;
  }
}

.sidebar-light .sidebar-item {
  color: #2f343d;
  color: var(--color-dark);
}

.sidebar-light .sidebar-item:hover {
  background-color: #9ea2a8;
  background-color: var(--sidebar-background-light-hover);
}

.sidebar-light .sidebar-item--active {
  background-color: #cbced1;
  background-color: var(--sidebar-background-light-active);
}

.sidebar-light .sidebar-item__picture {
  color: inherit;
}

.sidebar-light .sidebar-item__message {
  margin: 0;
}

.sidebar--hide-avatar .sidebar-item__picture {
  display: none;
}

.sidebar--extended .sidebar-item {
  height: 52px;
  height: var(--sidebar-item-height-extended);
}

.sidebar--extended .sidebar-item__picture {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36px;
  flex: 0 0 36px;
  -ms-flex: 0 0 var(--sidebar-item-thumb-size-extended);
  flex: 0 0 var(--sidebar-item-thumb-size-extended);
}

.sidebar--extended .sidebar-item__picture,
.sidebar--extended .sidebar-item__user-thumb {
  width: 36px;
  width: var(--sidebar-item-thumb-size-extended);
  height: 36px;
  height: var(--sidebar-item-thumb-size-extended);
}

.sidebar--extended .sidebar-item__message {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 36px;
  height: var(--sidebar-item-thumb-size-extended);
}

.sidebar--extended .sidebar-item__message-bottom,
.sidebar--extended .sidebar-item__message-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sidebar--medium .sidebar-item {
  height: 34px;
  height: var(--sidebar-item-height-medium);
}

.sidebar--medium .sidebar-item__picture {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 27px;
  flex: 0 0 27px;
  -ms-flex: 0 0 var(--sidebar-item-thumb-size-medium);
  flex: 0 0 var(--sidebar-item-thumb-size-medium);
}

.sidebar--medium .sidebar-item__picture,
.sidebar--medium .sidebar-item__user-thumb {
  width: 27px;
  width: var(--sidebar-item-thumb-size-medium);
  height: 27px;
  height: var(--sidebar-item-thumb-size-medium);
}

.sidebar-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  height: var(--sidebar-item-height);
  padding: 0 24px;
  padding: 0 var(--sidebar-default-padding);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #9ea2a8;
  color: var(--sidebar-item-text-color);
  border-radius: 2px;
  border-radius: var(--sidebar-item-radius);
  background-color: inherit;
  background-color: var(--sidebar-item-background);
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.sidebar-item:hover {
  background-color: #1f2329;
  background-color: var(--sidebar-item-hover-background);
}

.sidebar-item:hover .sidebar-item__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sidebar-item__btn {
  color: #fff;
  padding: 5px;
  text-transform: uppercase;
  font-size: 10px;
  border-radius: 5px;
}

.sidebar-item--active,
.sidebar-item__btn {
  background-color: #414852;
  background-color: var(--sidebar-item-active-background);
}

.sidebar-item--mention,
.sidebar-item--unread {
  color: #fff;
  color: var(--sidebar-item-unread-color);
  font-weight: 600;
  font-weight: var(--sidebar-item-unread-font-weight);
}

.sidebar-item__popup-active {
  background-color: #414852;
  background-color: var(--sidebar-item-popup-background);
}

.sidebar-item__link {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 -2px;
  color: inherit;
}

.sidebar-item__icon,
.sidebar-item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sidebar-item__icon {
  width: 20px;
}

.sidebar-item__icon-status--online {
  color: #2de0a5;
  color: var(--rc-status-online);
}

.sidebar-item__icon-status--away {
  color: #f38c39;
  color: var(--rc-status-away);
}

.sidebar-item__icon-status--busy {
  color: #f5455c;
  color: var(--rc-status-busy);
}

.sidebar-item__video {
  margin: 0 2px;
  color: #2de0a5;
  color: var(--rc-color-success);
  font-size: 1rem;
}

.sidebar-item__user-thumb {
  width: 18px;
  width: var(--sidebar-item-thumb-size);
  height: 18px;
  height: var(--sidebar-item-thumb-size);
}

.sidebar-item__user-status {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 6px;
  width: var(--sidebar-item-user-status-size);
  height: 6px;
  height: var(--sidebar-item-user-status-size);
  margin: 0 7px;
  border-radius: 50%;
  border-radius: var(--sidebar-item-user-status-radius);
}

.sidebar-item__user-status--online {
  background-color: #2de0a5;
  background-color: var(--rc-status-online);
}

.sidebar-item__user-status--away {
  background-color: #f38c39;
  background-color: var(--rc-status-away);
}

.sidebar-item__user-status--busy {
  background-color: #f5455c;
  background-color: var(--rc-status-busy);
}

.sidebar-item__user-status--offline {
  background-color: #1f2329;
  background-color: var(--rc-status-invisible-sidebar);
}

.sidebar-item__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 18px;
  flex: 0 0 18px;
  -ms-flex: 0 0 var(--sidebar-item-thumb-size);
  flex: 0 0 var(--sidebar-item-thumb-size);
  height: 20px;
  margin: 0 2px;
  color: #fff;
  color: var(--sidebar-item-unread-color);
  border-radius: 2px;
  border-radius: var(--sidebar-item-radius);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sidebar-item__body {
  margin: 0 4px;
}

.sidebar-item__body,
.sidebar-item__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sidebar-item__message {
  margin: 0 -3px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sidebar-item__message-top {
  overflow: hidden;
  width: 100%;
}

.sidebar-item__ellipsis {
  margin: 0 2px;
}

.sidebar-item__ellipsis,
.sidebar-item__name {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sidebar-item__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  font-size: var(--sidebar-item-text-size);
  line-height: 1.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sidebar-item__me {
  text-transform: lowercase;
}

.sidebar-item__last-message {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: normal;
}

.sidebar-item__time {
  margin: 0 3px;
  color: #9ea2a8;
  color: var(--sidebar-item-text-color);
  font-size: 10px;
}

.sidebar-item__menu {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  height: 100%;
  padding: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar-item__menu-icon {
  fill: #fff;
  fill: var(--color-white);
}

.flex-nav .sidebar-item__message {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rtl .sidebar-item__menu {
  right: auto;
  left: 0;
}

@media (max-width: 400px) {
  .sidebar-item {
    padding: 0 0 0 16px;
    padding: 0 0 0 var(--sidebar-small-default-padding);
  }

  .rtl .sidebar-item {
    padding: 0 16px 0 0;
    padding: 0 var(--sidebar-small-default-padding) 0 0;
  }
}

.sidebar-flex__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  padding: var(--sidebar-default-padding);
}

.sidebar-flex__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1rem;
  font-weight: 400;
}

.sidebar-flex__close-button {
  font-size: 18px;
}

.sidebar-flex__search {
  padding: 0 1rem;
}

.sidebar-flex__search .rc-input__wrapper {
  color: #9ea2a8;
  color: var(--sidebar-flex-search-placeholder-color);
}

.sidebar-flex__search .rc-input__icon {
  left: 0.5rem;
}

.sidebar-flex__search .rc-input__element {
  padding-left: 2.25rem;
  border: 0;
  background-color: #fff;
  background-color: var(--sidebar-flex-search-background);
}

.sidebar-flex__search .rc-input__element::-webkit-input-placeholder {
  color: #9ea2a8;
  color: var(--sidebar-flex-search-placeholder-color);
}

.sidebar-flex__search .rc-input__element::-moz-placeholder {
  color: #9ea2a8;
  color: var(--sidebar-flex-search-placeholder-color);
}

.sidebar-flex__search .rc-input__element:-ms-input-placeholder {
  color: #9ea2a8;
  color: var(--sidebar-flex-search-placeholder-color);
}

.sidebar-flex__search .rc-input__element::-ms-input-placeholder {
  color: #9ea2a8;
  color: var(--sidebar-flex-search-placeholder-color);
}

.sidebar-flex__search .rc-input__element::placeholder {
  color: #9ea2a8;
  color: var(--sidebar-flex-search-placeholder-color);
}

@media (max-width: 400px) {
  .sidebar-flex__back-button {
    padding: 1rem 8px 1.5rem;
    padding: 1rem calc(var(--sidebar-small-default-padding) - 8px) 1.5rem;
  }
}

.toolbar {
  left: 10px;
  width: 100%;
  padding: 0 8px 0 0;
}

.toolbar__wrapper {
  margin: 0 -0.25rem;
  color: #9ea2a8;
  color: var(--toolbar-placeholder-color);
}

.toolbar__search,
.toolbar__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.toolbar__search {
  position: relative;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.toolbar__search-input {
  width: 100%;
  padding-left: 32px;
}

.toolbar__search-input:focus+svg {
  display: block;
}

.toolbar__search-buttons {
  margin-left: 8px;
}

.toolbar__icon--plus {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.25rem;
}

.toolbar .rc-input {
  margin: 0 0.25rem;
}

.toolbar .rc-input__wrapper {
  padding: 0;
  color: #969696;
}

.toolbar .rc-input__element {
  color: #fff;
  color: var(--color-white);
  border-color: #414852;
  border-color: var(--rc-color-primary-dark);
  background-color: #1f2329;
  background-color: var(--rc-color-primary-darkest);
}

.toolbar .rc-input__element::-webkit-input-placeholder {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.toolbar .rc-input__element::-moz-placeholder {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.toolbar .rc-input__element:-ms-input-placeholder {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.toolbar .rc-input__element::-ms-input-placeholder {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.toolbar .rc-input__element::placeholder {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.toolbar .rc-input__element:focus+.rc-input__icon--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.toolbar .rc-input__icon {
  left: 0.5rem;
  fill: #9ea2a8;
  fill: var(--rc-color-primary-light);
}

.toolbar .rc-input__icon--right {
  right: 0.5rem;
  left: auto;
  display: none;
}

.toolbar .rc-input__icon+.rc-input__element {
  padding: 0.5rem 1.5rem 0.5rem 2.25rem;
}

.toolbar .rc-input__icon-svg--plus {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 1rem;
}

.toolbar .rc-button {
  min-height: 36px;
  margin: 0 0.25rem;
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
  border-color: #414852;
  border-color: var(--rc-color-primary-dark);
  background-color: #1f2329;
  background-color: var(--rc-color-primary-darkest);
}

.toolbar .rc-input__icon-svg--magnifier {
  font-size: 1rem;
}

.rtl .toolbar .rc-input__icon+.rc-input__element {
  padding: 0.5rem 2.25rem 0.5rem 1rem;
}

.no-border {
  border-width: 0 !important;
}

.rooms-list {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
}

.rooms-list--embedded {
  margin-top: 2rem;
}

.rooms-list__list:not(:last-child) {
  margin-bottom: 22px;
}

.rooms-list__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 24px;
  padding: 0 var(--sidebar-default-padding) 0 var(--sidebar-default-padding);
  color: #9ea2a8;
  color: var(--rooms-list-title-color);
  font-size: 0.75rem;
  font-size: var(--rooms-list-title-text-size);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rooms-list__type-text--livechat {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rooms-list__empty-room {
  padding: 0 24px;
  padding: 0 var(--sidebar-default-padding);
  color: #9ea2a8;
  color: var(--rooms-list-empty-text-color);
  font-size: 0.75rem;
  font-size: var(--rooms-list-empty-text-size);
}

.rooms-list__toolbar-search {
  position: absolute;
  z-index: 10;
  left: 10px;
  overflow-y: scroll;
  background-color: #2f343d;
  background-color: var(--sidebar-background);
}

@media (max-width: 400px) {
  padding: 0 12px;
  padding: 0 calc(var(--sidebar-small-default-padding) - 4px);

  .rooms-list__empty-room,
  .rooms-list__type {
    padding: 0 12px 0.5rem;
    padding: 0 calc(var(--sidebar-small-default-padding) - 4px) 0.5rem calc(var(--sidebar-small-default-padding) - 4px);
  }
}

.flex-nav {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1),
    -webkit-transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
  background-color: #f2f3f5;
  background-color: var(--flex-nav-background);
  will-change: transform;
}

.flex-nav.animated-hidden {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.rtl .flex-nav.animated-hidden {
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}

.rc-header {
  z-index: 10;
  font-size: 1.375rem;
  font-size: var(--text-heading-size);
  background: #f9f9f9;
  background: var(--header-background-color);
}

.rc-header .rc-badge {
  position: absolute;
  z-index: 1;
  top: -2px;
  left: 14px;
  left: var(--badge-size);
  min-width: 14px;
  min-width: var(--badge-size);
  height: 14px;
  height: var(--badge-size);
  padding: 0 5px;
  text-align: center;
  color: #fff;
  border-radius: 2.5rem;
  border-radius: calc(4 * var(--badge-font-size));
  background: #1d74f5;
  background: var(--rc-color-button-primary);
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  font-size: 0.625rem;
  font-size: var(--badge-font-size);
  font-weight: 600;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-header .rc-badge,
.rc-header__first-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-header__first-icon {
  width: 48px;
  padding: 0 0.25rem;
  cursor: pointer;
}

.rc-header--room {
  padding: 6px 0.8rem;
  min-height: 62px;
  display: grid;
  font-size: 1rem;
  font-size: var(--header-title-font-size);
}

.rc-header__wrap {
  z-index: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
  background-color: #f9f9f9;
  background-color: var(--header-background-color);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rc-header__block,
.rc-header__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-header__block {
  margin: 0 -0.5rem;
  padding: 0 0.5rem;
  cursor: pointer;
}

.rc-header__block-action {
  position: relative;
  cursor: pointer;
}

.rc-header__block-action+.rc-header__block-action:after,
.rc-header__block-action+.rc-header__block-action:before {
  position: absolute;
  height: 1rem;
  content: "";
}

.rc-header__block-action+.rc-header__block-action:before {
  border-left: 1px solid #ccc;
}

.rtl .rc-header__block-action+.rc-header__block-action:after {
  border-right: 1px solid #9ea2a8;
  border-right: 1px solid var(--color-gray);
}

.rtl .rc-header__block-action+.rc-header__block-action:before {
  border-left: 0;
}

.rc-header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-header--burger {
  display: none;
}

.rc-header__name {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-header__section-title {
  color: #2f343d;
  color: var(--header-title-username-color-darker);
  font-weight: 400;
  font-weight: var(--header-title-username-weight);
}

.rc-header__section-help {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.rc-header__section-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rc-header__section-button>button {
  margin: 0.3rem;
}

.rc-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.rc-header-title,
.rc-header__data {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rc-header__data {
  overflow: hidden;
  width: 1px;
  margin: 0 0.5rem;
  text-overflow: ellipsis;
  color: #343434;
  color: var(--header-title-username-main-color);
  font-weight: 400;
  font-weight: var(--header-title-username-weight);
  font-family: Nunito, Arial, Helvetica, sans-serif;
  line-height: 17px;
  font-size: 15px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.rc-header__username {
  display: inline;
  color: #9ea2a8;
  color: var(--header-title-status-color);
}

.rc-header__status,
.rc-header__topic {
  color: #9ea2a8;
  color: var(--header-title-status-color);
  font-size: 0.875rem;
  font-size: var(--header-title-font-size--subtitle);
  font-weight: 400;
  font-weight: var(--header-title-status-name-weight);
}

.rc-header__topic,
.rc-header__visual-status {
  overflow: hidden;
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-overflow: ellipsis;
}

.rc-header__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-header__status-bullet {
  width: 10px;
  width: var(--header-title-status-bullet-size);
  height: 10px;
  height: var(--header-title-status-bullet-size);
  margin-right: 0.25rem;
  border-radius: 50%;
  border-radius: var(--header-title-status-bullet-radius);
}

.rc-header__status-bullet--online {
  background-color: #2de0a5;
  background-color: var(--rc-status-online);
}

.rc-header__status-bullet--away {
  background-color: #f38c39;
  background-color: var(--rc-status-away);
}

.rc-header__status-bullet--busy {
  background-color: #f5455c;
  background-color: var(--rc-status-busy);
}

.rc-header__status-bullet--invisible,
.rc-header__status-bullet--offline {
  background-color: #cbced1;
  background-color: var(--rc-status-invisible);
}

.rc-header__toggle-favorite {
  padding: 0 0.25rem;
  color: #cbced1;
  color: var(--header-toggle-favorite-color);
}

.rc-header__toggle-favorite>.rc-header__icon {
  font-size: 2rem;
}

.rc-header__toggle-favorite--checked,
.rc-header__toggle-favorite:hover {
  color: #f6c502;
  color: var(--header-toggle-favorite-star-color);
}

.rc-header__toggle-encryption {
  color: #7ca52b;
  color: var(--header-toggle-encryption-on-color);
}

.rc-header__toggle-encryption.empty {
  color: #cbced1;
  color: var(--header-toggle-encryption-off-color);
}

.rc-header__toggle-encryption.empty .rc-header__icon {
  fill: none;
}

.rc-header__toggle-encryption:hover {
  color: #7ca52b;
  color: var(--header-toggle-encryption-on-color);
}

.rc-header__icon {
  font-size: 1rem;
}

.rc-header__image {
  width: 35px;
  height: 35px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.rc-header .rc-button {
  height: 36px;
  min-height: 36px;
  margin: 0 0.25rem;
}

.rc-room-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

.rc-room-actions__action,
.rc-room-actions__more-action {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;

  align-items: center;
  height: 32px;
}

.rc-room-actions__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.rc-room-actions__action.active,
.rc-room-actions__action:hover,
.rc-room-actions__more-action.active,
.rc-room-actions__more-action:hover {
  color: #1d74f5;
  color: var(--rc-color-link-active);
}

.rc-room-actions__action.enabled,
.rc-room-actions__more-action.enabled {
  color: #7ca52b;
  color: var(--header-toggle-encryption-on-color);
}

.rc-room-actions__action.live,
.rc-room-actions__more-action.live {
  position: relative;
}

.rc-room-actions__action.live:before,
.rc-room-actions__more-action.live:before {
  position: absolute;
  z-index: 1;
  right: -2px;
  bottom: -1px;
  display: block;
  width: 10px;
  width: var(--sidebar-account-status-bullet-size);
  height: 10px;
  height: var(--sidebar-account-status-bullet-size);
  content: "";
  -webkit-animation: blink 1.5s ease-in-out infinite;
  animation: blink 1.5s ease-in-out infinite;
  border-radius: 50%;
  border-radius: var(--sidebar-account-status-bullet-radius);
  background-color: #f5455c;
}

.rc-room-actions__more-action {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
  margin: 8px;
}

.rc-room-actions__more-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 480px;
  margin: 0 -8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rc-room-actions__button {
  color: inherit;
  font-size: inherit;
}

.rc-room-actions__description {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  padding: 8px 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 600;
}

.rc-room-actions+.rc-room-actions {
  border-left: 1px solid #9ea2a8;
  border-left: 1px solid var(--color-gray);
}

.rtl .rc-room-actions+.rc-room-actions {
  border-right: 1px solid #9ea2a8;
  border-right: 1px solid var(--color-gray);
  border-left: 0;
}

.tab-button-icon--star {
  fill: none;
}

.tab-bugtton-icon--team {
  font-size: 28px;
}

@media (max-width: 840px) {
  .rc-header__block {
    margin: 0 0.25rem;
  }

  .rc-header__block-action {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .rc-header__block-action+.rc-header__block-action {
    border-left: 1px solid #9ea2a8;
    border-left: 1px solid var(--color-gray);
  }

  .rtl .rc-header__block-action+.rc-header__block-action {
    border-right: 1px solid #9ea2a8;
    border-right: 1px solid var(--color-gray);
    border-left: 0;
  }

  .rc-header__favorite {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .rc-header__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .rc-header__status {
    margin: 0 0.5rem;
  }

  .rc-header__image {
    width: 20px;
    height: 20px;
  }

  .rc-header--burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
  }
}

.embedded-view .room-container .rc-header--burger {
  display: none;
}

.whatsapp-badge {
  width: 20px;
  height: 20px;
  background-color: #34c759;
  border-radius: 20px !important;
  margin-right: 6px;
  text-align: right;
  padding: 3px 3px 2px;
}

.meta-badge {
  width: 20px;
  height: 20px;
  margin-right: 0;
  text-align: center;
  padding: 0;
}

.whatsapp-header {
  overflow: visible;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.masked {
  -webkit-mask-image: url(P1-mascara.svg?x-request=html);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 38px;
  -webkit-mask-position: center;
}

.masked__header {
  padding: 0;
}

.burger {
  position: relative;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease-out 0.1s;
  transition: -webkit-transform 0.2s ease-out 0.1s;
  transition: transform 0.2s ease-out 0.1s;
  transition: transform 0.2s ease-out 0.1s, -webkit-transform 0.2s ease-out 0.1s;
  will-change: transform;
}

.burger .burger__line {
  display: block;
  width: 20px;
  height: 2px;
  margin: 5px 0;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  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;
  opacity: 0.8;
}

.burger .unread-burger-alert {
  position: absolute;
  z-index: 3;
  bottom: 13px;
  left: 10px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.burger.menu-opened .burger__line:first-child,
.burger.menu-opened .burger__line:nth-child(3) {
  -webkit-transform-origin: 50%, 50%, 0;
  transform-origin: 50%, 50%, 0;
  opacity: 1;
}

.burger.menu-opened .burger__line:first-child {
  -webkit-transform: translate(-25%, 3px) rotate(-45deg) scaleX(0.5);
  transform: translate(-25%, 3px) rotate(-45deg) scaleX(0.5);
}

.burger.menu-opened .burger__line:nth-child(3) {
  -webkit-transform: translate(-25%, -3px) rotate(45deg) scaleX(0.5);
  transform: translate(-25%, -3px) rotate(45deg) scaleX(0.5);
}

.tag-add {
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 6px;
  border-radius: 16px;
  color: #344054;
  gap: 2px;

  font-family: Nunito;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

  cursor: pointer;
}

.tag-add:hover {
  background-color: #E4E7EC;
  color: #344054;
}

.channel-header-tags-create-plus-icon {
  width: 12px;
  height: 12px;
}

.tag-badge-circle:hover {
  color: #d5156a;
  color: var(--p-color-pink);
  background-color: #fff;
  outline: 1px solid #d5156a;
}

@media (max-width: 780px) {
  .rc-header--burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
  }
}

.tag-badge-close {
  color: rgba(59, 56, 61, 0.6);
  height: 18px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tag-badge-close:hover {
  color: rgba(59, 56, 61, 0.9);
  cursor: pointer;
}

.tag-popover-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #f5f6f7;
  height: 25px;
  font-weight: 600;
  padding: 0 4px;
}

.tag-popover-header-icon {
  cursor: pointer;
}

.tag-popover-container {
  min-width: 230px;
  font-family: Nunito;
  color: #5f6d84;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tag-popover-title {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 12px;
  padding: 0 4px;
}

.tag-popover-item {
  background-color: #ecc1fd;
  color: #343434;
  border-radius: 50px;
  padding: 3px 9px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  font-weight: 600;
  margin-bottom: 8px;
  cursor: pointer;
}

.tag-popover-item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tag-popover-add-tag {
  background-color: #f2f3f5;
  border-radius: 32px;
  padding: 7px 14px;
  cursor: pointer;
  font-weight: 600;
}

.tag-popover-item-add-tag-button {
  color: #8e8e8e;
  background-color: #f2f3f5;
  cursor: pointer;
  padding: 3px;
  border-radius: 50px;
}

.tag-popover-add-tag-container {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  background: #fff;
  background: var(--White, #fff);
  z-index: 1;
  outline: 16px solid #fff;
  margin-top: 16px;
}

.tag-popover-input-create {
  width: 100%;
  padding: 7px 10px;
  border-radius: 20px;
  border: 1px solid #e1e5e8;
  font-family: Nunito;
}

.tag-popover-create-tag-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 4px 0;
  gap: 20px;
}

.tag-popover-create-tag {
  background-color: #f2f3f5;
  border-radius: 32px;
  padding: 7px 14px;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
}

.tag-popover-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.tag-popover-input-title {
  font-size: 12px;
  font-weight: 800;
  padding: 12px 4px 0;
}

.tag-popover-item-edit-tag-button {
  color: #000;
  cursor: pointer;
  padding: 3px;
}

.tag-popover-item-inactive-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
}

.tag-popover-item-inactive-wrapper>.tag-popover-item {
  cursor: auto;
}

.tag-popover-item-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
}

.tag-popover-button-action {
  border-radius: 32px;
  padding: 7px 32px;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
}

.tag-popover-button-action.tag-popover-create-tag {
  background-color: #65cf72;
  color: #fff;
}

.tag-popover-button-action.tag-popover-remove-tag {
  background-color: #f2f3f5;
}

.tag-popover-actions-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tag-empty {
  padding: 0 5px;
  color: #969696;
}

.rc-member-list__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-member-list__search .rc-input,
.rc-member-list__search .rc-select {
  margin: 0 5px;
}

.rc-member-list__counter {
  color: #25292f;
  font-size: 14px;
}

.rc-member-list__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-member-list__user.active,
.rc-member-list__user:hover {
  background-color: #eee;
}

.rc-member-list__user.active .rc-member-list__menu,
.rc-member-list__user:hover .rc-member-list__menu {
  opacity: 1;
}

.rc-member-list__user>.avatar {
  width: 35px;
  width: var(--sidebar-account-thumb-size);
  height: 35px;
  height: var(--sidebar-account-thumb-size);
}

.rc-member-list__menu {
  margin: 0 10px;
  opacity: 0;
}

.rc-member-list__menu:focus,
.rc-member-list__menu:hover {
  opacity: 1;
}

.rc-member-list__status {
  display: inline-block;
  width: 6px;
  width: var(--sidebar-item-user-status-size);
  height: 6px;
  height: var(--sidebar-item-user-status-size);
  margin: 0 7px 0 3px;
  border-radius: 50%;
  border-radius: var(--sidebar-item-user-status-radius);
}

.rc-member-list__status--online {
  background-color: #2de0a5;
  background-color: var(--rc-status-online);
}

.rc-member-list__status--away {
  background-color: #f38c39;
  background-color: var(--rc-status-away);
}

.rc-member-list__status--busy {
  background-color: #f5455c;
  background-color: var(--rc-status-busy);
}

.rc-member-list__status--offline {
  background-color: #1f2329;
  background-color: var(--rc-status-invisible-sidebar);
}

.rc-member-list__username {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 8px;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-content,
.rc-member-list__username {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
}

.main-content {
  position: relative;
  z-index: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 1vw;
  height: auto;
}

.messages-container .room-icon.online {
  color: #2de0a5;
  color: var(--rc-status-online);
}

.messages-container .room-icon.away {
  color: #f38c39;
  color: var(--rc-status-away);
}

.messages-container .room-icon.busy {
  color: #f5455c;
  color: var(--rc-status-busy);
}

.messages-container .room-icon.offline {
  color: #cbced1;
  color: var(--rc-status-invisible);
}

.directory-header {
  padding: 24px;
}

.directory-title-wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

}

.directory-title-wrapper,
.directory-title-wrapper .title-wrapper-initial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.directory-title-wrapper .title-label h1 {
  color: #343434 !important;
  color: var(--contrast-black, #343434) !important;
  font-family: Nunito !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}

.directory-title-wrapper .title-close {
  margin-right: 24px;
}

.directory-column-tags {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.directory-column-inbox,
.directory-column-tags {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.directory-column-inbox {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  padding: 20px !important;
}

.directory-source-number {
  background-color: #25d366;
  padding: 3px 4px 3px 3.5px !important;
}

.directory-source-number,
.directory-source-number-invalid {
  border-radius: 10px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff !important;
  overflow: unset;
  text-align: center;
  font-family: Nunito;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: 12px;
  text-transform: uppercase;
}

.directory-source-number-invalid {
  background-color: #8f958f;
  padding: 3.5px !important;
}

.directory-tags {
  max-width: 100%;
  height: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding: 4px 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  margin-bottom: 8px;
  margin-right: 8px;
}

.directory-tags,
.diretory-badge-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.diretory-badge-wrapper {
  width: auto;
  height: auto;
}

.directory-inbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
}

.directory-inbox label {
  color: #fff !important;
  overflow: unset;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.directory-inbox label,
.directory-tags label {
  text-align: center;
  font-family: Nunito;
  font-style: normal;
  line-height: 12px;
}

.directory-tags label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  font-size: 12px;
  font-weight: 600;
}

.directory-search label {
  border-radius: 100px !important;
  border: 2px solid #e7e8e6 !important;
  padding: 10px 16px !important;
}

.directory-search input {
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}

.directory-tab .rcx-tabs__item--selected {
  color: #e9247d;
  color: var(--primary-tints-primary-700, #e9247d);
  border-bottom-color: #e9247d;
  border-bottom-color: var(--primary-tints-primary-700, #e9247d);
}

.directory-tab .rcx-tabs__item {
  font-family: Nunito !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}

.default-text-family {
  color: #667085 !important;
}

.default-text-family,
.default-text-family div {
  font-family: Nunito !important;
}

.column-centered div {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.column-centered {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center !important;
}

.rcx-pagination__link {
  color: #e9247d !important;
  color: var(--primary-tints-primary-700, #e9247d) !important;
  font-family: Nunito !important;
}

.rcx-pagination__link:disabled {
  color: #2f343d !important;
  color: var(--rcx-color-foreground-default, #2f343d) !important;
  font-family: Nunito !important;
}

.rcx-input-box.focus,
.rcx-input-box:focus {
  caret-color: #e9247d !important;
  caret-color: var(--primary-tints-primary-700, #e9247d) !important;
}

.rcx-input-box__wrapper:focus-within {
  -webkit-box-shadow: 0 0 0 0.25rem #fce0ec !important;
  box-shadow: 0 0 0 0.25rem #fce0ec !important;
  border: 2px solid #e9247d !important;
  border: 2px solid var(--primary-tints-primary-700, #e9247d) !important;
}

.rcx-input-box:focus+.rcx-input-box__addon {
  color: #e9247d !important;
  color: var(--primary-tints-primary-700, #e9247d) !important;
}

.rcx-table__row td {
  color: #667085 !important;
}

.rcx-pagination__back,
.rcx-pagination__forward {
  color: #e9247d !important;
  color: var(--primary-tints-primary-700, #e9247d) !important;
}

.rcx-pagination__back:disabled,
.rcx-pagination__forward:disabled {
  color: #e4e7ea !important;
}

.rc-message-box {
  position: relative;
  width: 100%;
  padding: 10px ​20px;
  font-size: 0.875rem;
  font-size: var(--message-box-text-size);
}

.rc-message-box--embedded {
  padding: 24px 12px 12px;
}

.rc-message-box__toolbar-formatting {
  position: absolute;
  left: 0;
  width: 100%;
  height: 24px;
}

.rc-message-box__toolbar-formatting,
.rc-message-box__toolbar-formatting-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-message-box__toolbar-formatting-item {
  min-width: 16px;
  margin: 0 4px;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
  color: #9ea2a8;
  color: var(--message-box-markdown-color);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-message-box__toolbar-formatting-item.active,
.rc-message-box__toolbar-formatting-item:focus,
.rc-message-box__toolbar-formatting-item:hover {
  color: #2f343d;
  color: var(--message-box-markdown-hover-color);
}

.rc-message-box__toolbar-formatting-link {
  color: currentColor;
  font-size: 0.75rem;
}

.rc-message-box__toolbar-formatting-icon {
  font-size: 1rem;
  fill: currentColor;
}

.rc-message-box__typing {
  position: absolute;
  top: 4px;
  left: 0;
  margin-left: 32px;
  color: #9ea2a8;
  color: var(--message-box-user-typing-color);
  font-size: 2rem;
  font-size: var(--message-box-user-typing-text-size);
}

.rc-message-box__typing-user {
  color: #2f343d;
  color: var(--message-box-user-typing-user-color);
  font-weight: 700;
  font-style: normal;
}

.rc-message-box__typing:after {
  display: inline-block;
  overflow: hidden;
  width: 0;
  content: "\2026";
  -webkit-animation: ellipsis 1.5s steps(4) infinite;
  animation: ellipsis 1.5s steps(4) infinite;
  vertical-align: bottom;
}

.rc-message-box__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem 1rem;
  cursor: text;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-width: 2px;
  border-width: var(--message-box-container-border-width);
  border-color: #cbced1;
  border-color: var(--message-box-container-border-color);
  border-radius: 2px;
  border-radius: var(--message-box-container-border-radius);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-message-box__container.editing {
  background-color: #fff5df;
  background-color: var(--message-box-editing-color);
}

.rc-message-box__textarea {
  overflow-y: visible;
  width: 100%;
  height: 23px;
  min-height: 42px;
  max-height: 155px;
  padding: 10px 15px;
  resize: none;
  border: 0;
  border-radius: 20px;
  background-color: #fff;
  font-family: inherit;
  font-size: 0.875rem;
  font-size: var(--message-box-text-size);
  line-height: 21px;
}

.swal2-backdrop-show {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 9998;
}

.swal2-container-leave .swal2-pink-modal {
  display: block !important;
}

.swal2-container-leave .swal2-image {
  margin: 18px 15px 0px 15px;
}

.swal2-container-leave .swal2-title {
  font-family: Nunito;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #343434;
  padding-bottom: 0px !important;
}

.swal2-text-leave {
  padding-top: 5px !important;
  text-align: left !important;
}

.swal2-container-leave .subtitle {
  font-family: Nunito;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #667085;
}

.swal2-container-leave .hide-label {
  font-family: Nunito;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  color: #667085;


}

.swal2-container-leave .checkbox {
  margin-top: 16px !important;
  padding-bottom: 37px !important;
}

#leave-cancel-btn,
#leave-submit-btn {
  font-size: 14px !important;
}

.modal-last-participant__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.modal-last-participant__footer button {
  width: 170px;
  height: 44px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center
}

.form-input-button--cancel {
  border: 1px solid #d0d5dd;
  background-color: #fff !important;
  color: #344054 !important
}

.search-message-date-header {
  font-size: 12px;
  font-weight: 600;
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}

.emojionearea {
  border-color: #ffffff;
  border-radius: 20px !important;
  box-shadow: none !important;
}

.emojionearea-editor img.emojioneemoji {
  display: inline !important;
  vertical-align: middle;
  max-height: 1em;
}

.emoji-reference-image img {
  width: 20px;
  height: 20px;
}

.message-emoji-area-active {
  z-index: 9999 !important;
}

.emojionearea .emojionearea-button div {
  width: 0px !important;
  height: 0px !important;
  right: 20px !important;
}

.emojioneemoji {
  display: inline-block !important;
}

.emojionearea-editor {
  height: 42px;
  max-height: 200px !important;
  min-height: 42px !important;
  line-height: 22px !important;

  /*display: flex !important;*/
  align-items: center !important;
  position: 'absolute' !important;
  top: 0 !important;
  font-family: 'Nunito' !important;
  font-size: 14px !important;
}

.emojionearea-button {
  top: 9px !important;
}

.single-emoji {
  width: 44px !important;
  height: 44px !important;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-right {
  position: "absolute" !important;
  left: -0px !important;
  bottom: 48px !important;
  top: initial !important;
  z-index: 9999 !important;
  margin-bottom: 25px !important;
  margin-left: 20px !important
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top {
  right: 100px !important;
  left: initial !important;
  margin-top: -50px !important
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
  left: 100px !important;
  right: initial !important;
  margin-top: -50px !important
}

.emojionearea.emojionearea-inline>.emojionearea-editor {
  display: none !important;
}

.emojionearea.emojionearea-inline {
  height: 0px !important;
  border: 0px !important;
}

.emojionearea-button {
  opacity: 0 !important;
  width: 0px !important;
  height: 0px !important;
}

.emojionearea-search input {
  border: 1px solid #e1e5e8;
  border-radius: 20px;
}

.emojionearea-search input::placeholder {
  font-size: 10px !important;
}

.emojionearea.focused {
  border-color: #FFFFFF;
  outline: 0;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#pswp-custom-caption {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  z-index: 1000;
}

.rc-message-box__textarea::-webkit-input-placeholder {
  color: #cbced1;
  color: var(--message-box-placeholder-color);
}

.rc-message-box__textarea::-moz-placeholder {
  color: #cbced1;
  color: var(--message-box-placeholder-color);
}

.rc-message-box__textarea:-ms-input-placeholder {
  color: #cbced1;
  color: var(--message-box-placeholder-color);
}

.rc-message-box__textarea::-ms-input-placeholder {
  color: #cbced1;
  color: var(--message-box-placeholder-color);
}

.rc-message-box__textarea::placeholder {
  color: #cbced1;
  color: var(--message-box-placeholder-color);
}

.rc-message-box__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: auto 0 0px;
  flex: auto 0 0;
  width: 50px;
  height: 21px;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-message-box__icon .rc-input__icon-svg {
  font-size: 1.4rem;
}

.rc-message-box__icon .rc-input__icon-svg--plus {
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}

.rc-message-box__action-menu {
  position: relative;
}

.rc-message-box__action-menu.active .rc-input__icon-svg--plus {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rc-message-box [data-small] {
  display: none;
}

.rc-message-box__audio-message,
.rc-message-box__audio-message-mic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-message-box__audio-message-cancel,
.rc-message-box__audio-message-done,
.rc-message-box__audio-message-loading,
.rc-message-box__audio-message-timer {
  display: none;
}

.rc-message-box__audio-message-done {
  color: #2de0a5;
  color: var(--rc-color-success);
}

.rc-message-box__audio-message-cancel {
  color: #f5455c;
  color: var(--rc-color-error);
}

.rc-message-box__audio-message-timer {
  margin: 0 -0.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-message-box__audio-message-timer-dot,
.rc-message-box__audio-message-timer-text {
  margin: 0 0.25rem;
}

.rc-message-box__audio-message-timer-text {
  min-width: 3em;
}

.rc-message-box__audio-message-timer-dot {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: red;
}

.rc-message-box__audio-message-loading {
  cursor: pointer;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.rc-message-box__audio-message--recording .rc-message-box__audio-message-loading,
.rc-message-box__audio-message--recording .rc-message-box__audio-message-mic {
  display: none;
}

.rc-message-box__audio-message--recording .rc-message-box__audio-message-cancel,
.rc-message-box__audio-message--recording .rc-message-box__audio-message-done,
.rc-message-box__audio-message--recording .rc-message-box__audio-message-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-message-box__audio-message--loading .rc-message-box__audio-message-cancel,
.rc-message-box__audio-message--loading .rc-message-box__audio-message-done,
.rc-message-box__audio-message--loading .rc-message-box__audio-message-mic,
.rc-message-box__audio-message--loading .rc-message-box__audio-message-timer {
  display: none;
}

.rc-message-box__audio-message--loading .rc-message-box__audio-message-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-message-box__audio-message--busy .rc-message-box__audio-message-mic {
  cursor: not-allowed;
  opacity: 0.5;
}

.rc-message-box__join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.rc-message-box__join-code {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10rem;
  flex: 0 0 10rem;
  margin: 0 0.25rem;
}

.rc-message-box__join-button {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  margin: -1rem 0.15rem;
}

.rc-message-box__take-it-button {
  margin: 0 0.5rem;
}

.rc-message-box__cannot-send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.message-box-action-button {
  height: 43px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 840px) {
  .rc-message-box {
    margin-top: 1rem;
    padding: 0;
  }

  .rc-message-box__typing {
    top: -1rem;
    margin-left: 1rem;
  }

  .rc-message-box__toolbar-formatting {
    display: none;
  }

  .rc-message-box__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    padding: var(--default-small-padding);
    padding-bottom: calc(1rem - 8px);
    padding-bottom: calc(var(--default-small-padding) - 8px);
    border-width: 1px 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .rc-message-box [data-desktop] {
    margin-top: 10px;
  }

  .rc-message-box [data-small] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .rc-message-box__textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .rc-message-box__action {
    margin: 5px 10px;
    font-size: 20px;
  }

  .rc-message-box [disabled] {
    opacity: 0.4;
  }

  .rc-message-box .emoji-picker-icon {
    width: auto;
    padding-right: 10px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .rc-message-box__action-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 20px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .rc-message-box__audio-message {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .rc-message-box__send {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    font-size: 20px;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
}

.rc-popover--message-box .rc-popover__divider {
  display: none;
}

.rc-popover--message-box .rc-popover__title {
  text-transform: none;
  color: #9ea2a8;
  color: var(--message-box-popover-title-text-color);
  font-size: 0.75rem;
  font-size: var(--message-box-popover-title-text-size);
}

.rc-popover--message-box .rc-popover__title:not(:first-child) {
  margin-top: 1rem;
  margin-top: var(--popover-column-padding);
}

.rtl .rc-message-box__typing {
  right: 0;
  margin-right: 24px;
}

.message-box-warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: Nunito, sans-serif;
}

.avatar {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 11px !important;
}

.avatar .emoji,
.avatar .emojione {
  width: 100%;
  height: 100%;
  margin: 0;
}

.avatar .avatar-image {
  width: 100%;
  height: 100%;
  background: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.avatar[initials]:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: attr(initials);
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  font-size: var(--avatar-initials-text-size);
  font-weight: 700;
  font-weight: var(--avatar-initials-text-weight);
}

.avatar[initials]:before,
.badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.badge {
  min-width: 18px;
  min-height: 18px;
  padding: 2px 5px;
  color: #fff;
  color: var(--badge-text-color);
  border-radius: 12px;
  border-radius: var(--badge-radius);
  background-color: #414852;
  background-color: var(--badge-background);
  font-size: 0.75rem;
  font-size: var(--badge-text-size);
  line-height: 1;
}

.badge--unread {
  margin: 0 3px;
  white-space: nowrap;
  background-color: #414852;
  background-color: var(--badge-unread-background);
}

.badge--user-mentions {
  background-color: #175cc4;
  background-color: var(--badge-user-mentions-background);
}

.badge--group-mentions {
  background-color: #414852;
  background-color: var(--badge-group-mentions-background);
}

.rc-popover {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100vh;
  cursor: auto !important;
}

.rc-popover__close {
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rc-popover__close:hover {
  color: #1d74f5;
  color: var(--rc-color-link-active);
}

.rc-popover__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 16px;
  font-size: 21px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rc-popover__content {
  position: absolute;
  overflow: auto;
  flex-direction: column;
  height: auto;
  max-height: 70%;
  padding: 1rem;
  padding: var(--popover-padding) 1rem;
  -webkit-animation: dropdown-show 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation: dropdown-show 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  white-space: nowrap;
  opacity: 0;
  border-radius: 16px;
  border-radius: var(--popover-radius);
  background-color: #fff;
  background-color: var(--popover-background);
  -webkit-box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08),
    0 0 12px 0 rgba(47, 52, 61, 0.12);
  box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08),
    0 0 12px 0 rgba(47, 52, 61, 0.12);
}

.rc-popover__column,
.rc-popover__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.rc-popover__column {
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-width: 130px;
  min-width: var(--popover-column-min-width);
}

.rc-popover__column:not(:first-child) {
  padding-left: 1rem;
  padding-left: var(--popover-column-padding);
}

.rc-popover__column-wrapper:not(:first-child) {
  margin-top: 1rem;
  margin-top: var(--popover-column-padding);
}

.rc-popover__content-scroll .rc-popover__item {
  display: block;
}

.rc-popover__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 8px;
  text-transform: uppercase;
  color: #2f343d;
  color: var(--popover-title-color);
  font-size: 0.75rem;
  font-size: var(--popover-title-text-size);
  font-weight: 600;
}

.rc-popover__header-text {
  width: 200px;
  font-weight: 600;
  color: #667085;
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 14px;
}

.rc-popover__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 4px 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #2f343d;
  color: var(--popover-item-color);
  font-size: 0.875rem;
  font-size: var(--popover-item-text-size);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-popover__item--alert {
  color: #f5455c;
  color: var(--rc-color-error);
}

.rc-popover__item--alert .rc-icon {
  fill: #f5455c;
  fill: var(--rc-color-error);
}

.rc-popover__item--bold {
  font-weight: 900;
}

.rc-popover__item--star-filled .rc-icon {
  fill: currentColor;
}

.rc-popover__item--online .rc-popover__icon {
  color: #2de0a5;
  color: var(--rc-status-online);
}

.rc-popover__item--away .rc-popover__icon {
  color: #f38c39;
  color: var(--rc-status-away);
}

.rc-popover__item--busy .rc-popover__icon {
  color: #f5455c;
  color: var(--rc-status-busy);
}

.rc-popover__item--offline .rc-popover__icon {
  color: #cbced1;
  color: var(--rc-status-invisible);
}

.rc-popover__label {
  cursor: pointer;
}

.rc-popover__icon,
.rc-popover__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-popover__icon {
  width: 20px;
  margin: 0.25rem 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-popover__icon-element {
  font-size: 18px;
}

.rc-popover__icon-element--star {
  fill: none;
}

.rc-popover__item-text {
  margin-left: 0.25rem;
}

.rc-popover__divider {
  width: 100%;
  height: 2px;
  height: var(--popover-divider-height);
  margin: 1rem 0;
  background: #e1e5e8;
  background: var(--popover-divider-color);
}

.rc-popover__divider:last-child {
  display: none;
}

.rc-popover__item--leave {
  color: #667985;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-popover__item-radio {
  visibility: hidden;
}

.rc-popover__item-radio:checked+.rc-popover__item-radio-label {
  color: #1d73f3;
}

.rc-popover__item-radio:checked+.rc-popover__item-radio-label:after {
  opacity: 1;
}

.rc-popover__item-radio:not(:checked)+.rc-popover__item-radio-label:after {
  opacity: 0;
}

.rc-popover__item-radio-label {
  position: relative;
  margin-left: -20px;
  padding-left: 20px;
  cursor: pointer;
}

.rc-popover__item-radio-label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  content: "";
  border: 1px solid #979797;
  border-radius: 50px;
  background: transparent;
}

.rc-popover__item-radio-label:after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 50px;
  background: #1d73f3;
}

.rtl .rc-popover__item-radio-label {
  margin-right: -20px;
  margin-left: 0;
  padding-right: 20px;
  padding-left: 0;
}

.rtl .rc-popover__item-radio-label:before {
  right: 0;
  left: auto;
}

.rtl .rc-popover__item-radio-label:after {
  right: 3px;
  left: auto;
}

[data-message-action="unstar-message"] .rc-popover__icon-element--star {
  fill: currentColor;
}

/* Mobile-specific popover positioning removed to maintain desktop behavior on all devices */

@-webkit-keyframes dropdown-show {
  0% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}

@keyframes dropdown-show {
  0% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}

@-webkit-keyframes dropup-show {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}

@keyframes dropup-show {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}

.rtl .rc-popover__item-text {
  margin-right: 0.25rem;
  margin-left: auto;
}

.rc-alerts {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 24px;
  padding: var(--alerts-padding-vertical) var(--alerts-padding);
  -webkit-animation-name: dropdown-show;
  animation-name: dropdown-show;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  text-align: center;
  color: #fff;
  color: var(--alerts-color);
  background: #d5156a;
  background: var(--alerts-background);
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-size: var(--alerts-font-size);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.rc-alerts--danger {
  background: #f5455c;
  background: var(--rc-color-error);
}

.rc-alerts--alert {
  background: #f38c39;
  background: var(--rc-color-alert);
}

.rc-alerts--large>.rc-alerts__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: start;
}

.rc-alerts--has-action {
  cursor: pointer;
}

.rc-alerts__icon {
  cursor: pointer;
  color: inherit;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.rc-alerts__icon--close {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rc-alerts__title {
  font-weight: 700;
}

.rc-alerts__line,
.rc-alerts__title {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.rc-alerts__content>.rc-alerts__title+.rc-alerts__line {
  margin: 0 10px;
  margin: 0 var(--alerts-padding-vertical);
}

.rc-alerts--large>.rc-alerts__content>.rc-alerts__title+.rc-alerts__line {
  margin: 0;
}

.rc-alerts--large>.rc-alerts__icon {
  font-size: 30px;
}

.rc-alerts--large>.rc-alerts__big-icon {
  width: 40px;
  height: 40px;
  font-size: 40px;
}

.rc-alerts--large {
  padding: 20px 24px;
  padding: var(--alerts-padding-vertical-large) var(--alerts-padding);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.rc-alerts__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 10px;
  margin: 0 var(--alerts-padding-vertical);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
}

@keyframes loading {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
}

.rc-popout {
  min-width: 380px;
  max-width: 800px;
  -webkit-transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  color: #f2f3f5;
  color: var(--rc-color-primary-lightest);
  border: 4px solid #1f2329;
  border: 4px solid var(--rc-color-primary-darkest);
  background: #1f2329;
  background: var(--rc-color-primary-darkest);
}

.rc-popout-wrapper {
  position: absolute;
  z-index: 10;
  top: 120px;
  top: calc(var(--header-min-height) + 60px);
  left: calc(100% - 395px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: dropdown-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation: dropdown-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-box-shadow: 3px 3px 5px 1px rgba(47, 52, 61, 0.08),
    0 0 12px 0 rgba(47, 52, 61, 0.12);
  box-shadow: 3px 3px 5px 1px rgba(47, 52, 61, 0.08),
    0 0 12px 0 rgba(47, 52, 61, 0.12);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-user-drag: element;
  -khtml-user-drag: element;
}

.rc-popout__title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 16px;
}

.rc-popout--open .rc-popout__header {
  padding: 5px 10px 8px;
}

.rc-popout--open .rc-popout__header .rc-popout__controls {
  display: none;
}

.rc-popout__close {
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 20px;
}

.rc-popout__minimize {
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  font-size: 20px;
}

.rc-popout__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 5px 10px;
  font-size: 21px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rc-popout__header .rc-popout__controls {
  padding: 0;
}

.rc-popout__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-animation: dropdown-show 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation: dropdown-show 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.rc-popout__content .youtube-player {
  width: inherit;
  height: inherit;
}

.rc-popout__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 10;
  -ms-flex: 10 1 auto;
  flex: 10 1 auto;
  padding: 8px 10px 5px;
}

.rc-popout__controls button {
  margin: 0 5px;
  font-size: 16px;
}

.rc-popout__controls button.preparing {
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  pointer-events: none;
}

.rc-popout__controls button.broadcasting {
  color: red;
}

.rc-popout__controls span {
  text-transform: capitalize;
  font-size: 15px;
  line-height: 18px;
}

.rc-popout__content-icon {
  margin: 1.2rem auto;
  font-size: 6rem;
}

.rc-popout__content-icon--popout-warning {
  color: #f38c39;
  color: var(--rc-color-alert);
}

.rc-popout__content-icon--popout-success {
  color: #25d198;
  color: var(--rc-color-success-light);
}

.rc-popout__content-icon--popout-info {
  color: #f38c39;
  color: var(--rc-color-alert);
}

.rc-popout__content-icon--popout-error {
  color: #e1364c;
  color: var(--rc-color-error-light);
}

.rc-popout__content-text {
  text-align: center;
  word-break: break-word;
  font-size: 1rem;
  line-height: 1.5;
}

.rc-popout__content-error {
  display: none;
  width: 100%;
  margin: 0.5rem 0;
  text-align: center;
  word-break: break-word;
  color: #f2f3f5;
  color: var(--rc-color-primary-lightest);
  background: #f5455c;
  background: var(--rc-color-error);
  line-height: 2;
}

.rc-popout--closed .rc-popout__minimize {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rc-popout--closed.rc-popout__content {
  overflow: hidden;
  height: 0;
}

.rc-popout--closed.rc-popout__content .streaming-object {
  visibility: "hidden";
  height: 0;
}

.rc-popout svg {
  fill: #f2f3f5;
  fill: var(--rc-color-primary-lightest);
}

@media (max-width: 400px) {
  .rc-popout {
    top: auto !important;
    bottom: 0;
    left: 0 !important;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0 16px;
    -webkit-animation: dropup-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    animation: dropup-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  }
}

.rc-modal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 450px;
  max-height: 594px;
  padding: 39px;
  -webkit-animation: dropdown-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation: dropdown-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  border: none;
  border-radius: 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08),
    0 0 12px 0 rgba(47, 52, 61, 0.12);
  box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08),
    0 0 12px 0 rgba(47, 52, 61, 0.12);
}

.rc-modal,
.rc-modal-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-modal-wrapper {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  background: rgba(47, 52, 61, 0.8);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-modal--modal {
  width: 640px;
}

.rc-modal--modal .rc-modal__title {
  font-size: 1.375rem;
  font-weight: 500;
}

.rc-modal__description {
  font-size: 0.874rem;
  -webkit-margin-after: 1.5rem;
  margin-block-end: 1.5rem;
  -webkit-margin-before: 0.5rem;
  margin-block-start: 0.5rem;
}

.rc-modal__title {
  font-size: 1rem;
}

.rc-modal__title,
.rc-modal__title-old {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.rc-modal__title-old {
  font-weight: 400;
  font-family: Nunito;
  font-size: 24px;
}

.rc-modal__file-upload-description {
  font-weight: 400;
  font-family: Nunito;
  font-size: 16px;
  color: #666;
  text-align: initial;
  margin: 10px 0;
}

.rc-modal__close {
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 20px;
}

.rc-modal__header {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-bottom: 30px;
  font-size: 21px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.rc-modal__content,
.rc-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}

.rc-modal__content {
  position: relative;
  overflow: hidden auto;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 72px;
  -webkit-animation: dropdown-show 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation: dropdown-show 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.rc-modal__content-icon {
  margin: 1.2rem auto;
  font-size: 6rem;
}

.rc-modal__content-icon--modal-warning {
  color: #f38c39;
  color: var(--rc-color-alert);
}

.rc-modal__content-icon--modal-success {
  color: #25d198;
  color: var(--rc-color-success-light);
}

.rc-modal__content-icon--modal-info {
  color: #f38c39;
  color: var(--rc-color-alert);
}

.rc-modal__content-icon--modal-error {
  color: #e1364c;
  color: var(--rc-color-error-light);
}

.rc-modal__content-text {
  text-align: center;
  word-break: break-word;
  font-size: 1rem;
  line-height: 1.5;
}

.rc-modal__content-error {
  display: none;
  width: 100%;
  margin: 0.5rem 0;
  text-align: center;
  word-break: break-word;
  color: #fff;
  color: var(--color-white);
  background: #f5455c;
  background: var(--rc-color-error);
  line-height: 2;
}

.rc-modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-bottom: 2px;
  padding-top: 30px;
}

.rc-modal__footer>.rc-button {
  margin: 0;
}

.rc-modal--create-attendance .rc-modal__content-text {
  text-align: start;
  color: #667085;
  color: var(--Gray-500, #667085);
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.rc-modal--create-attendance .rc-modal__content {
  min-height: auto !important;
}

.rc-modal--create-attendance .rc-modal__title-old {
  color: #343434;
  color: var(--Contrast-Black, #343434);
  font-family: Nunito;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  padding-top: 20px;
}

.rc-modal--create-attendance .rc-modal__header {
  padding-bottom: 8px !important;
}

.rc-modal--create-attendance .rc-modal__icon-pink {
  border-radius: 28px;
  border: 8px solid #fef3f2;
  border: 8px solid var(--Error-50, #fef3f2);
  background: #fee4e2;
  background: var(--Error-100, #fee4e2);
}

.rc-modal--create-attendance .rc-modal__icon-pink,
.rc-modal--create-attendance .rc-modal__icon-yellow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 56px;
  height: 56px;
  padding: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-modal--create-attendance .rc-modal__icon-yellow {
  border-radius: 28px;
  border: 8px solid #fffaeb;
  border: 8px solid var(--Warning-50, #fffaeb);
  background: #fef0c7;
  background: var(--Warning-100, #fef0c7);
}

.rc-modal--create-attendance {
  padding: 24px !important;
  width: 400px !important;
}

.rc-modal--create-attendance .rc-modal__footer {
  padding-top: 32px !important;
}

.rc-modal--create-attendance .rc-button--upload:only-child {
  width: 100% !important;
}

.rc-modal--create-attendance .rc-button--upload {
  font-weight: 600;
  min-width: 170px;
  height: 44px;
}

@media (max-width: 400px) {
  .rc-modal {
    top: 0 !important;
    bottom: 0;
    left: 0 !important;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    -webkit-animation: dropup-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    animation: dropup-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  }
}

.attachment-pin-icon {
  position: absolute;
  right: 1px;
  bottom: 2px;
  width: 20px;
}

.attachment-pin-icon__deleted {
  position: relative;
  bottom: -4px;
}

.rc-tooltip {
  position: relative;
  --translation-x: -50%;
}

.rc-tooltip.absolute {
  position: absolute;
}

.rc-tooltip::after,
.rc-tooltip::before {
  position: absolute;
  z-index: 9999;
  bottom: 100%;
  left: 50%;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  -webkit-transform: translate(var(--translation-x), 10px);
  transform: translate(var(--translation-x), 10px);
  -webkit-transform-origin: top;
  transform-origin: top;
  pointer-events: none;
  opacity: 0;
}

.rc-tooltip:hover::after {
  bottom: 100%;
  margin: 11px 0;
  padding: 0.5em 1em;
  content: attr(aria-label) attr(label);
  white-space: nowrap;
  color: #fff;
  color: var(--tooltip-text-color);
  border-radius: 16px;
  border-radius: var(--tooltip-radius);
  background: #1f2329;
  background: var(--tooltip-background);
  font-size: 0.75rem;
  font-size: var(--tooltip-text-size);
}

.rc-tooltip:hover::before {
  width: 0;
  height: 0;
  margin-bottom: 6px;
  content: "";
  border-color: #1f2329 transparent transparent;
  border-left: 6px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--tooltip-background);
}

.rc-tooltip--down:hover::after {
  top: 100%;
  bottom: auto;
}

.rc-tooltip--down:hover::before {
  top: 100%;
  bottom: auto;
  border-width: 6px;
  border-color: transparent transparent #1f2329;
  border-bottom-color: var(--tooltip-background);
  border-right-color: transparent;
  border-top-color: transparent;
}

.rc-tooltip--start,
.rtl .rc-tooltip--end {
  --translation-x: -10%;
}

.rc-tooltip--end,
.rtl .rc-tooltip--start {
  --translation-x: -90%;
}

@media (min-width: 501px) {

  .rc-tooltip[aria-label]:focus:after,
  .rc-tooltip[aria-label]:focus:before,
  .rc-tooltip[aria-label]:hover:after,
  .rc-tooltip[aria-label]:hover:before {
    -webkit-transform: translate(var(--translation-x));
    transform: translate(var(--translation-x));
    pointer-events: auto;
    opacity: 1;
  }
}

.range-slider {
  width: 100%;
  margin: 0;
}

.range-slider-range {
  width: calc(100% - 73px);
  height: 10px;
  margin: 0;
  padding: 0;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.range-slider-range::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
}

.range-slider-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  cursor: pointer;
  -moz-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  border: 0;
  border-radius: 50%;
}

.range-slider-value {
  position: relative;
  display: inline-block;
  width: 60px;
  margin-left: 8px;
  padding: 5px 10px;
  text-align: center;
  border-radius: 3px;
  line-height: 20px;
}

.rtl .range-slider-value {
  margin-right: 8px;
  margin-left: unset;
}

.range-slider-value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  content: "";
  border-top: 7px solid;
  border-right: 7px solid;
  border-bottom: 7px solid;
}

.rtl .range-slider-value:after {
  right: -7px;
  left: unset;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.range-slider-range::-moz-focus-inner,
.range-slider-range::-moz-focus-outer,
.range-slider-range::-moz-range-track {
  border: 0;
}

.chip-container {
  list-style-type: none;
}

.chip-container__item,
.chip-container li {
  display: inline-block;
  margin: 3px;
  padding: 8px;
  border-radius: 2px;
  background-color: #ddd;
  background-color: var(--chip-background);
}

.chip-container__item>.icon,
.chip-container li>.icon {
  width: 24px;
}

.chip-container .icon-plus-circled {
  opacity: 0.5;
  font-size: 0.8rem;
}

.messages-container-wrapper {
  position: relative;
}

.message-actions {
  position: absolute;
  top: -6px;
  background-color: #fff;
  right: 1.4rem;
  border-radius: 50px;
  border: 1px solid #e6e6e6;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 28px;
  color: #606060;
  font-size: 1rem;
  padding: 0 5px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}

.message-actions__button {
  margin: 0 0.2rem;
  font-size: inherit;
}

.message-actions__button:hover {
  color: #d5156a;
  color: var(--p-color-pink);
}

.message-actions__menu {
  padding: 2px 0;
  cursor: pointer;
}

.message-actions__menu:hover {
  color: #d5156a;
  color: var(--p-color-pink);
}

.message-actions__menu-icon {
  fill: currentColor;
}

.own .message-actions {
  right: unset;
  left: 1.4rem;
}

.rc-ui-kit {
  display: inline-block;
  width: 100%;
  max-width: 400px;
}

.message .toggle-hidden {
  display: none;
}

.message.message--ignored {
  min-height: 25px;
  padding: 2px 50px 2px 70px;
  font-size: 12px;
}

.message.message--ignored>.thumb {
  top: 3px;
  width: 20px;
  height: 20px;
  margin-left: 16px;
}

.message.message--ignored>.thumb .avatar {
  width: 100%;
  height: 100%;
}

.message.message--ignored .user {
  font-size: 0.75rem;
  font-weight: 400;
}

.message.message--ignored .attachment,
.message.message--ignored .edited,
.message.message--ignored .message-body-wrapper .body,
.message.message--ignored .message-discussion,
.message.message--ignored .message-oembed,
.message.message--ignored .reactions,
.message.message--ignored .role-tag {
  display: none;
}

.message.message--ignored .toggle-hidden {
  display: block;
}

.message.message--ignored+.message--ignored.sequential {
  display: none;
}

.message.active .message-actions__label {
  color: #1d74f5;
  color: var(--rc-color-button-primary);
}

.message .rc-popover-anchor {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}

.message .rc-popover {
  top: -200vh;
  right: 180px;
}

.message .rc-popover__wrapper {
  position: fixed;
  top: -100vh;
  left: -100vw;
  width: 300vw;
  height: 300vh;
}

.message .rc-popover__content {
  position: absolute;
  top: 0;
  left: 0;
}

.message-body--unstyled {
  vertical-align: sub;
  font: inherit;
  line-height: normal;
}

.message-body--unstyled .emoji,
.message-body--unstyled .emojione {
  display: inline-block !important;
  width: 1em !important;
  min-width: 1em;
  height: 1em !important;
  min-height: 1em;
}

.message-body--unstyled * {
  display: inline !important;
  padding: unset !important;
  vertical-align: unset !important;
  white-space: unset !important;
  color: inherit !important;
  border: unset !important;
  background-color: unset !important;
  font-family: inherit !important;
  font-weight: unset !important;
  line-height: unset !important;
}

.message-body--unstyled :after,
.message-body--unstyled :before {
  content: unset !important;
}

.message-body--unstyled a {
  pointer-events: none;
}

.message-oembed {
  overflow: hidden;
}

.messages-box .rc-popover__list {
  padding: 0;
}

.rtl .message-actions {
  right: auto;
  left: 2px;
}

@media (min-width: 840px) {

  .message.active,
  .message:hover {
    background-color: rgba(15, 34, 0, 0.05);
  }

  .message.active .message-actions,
  .message:hover .message-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.compact .message {
  min-height: 26px;
  padding: 5px 15px 5px 37px;
}

.compact .message.sequential .thumb:not(.thumb-small),
.compact .message.sequential .user {
  display: inline-block;
}

.compact .message.sequential .title {
  position: relative;
  left: 0;
  width: auto;
  text-align: left;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: normal;
}

.compact .message.sequential .title .edited,
.compact .message.sequential .title .time {
  display: inline-block;
}

.compact .message .attachment .attachment-title>a {
  font-size: 0.9em;
}

.compact .message .attachment .attachment-author img {
  border-radius: 2px;
}

.compact .message .attachment .inline-image img {
  max-height: 100px;
}

.compact .message .attachment .inline-video {
  max-height: 150px;
}

.compact .message blockquote iframe {
  width: 266px;
  height: 150px;
}

.compact .message .message-body-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.compact .message .body {
  display: inline;
  max-width: 100%;
  margin-left: 4px;
  padding-right: 48px;
  word-wrap: anywhere;
}

.compact .message .title .avatar-image {
  border-radius: 2px;
}

.compact .message .title .role-tag {
  display: none;
}

.compact .message .title .edited {
  margin-left: 4px;
}

.compact .message .title .edited .icon-pencil:before {
  margin-right: 0;
}

.compact .message .thumb {
  left: 10px;
  width: 20px;
  height: 20px;
  margin-left: 0;
}

.compact .message .thumb .avatar {
  width: 20px;
  height: 20px;
}

.failed-to-send-message-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  position: absolute;
  bottom: -23px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: 0;
}

.failed-to-send-message-wrapper>div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.failed-to-send-message-wrapper>.rc-message-box__icon {
  height: auto !important;
}

.failed-to-send-message-wrapper .alert-info-circled-icon>svg {
  color: #ec4c43 !important;
  color: var(--alert-alert-600, #ec4c43) !important;
  width: 16px;
  height: 16px;
  margin-bottom: -1px;
}

.recovered-with-success-message-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: 8px;
}

.recovered-with-success-message-wrapper>div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.recovered-with-success-message-wrapper .rc-message-box__recovered_icon {
  color: #969696;
  height: auto;
  margin-top: 0.9px;
}

.recovered-with-success-message-wrapper .alert-info-circled-icon>svg {
  width: 16px;
  height: 16px;
  margin-bottom: -1px;
}

.pinned-message-icon>svg {
  color: green !important;
  width: 16px;
  height: 16px;
  margin-bottom: -1px;
}

.recovered-message-subtitle {
  font-family: Nunito;
  font-size: 12px;
  color: #667085;
  line-height: 20px;
}

.failed-to-send {
  border: 1.5px solid #ec4c43;
  border: 1.5px solid var(--alert-alert-600, #ec4c43);
  position: relative;
}

.pinned-message {
  border: 1.5px solid #40a580;
  position: relative;
}

.recovered-with-success {
  position: relative;
  border: 1px dashed #ec4c43;
  border: 1px dashed var(--alert-success-600, #ec4c43);
  background: #ec4c43;
  background: var(--alert-success-600, #ec4c43);
  mix-blend-mode: multiply;
}

.failed-to-send-message-subtitle {
  font-family: Nunito;
  font-size: 12px;
  color: #ec4c43;
  color: var(--alert-alert-600, #ec4c43);
  line-height: 20px;
}

.pinned-message-subtitle {
  font-family: Nunito;
  font-size: 12px;
  color: green;
  color: var(green, green);
  line-height: 20px;
}

.message-body-with-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 28px;
}

.hide-content {
  display: none;
}

.message-body-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.failed-to-send-message-actions-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  height: auto;
  gap: 0.5px;
}

.failed-to-send-message-actions-wrapper,
.failed-to-send-message-actions-wrapper .rc-message-box__icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.failed-to-send-message-actions-wrapper .refresh-icon>svg {
  color: transparent !important;
  width: 16px;
  height: 16px;
  margin-bottom: -5px;
}

.failed-to-send-message-actions-wrapper .delete-icon>svg {
  width: 13px;
  height: 16px;
}

.contextual-bar {
  z-index: 1;
  overflow: hidden;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 400px;
  flex: 0 0 400px;
  -ms-flex: 0 0 var(--flex-tab-width);
  flex: 0 0 var(--flex-tab-width);
  width: 400px;
  width: var(--flex-tab-width);
  height: 100%;
  background: #fff;
  background: var(--color-white);
  -webkit-box-shadow: 0 3px 1px 2px rgba(31, 35, 41, 0.08);
  box-shadow: 0 3px 1px 2px rgba(31, 35, 41, 0.08);
}

@media screen and (min-width: 840px) and (max-width: 1090px) {
  .contextual-bar {
    width: 90%;
    flex: 0 0 90%;
    -ms-flex: 0 0 90%;
  }
}

@media (max-width: 1100px) {
  .contextual-bar {
    width: 100% !important;
    max-width: 400px !important;
    min-width: 300px !important;
  }
}

@media (max-width: 840px) {
  .contextual-bar {
    position: fixed !important;
    /* Ensure the contextual bar floats above any overlays/headers on mobile */
    z-index: 100000 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: auto !important;
    height: 100vh !important;
  }
}

.contextual-bar,
.contextual-bar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.contextual-bar-wrap {
  position: relative;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-height: 100%;
}

.contextual-bar>.flex-tab {
  width: 100%;
}

.contextual-bar__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  padding: 1.5rem;
  padding: var(--default-padding);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.contextual-bar__content--no-padding {
  padding-right: 0;
  padding-left: 0;
}

.contextual-bar__content .section:not(:last-child) {
  margin-bottom: 2rem;
}

.contextual-bar__header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 1.1rem 1.5rem;
  padding: 1.1rem var(--default-padding);
  border-bottom: 1px solid #e1e5e8;
  border-bottom: 1px solid var(--color-gray-light);
  background: #f2f3f5;
  background: var(--color-gray-lightest);
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.contextual-bar__header,
.contextual-bar__header-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.contextual-bar__header-data {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  -ms-flex-align: center;
}

.contextual-bar__header-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 22px;
}

.contextual-bar__header-icon--star {
  fill: none;
}

.contextual-bar__header-back-btn {
  position: absolute;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 22px;
}

.contextual-bar__header-title {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 600;
}

.contextual-bar__header-description {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #9ea2a8;
  color: var(--color-gray);
  font-size: 0.85rem;
  font-weight: 400;
}

.contextual-bar__header-close-icon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 20px;
}

.contextual-bar__header--empty {
  border-bottom: none;
  background: none;
}

.contextual-bar .search-form .rc-input__icon-svg {
  font-size: 1.2rem;
}


@media (max-width: 840px) {
  .contextual-bar {
    position: fixed;
    z-index: 999;
    top: 92px;
    width: 100%;
    -webkit-animation: dropup-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    animation: dropup-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  }
}

.flex-tab__result .attachments__item {
  position: relative;
  margin-bottom: 10px;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

.flex-tab__result .attachments__item.active,
.flex-tab__result .attachments__item:hover {
  cursor: pointer;
  background-color: #f7f8fa;
}

.flex-tab__result .attachments__item.active .attachments-menu,
.flex-tab__result .attachments__item:hover .attachments-menu {
  display: inline-block;
}

.flex-tab__result .attachments__item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 8px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-tab__result .attachments__file,
.flex-tab__result .attachments__thumb {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  margin: 0 8px;
  border-radius: 2px;
  background: radial-gradient(ellipse at center, #9ba9ba 0, #838f9e 100%);
  background-size: cover;
  font-size: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-tab__result .attachments__file--pdf {
  background: radial-gradient(ellipse at center, #fa6161 0, #fb1313 100%);
}

.flex-tab__result .attachments__file--sheets {
  background: radial-gradient(ellipse at center, #00a352 0, #02723b 100%);
}

.flex-tab__result .attachments__file--ppt {
  background: radial-gradient(ellipse at center, #fa6d4d 0, #d04728 100%);
}

.flex-tab__result .attachments__type {
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  padding: 0 10px;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 10px;
}

.flex-tab__result .attachments__name {
  overflow: hidden;
  min-width: 0;
  margin: 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #2f343d;
  font-size: 14px;
  line-height: 1.5;
}

.flex-tab__result .attachments__details {
  margin: 0 8px 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}

.flex-tab__result .attachments__bold {
  font-weight: 600;
}

.flex-tab__result .attachments__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  color: #9ea2a8;
}

.attachments-menu {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
  color: #1f2329;
  color: var(--color-darkest);
  font-size: 16px;
  fill: currentColor;
}

.attachments-menu:hover {
  fill: #1d74f5;
  fill: var(--rc-color-button-primary);
}

.contextual-bar__content.mail-messages .rc-popup-list {
  z-index: 1;
}

.contextual-bar__content.mail-messages .rc-input:not(:last-child) {
  margin-bottom: 2rem;
}

.mail-messages__instructions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
  padding: 1.25rem;
  color: #1d74f5;
  color: var(--rc-color-alert-message-primary);
  border-width: 1px;
  border-color: #1d74f5;
  border-color: var(--rc-color-alert-message-primary);
  border-radius: 2px;
  background: #f1f6ff;
  background: var(--rc-color-alert-message-primary-background);
}

.mail-messages__instructions--selected {
  cursor: pointer;
  color: #7ca52b;
  color: var(--rc-color-alert-message-secondary);
  border-color: #7ca52b;
  border-color: var(--rc-color-alert-message-secondary);
  background: #fafff1;
  background: var(--rc-color-alert-message-secondary-background);
}

.mail-messages__instructions--warning {
  color: #d52d24;
  color: var(--rc-color-alert-message-warning);
  border-color: #d52d24;
  border-color: var(--rc-color-alert-message-warning);
  background: #fff3f3;
  background: var(--rc-color-alert-message-warning-background);
}

.mail-messages__instructions-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}

.mail-messages__instructions-icon {
  margin: 0 10px;
  font-size: 2rem;
}

.mail-messages__instructions-icon--hand-pointer {
  margin: 0 15px;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
  fill: currentColor;
}

.mail-messages__instructions-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 10px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2rem;
}

.mail-messages__instructions-text-selected {
  font-weight: 400;
}

.emoji-picker-icon {
  cursor: pointer;
  font-size: 18px;
}

.emoji-picker-icon--disabled {
  cursor: default;
  color: #cbced1;
  color: var(--message-box-container-border-color);
}

.emoji-picker-icon:before {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.emoji-picker-icon:hover:before {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.emoji-picker {
  position: absolute;
  z-index: 100;
  display: none;
  width: 365px;
  max-width: 100%;
  height: 300px;
  margin-right: 22px;
  padding-bottom: 0;
  white-space: normal;
  opacity: 1;
  background-color: hsla(0, 0%, 100%, 0.98);
}

.emoji-picker .filter-list,
.emoji-picker.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.emoji-picker .filter-list {
  width: 100%;
  padding: 0 5px;
}

.emoji-picker .filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 0;
  border-width: 0 0 2px;
  border-style: solid;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.emoji-picker .filter-item .category-icon {
  font-size: 20px;
}

.emoji-picker .current-category-header {
  padding: 3px 5px;
}

.emoji-picker .emojis {
  position: relative;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 3px 0 0 2px;
}

.emoji-picker .emojis .emoji-list {
  margin: 0.5em 0;
}

.emoji-picker .emojis .emoji-list li.emoji-picker-item {
  display: inline-block;
  margin: 2px;
  padding: 4px 2px 2px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  border-radius: 4px;
}

.emoji-picker .emojis .emoji-list li.emoji-picker-item:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background-color: #ddd;
}

.emoji-picker .emojis .emoji-list.visible {
  display: block;
}

.emoji-picker .rc-input__icon {
  left: 0.5rem;
}

.emoji-footer {
  padding: 0.4rem;
  text-align: center;
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
  font-size: 12px;
  font-weight: 500;
}

.emoji-footer .add-custom {
  display: inline-block;
  width: 100%;
}

.emoji-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.emoji-top .rc-input {
  margin: 0 0.3rem;
}

.emoji-top .emoji-filter {
  position: relative;
  width: 90%;
  margin-bottom: 0;
}

.emoji-top .emoji-filter .search {
  position: relative;
  width: 100%;
  height: 35px;
  padding: 0.5rem 1rem 0.5rem 2.25rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  outline: none;
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.emoji-top .emoji-filter .icon-search {
  position: absolute;
  top: 10px;
  left: 7px;
}

.emoji-top .change-tone {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.emoji-top .change-tone a {
  position: relative;
  z-index: 10;
}

.emoji-top .change-tone .current-tone {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

.emoji-top .change-tone .tone-selector {
  position: absolute;
  z-index: 1;
  top: 25px;
  visibility: hidden;
  padding: 4px 2px;
  -webkit-transition: visibility 0.2s ease, opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, visibility 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, visibility 0.2s ease, opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2),
    0 2px 10px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
}

.emoji-top .change-tone .tone-selector.show {
  display: block;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.emoji-top .change-tone .tone-selector li {
  display: block;
  padding: 0 4px;
}

.emoji-top .change-tone .tone-selector span {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  border-radius: 10px;
}

.emoji-top .change-tone .tone-0 {
  background-color: #ffcf11;
}

.emoji-top .change-tone .tone-1 {
  background-color: #fae3c3;
}

.emoji-top .change-tone .tone-2 {
  background-color: #e2cfa1;
}

.emoji-top .change-tone .tone-3 {
  background-color: #dba373;
}

.emoji-top .change-tone .tone-4 {
  background-color: #a88054;
}

.emoji-top .change-tone .tone-5 {
  background-color: #5f4e43;
}

.emoji {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 22px;
  margin: 0 0.15em;
  vertical-align: middle;
  white-space: nowrap;
  text-indent: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  font-size: inherit;
  line-height: normal;
  image-rendering: auto;
}

.emoji.big {
  width: 44px;
  height: 44px;
}

.rc-table {
  width: 100%;
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
  font-size: 0.875rem;
  font-weight: 500;
}

.rc-table-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  min-height: 200px;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

.rc-table--fixed {
  table-layout: fixed;
}

.rc-table tbody tr:not(.table-no-click):not(.table-no-pointer) {
  cursor: pointer;
}

.rc-table tbody tr:not(.table-no-click):not(.table-no-pointer):hover {
  background-color: #f2f3f5;
  background-color: var(--rc-color-primary-lightest);
}

.rc-table td,
.rc-table th {
  vertical-align: middle;
}

.rc-table td.bold,
.rc-table th.bold {
  font-weight: 600;
}

.rc-table th {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
  color: transparent;
  font-size: 0.75rem;
  line-height: 0;
}

.rc-table th>.rc-icon {
  display: none;
}

.rc-table td {
  overflow: hidden;
  padding: 0.25rem 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.9rem;
  line-height: 1rem;
}

.rc-table-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.rc-table-subtitle {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.rc-table-subtitle,
.rc-table-title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.rc-table-title {
  white-space: nowrap;
  color: #f5f5f5;
  color: var(--rc-color-primary);
  line-height: normal;
}

.rc-table-title .rc-icon {
  margin: 0 -4px;
  font-size: 1rem;
}

.rc-table-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  margin: 2px 4px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.rc-table-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 1%;
  margin: 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.rc-table-td--small {
  width: 80px;
}

.rc-table-td--medium {
  width: 200px;
}

.rc-table-icon {
  color: #6c727a;
  color: var(--color-dark-light);
}

.table-wrapper {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  overflow-y: scroll;
}

.table-content-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.table-content,
.table-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.table-content {
  margin-bottom: 1rem;
}

.table-content,
.table-scroll {
  min-height: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.table-scroll {
  overflow: auto;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  border-top: 1px solid hsla(0, 0%, 84.7%, 0.4);
}

.table-fake-th {
  position: absolute;
  top: 0;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0;
  text-align: left;
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.table-fake-th .rc-icon {
  fill: #9ea2a8;
  fill: var(--rc-color-primary-light);
}

.table-tr-dummy {
  height: 1rem;
}

.table-column-date {
  overflow: hidden;
  width: 120px;
  white-space: nowrap;
  text-transform: capitalize;
  text-overflow: ellipsis;
}

.table-no-click {
  height: 10px;
}

.table-loading-td {
  position: relative;
}

.tabs {
  margin-bottom: 0.5rem;
  border-bottom: 2px solid #e1e5e8;
  border-bottom: 2px solid var(--input-border-color);
}

.tabs-wrapper {
  width: 100%;
  margin: 0 -1rem -2px;
}

.tab,
.tabs-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab {
  margin: 0 1rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
  border-bottom: 2px solid transparent;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.tab.active {
  color: #1d74f5;
  color: var(--rc-color-button-primary);
  border-bottom-color: #1d74f5;
  border-bottom-color: var(--rc-color-button-primary);
}

.tab:focus {
  text-decoration: underline;
}

.tab>span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1rem 0;
}

.full-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.full-modal,
.full-modal__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.full-modal__wrapper {
  position: relative;
  width: 650px;
  width: var(--modal-wrapper-width);
  margin: 3rem 0;
  margin: var(--modal-wrapper-margin) 0;
}

.full-modal__back-button {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 30px;
  color: #9ea2a8;
  color: var(--modal-back-button-color);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.full-modal__back-text {
  margin-right: 2px;
  line-height: 22px;
}

.full-modal__back-icon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 1rem;
}

@media (max-width: 1023px) {
  .full-modal {
    padding: 50px;
  }

  .full-modal__wrapper {
    margin: 0;
  }
}

@media (max-width: 840px) {
  .full-modal__back-button {
    top: -1.5rem;
  }
}

.rtl .full-modal__back-button {
  right: auto;
  left: 0;
}

.rtl .full-modal__back-text {
  margin-left: 0.375rem;
}

.create-channel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.create-channel__content {
  overflow: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 -40px;
  padding: 0 40px;
}

.create-channel__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.create-channel .rc-input:not(:only-of-type),
.create-channel__inputs:not(:only-of-type),
.create-channel__switches {
  margin-bottom: 1rem;
  margin-bottom: var(--create-channel-gap-between-elements);
}

.create-channel__description {
  padding: 1rem 0;
  padding: var(--create-channel-gap-between-elements) 0;
  color: #9ea2a8;
  color: var(--create-channel-description-color);
  font-size: 0.875rem;
  font-size: var(--create-channel-description-text-size);
}

.create-channel__switches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.create-channel .rc-switch {
  width: 100%;
}

.create-channel .rc-switch:not(:last-child) {
  margin-bottom: 2rem;
}

.create-channel .rc-input__icon-svg {
  font-size: 1.2rem;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.rc-user-info {
  z-index: 1;
  margin-bottom: 1.5rem;
  margin-bottom: var(--default-padding);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-user-info,
.rc-user-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rc-user-info-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  background-color: var(--color-white);
  will-change: transform;
}

.rc-user-info-container.animated {
  transition: transform 0.45s cubic-bezier(0.5, 0, 0, 1),
    opacity 0.125s ease-out 0.1s,
    -webkit-transform 0.45s cubic-bezier(0.5, 0, 0, 1);
}

.rc-user-info-container.animated-hidden {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}

.rc-user-info-wrapper {
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.rc-user-info__banner {
  position: absolute;
  z-index: 1;
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 132px;
  height: 32px;
  margin: 0 -6px;
  color: #fff;
  border-radius: 3px;
  background: #1d74f5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
}

.rc-user-info__avatar {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 1.5rem;
  margin: var(--default-padding);
  border-radius: 2px;
}

.archived .rc-user-info__avatar>.avatar {
  opacity: 0.8;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}

.rc-user-info__name {
  width: 100%;
  text-align: center;
  word-wrap: break-word;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.rc-user-info__username {
  padding: 0.1rem 0;
  color: #9ea2a8;
  color: var(--color-gray);
  font-size: 14px;
}

.rc-user-info__scroll {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
}

.rc-user-info__scroll.archived .rc-user-info__label,
.rc-user-info__scroll.archived .rc-user-info__name {
  color: #9ea2a8;
}

.rc-user-info__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-user-info__flex>.rc-button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 5px;
}

.rc-user-info__flex:not(.rc-user-info__room)>.rc-button:first-child {
  margin-left: 0;
}

.rc-user-info__flex:not(.rc-user-info__room)>.rc-button:last-child {
  margin-right: 0;
}

.rc-user-info__block {
  margin: 47px 0;
  padding: 28px 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.rc-user-info__room {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rc-user-info__room>.rc-button {
  margin: 5px;
}

.rc-user-info__row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 15px 0;
}

.rc-user-info__row>.rc-switch {
  color: #a1a1a1;
}

.rc-user-info__row>.rc-switch,
.rc-user-info__row>.rc-switch>.rc-switch__label>.rc-switch__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rc-user-info__row--separator {
  margin: 14px 0;
  border-bottom: 1px solid #d7d7d7;
}

.rc-user-info__label {
  display: block;
  margin-bottom: 37px;
  font-size: 15px;
  font-weight: 400;
}

.rc-user-info__description {
  padding: 8px 0;
  color: #9ea2a8;
}

.rc-user-info-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 1.5rem;
  margin-bottom: var(--default-padding);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rc-user-info-action__item {
  overflow: hidden;
  margin: 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rc-user-info-action__icon {
  font-size: 20px;
}

.rc-user-info-details {
  margin-bottom: -1rem;
  margin-bottom: calc(var(--default-small-padding) * -1);
  padding: 1.5rem;
  padding: var(--default-padding);
  background-color: #f7f8fa;
}

.rc-user-info-details__item:not(:last-child),
.rc-user-info-details__label {
  margin-bottom: 1rem;
  margin-bottom: var(--default-small-padding);
}

.rc-user-info-details__label {
  display: inline-block;
  color: #9ea2a8;
  color: var(--color-gray);
  font-size: 10px;
}

.rc-user-info-details__info {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2f343d;
  color: var(--color-dark);
  font-size: 16px;
  line-height: 18px;
}

.rc-user-info-details__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.rc-user-info__config-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rc-user-info__config-label {
  margin: 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.rc-user-info__config-icon {
  font-size: 1.25rem;
}

.rc-user-info__config-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.75rem 2rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.rc-user-info__config-content-icon {
  color: #444;
  font-size: 1.25rem;
}

.rc-user-info__config-content .icon-play-circled {
  cursor: pointer;
}

.rc-user-info__config-name,
.rc-user-info__config-value {
  font-size: 0.75rem;
  font-weight: 600;
}

.rc-user-info__config-name {
  color: #777;
}

.rc-user-info__config-value {
  margin: 0 0.25rem;
  cursor: pointer;
  text-transform: capitalize;
  color: #1d73f3;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.rc-switch-double,
.rc-user-info__config-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc-switch-double {
  width: 100%;
  word-break: break-word;
  color: #444;
}

.rc-switch-double__description {
  margin: 5px 2px;
  font-size: 13px;
}

.rc-switch-double__label {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  font-size: 16px;
}

.rc-switch-double__label:first-child {
  text-align: right;
}

.rc-switch-double__label:last-child {
  text-align: left;
}

.rc-switch-double__label.disabled {
  opacity: 0.3;
}

.rc-switch-double .rc-switch {
  -webkit-box-flex: 0;
  -ms-flex: 0 0;
  flex: 0 0;
  margin: 0 23px;
}

.rc-switch-double .rc-switch .rc-switch__button {
  margin: 0;
}

.rtl {
  direction: rtl;
}

.rtl .rc-old .buttons-group .button {
  margin-right: 4px;
  margin-left: auto;
}

.rtl .rc-old .buttons-group .button:first-child {
  margin-right: 0;
}

.rtl .rc-old .page-container .content .rocket-form .submit {
  text-align: left;
}

.rtl button {
  text-align: right;
}

.rtl .main-content {
  left: 0;
  -webkit-transition: left 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  transition: left 0.25s cubic-bezier(0.5, 0, 0.1, 1);
}

.rtl .main-content.flex-opened {
  left: 440px;
  left: calc(var(--flex-tab-width) + 40px);
}

.rtl .page-settings .content>.info {
  padding-left: 20px;
}

.rtl .page-settings .section {
  border-right: none;
  border-left: 1px solid #ddd;
}

.rtl .page-settings .section .section-content .input-line>label {
  text-align: right;
}

.rtl .messages-box {
  margin: 60px 0 0;
}

.rtl .messages-box .new-message {
  right: 50%;
  left: auto;
}

.rtl .messages-box.compact .message {
  padding: 5px 45px 5px 15px;
}

.rtl .messages-box.compact .message.collapsed .thumb {
  margin: 0;
}

.rtl .container-bars .upload-progress .upload-progress-progress {
  right: 0;
  left: auto;
}

.rtl .container-bars .unread-bar>a.mark-read,
.rtl .container-bars .upload-progress .upload-progress-text>a {
  float: left;
}

.rtl .container-bars .unread-bar>a.jump-to {
  float: right;
}

.rtl .messages-container,
.rtl .messages-container .footer,
.rtl .messages-container .wrapper {
  right: 0;
  left: auto;
}

.rtl .account-box .options {
  direction: ltr;
}

.rtl .account-box .options>.wrapper {
  direction: rtl;
}

.rtl .flex-tab-container {
  border-width: 0 1px 0 0;
}

.rtl .flex-tab-bar .tab-button.active {
  margin-right: -1px;
  margin-left: auto;
  border-right: unset;
  border-left: 3px solid red;
}

.rtl .flex-tab .control {
  padding: 12px 30px;
  text-align: right;
}

.rtl .flex-tab .control>a,
.rtl .flex-tab .control>form {
  float: right;
}

.rtl .flex-tab .control .more {
  right: 0;
  left: auto;
  -webkit-transform: translateX(27px);
  transform: translateX(27px);
}

.rtl .flex-tab .control .search-form {
  width: 100%;
  padding: 0 0 0 4px;
}

.rtl .flex-tab .control .search-form .icon-plus {
  right: 4px;
  left: auto;
}

.rtl .flex-tab .control .info-tabs {
  right: auto;
  left: 20px;
  text-align: left;
}

.rtl .flex-opened .flex-tab .control .more {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.rtl .input-line.search .icon-spin {
  right: auto;
  left: 5px;
}

.rtl .input-line.search .icon-right-open-small,
.rtl .input-line.search .icon-search {
  right: 2px;
  left: auto;
}

.rtl .input-line.search input {
  padding-right: 20px;
  padding-left: 8px;
  text-align: right;
}

.rtl .input-line>div .right {
  right: auto;
  left: 10px;
}

.rtl .input-line.double-col>label {
  float: right;
  padding: 10px 0 10px 20px;
  text-align: left;
}

.rtl .input-line.double-col>div {
  float: right;
}

.rtl .input-line.double-col>div label {
  margin-right: auto;
  margin-left: 4px;
}

.rtl .input-line.double-col>div label:last-child {
  margin-right: auto;
  margin-left: 0;
}

.rtl .input-line.double-col>div label input {
  margin-right: auto;
  margin-left: 4px;
}

.rtl .user-view nav {
  margin-right: -4px;
  margin-left: auto;
}

.rtl .user-view nav .back {
  float: left;
}

.rtl .user-view .stats li {
  border-right: unset;
  border-left: 2px;
}

.rtl .burger {
  right: 0;
  left: auto;
  margin-right: 7px;
  margin-left: auto;
}

.rtl .burger .unread-burger-alert {
  right: auto;
  left: 4px;
}

.rtl .burger.menu-opened i:first-child {
  -webkit-transform: translate(25%, 3px) rotate(45deg) scaleX(0.5);
  transform: translate(25%, 3px) rotate(45deg) scaleX(0.5);
}

.rtl .burger.menu-opened i:nth-child(3) {
  -webkit-transform: translate(25%, -3px) rotate(-45deg) scaleX(0.5);
  transform: translate(25%, -3px) rotate(-45deg) scaleX(0.5);
}

.rtl .arrow:after,
.rtl .arrow:before {
  right: calc(50% - 5px);
}

.rtl .arrow:before {
  -webkit-transform: rotate(135deg) translateX(4px);
  transform: rotate(135deg) translateX(4px);
}

.rtl .arrow:after {
  -webkit-transform: rotate(-135deg) translateX(4px);
  transform: rotate(-135deg) translateX(4px);
}

.rtl .arrow.left:before {
  -webkit-transform: rotate(-45deg) translateY(-4px);
  transform: rotate(-45deg) translateY(-4px);
}

.rtl .arrow.left:after {
  -webkit-transform: rotate(45deg) translateY(4px);
  transform: rotate(45deg) translateY(4px);
}

.rtl .arrow.top:before {
  -webkit-transform: rotate(45deg) translateX(-2px) translateY(2px);
  transform: rotate(45deg) translateX(-2px) translateY(2px);
}

.rtl .arrow.top:after {
  -webkit-transform: rotate(-45deg) translateX(2px) translateY(2px);
  transform: rotate(-45deg) translateX(2px) translateY(2px);
}

.rtl .arrow.bottom:before {
  -webkit-transform: rotate(-45deg) translateX(-2px) translateY(-2px);
  transform: rotate(-45deg) translateX(-2px) translateY(-2px);
}

.rtl .arrow.bottom:after {
  -webkit-transform: rotate(45deg) translateX(2px) translateY(-2px);
  transform: rotate(45deg) translateX(2px) translateY(-2px);
}

.rtl .arrow.close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.rtl .arrow.close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rtl .message {
  padding-right: 70px;
  padding-left: 20px;
}

.rtl .message .user {
  margin-right: 0;
  margin-left: 5px;
}

.rtl .message .thumb {
  right: 20px;
  left: auto;
}

.rtl .message .title .edited {
  margin-right: 3px;
  margin-left: auto;
}

.rtl .message .private {
  margin-right: 10px;
  margin-left: auto;
}

.rtl .message.sequential {
  padding-top: 4px;
}

.rtl .message.sequential .title {
  right: 5px;
  left: auto;
  text-align: left;
}

.rtl .message.sequential .title .edited {
  margin-right: 0;
  margin-left: auto;
  padding-right: 0;
  padding-left: auto;
  border-right: 0;
}

.rtl .message.sequential .title .message-action {
  float: right;
  margin-right: 1px;
  margin-left: auto;
}

.rtl .message.collapsed>.thumb {
  margin: 0 16px 0 0;
}

.rtl blockquote {
  padding-right: 10px;
  padding-left: auto;
}

.rtl blockquote:before {
  right: 0;
  left: auto;
}

.rtl .ticks-bar {
  right: auto;
  left: 2px;
}

.rtl .fixed-title {
  right: 0;
  left: auto;
  padding: 0 20px 0 10px;
}

.rtl .list-view>.title .see-all {
  float: left;
}

.rtl .page-list .list a .info ul {
  margin-right: 3px;
  margin-left: auto;
}

.rtl .page-list .list table thead th {
  text-align: right;
}

.rtl .code-mirror-box {
  direction: ltr;
}

.rtl .code-mirror-box .buttons {
  text-align: left;
}

.rtl .code-mirror-box.code-mirror-box-fullscreen {
  right: 260px;
  left: 40px;
}

.rtl .code-mirror-box.code-mirror-box-fullscreen .title {
  padding-right: 10px;
  padding-left: unset;
  direction: rtl;
}

.rtl .rocket-form legend:after {
  right: 0;
}

.rtl .rocket-form .submit {
  text-align: left;
}

.rtl .toast-top-right {
  right: auto;
  left: 12px;
}

@media (max-width: 1100px) {
  .rtl #rocket-chat .flex-opened {
    left: 0;
  }

  .rtl #rocket-chat .flex-opened .flex-tab {
    -webkit-transform: translateX(calc(100% + 40px));
    transform: translateX(calc(100% + 40px));
  }
}

@media (max-width: 840px) {
  .rtl #rocket-chat .main-content {
    right: 0;
  }

  .rtl #rocket-chat .fixed-title h2 {
    margin-right: 45px;
  }

  .rtl .code-mirror-box.code-mirror-box-fullscreen {
    right: 0;
  }
}

.content-admin-wrapper {
  background-color: #F5F5F5;
  padding: 0px 26px;
}

.content-admin {
  background-color: white;
}

.content-background-color {
  background-color: #fff;
  background-color: var(--content-background-color);
}

.color-content-background-color {
  color: #fff;
  color: var(--content-background-color);
}

.color-content-pink-background-color {
  color: #d5156a;
  color: var(--p-color-pink);
}

.primary-background-color {
  background-color: #04436a;
  background-color: var(--primary-background-color);
}

.color-primary-font-color {
  color: #444;
  color: var(--primary-font-color);
}

.color-primary-action-color {
  color: #1d74f5;
  color: var(--primary-action-color);
}

.background-primary-action-color {
  background-color: #1d74f5;
  background-color: var(--primary-action-color);
}

.background-primary-pink-color {
  background-color: #ffe7f0;
  background-color: var(--p-color-pink-background);
}

.secondary-background-color {
  background-color: #f4f4f4;
  background-color: var(--secondary-background-color);
}

.border-secondary-background-color {
  border-color: #f4f4f4;
  border-color: var(--secondary-background-color);
}

.secondary-font-color {
  color: #a0a0a0;
  color: var(--secondary-font-color);
}

.border-component-color {
  border-color: #f2f3f5;
  border-color: var(--component-color);
}

.background-component-color {
  background-color: #f2f3f5;
  background-color: var(--component-color);
}

.color-component-color {
  color: #f2f3f5;
  color: var(--component-color);
}

.success-color {
  color: #2de0a5;
  color: var(--success-color);
}

.pending-color {
  color: #fcb316;
  color: var(--pending-color);
}

.pending-background {
  background-color: var(--pending-background);
}

.pending-border {
  border-color: var(--pending-border);
}

.error-color {
  color: #bc2031;
  color: var(--error-color);
}

.background-error-color {
  background-color: #bc2031;
  background-color: var(--error-color);
}

.color-info-font-color {
  color: #a0a0a0;
  color: var(--info-font-color);
}

.background-info-font-color {
  background-color: #a0a0a0;
  background-color: var(--info-font-color);
}

.background-attention-color {
  background-color: #9c27b0;
  background-color: var(--attention-color);
}

.tertiary-background-color {
  background-color: #f2f3f5;
  background-color: var(--tertiary-background-color);
}

.border-tertiary-background-color {
  border-color: #f2f3f5;
  border-color: var(--tertiary-background-color);
}

.color-tertiary-font-color {
  color: var(--transparent-lightest);
  color: var(--tertiary-font-color);
}

.error-background {
  background-color: var(--error-background);
}

.error-border {
  border-color: var(--error-border);
}

.color-error-contrast {
  color: var(--error-contrast);
}

.background-transparent-darkest {
  background-color: var(--transparent-darkest);
}

.background-transparent-darker,
.background-transparent-darker-before:before,
.background-transparent-darker-hover:hover {
  background-color: var(--transparent-darker);
}

.background-transparent-dark,
.background-transparent-dark-hover:hover {
  background-color: var(--transparent-dark);
}

.border-transparent-dark {
  border-color: var(--transparent-dark);
}

.background-transparent-light {
  background-color: var(--transparent-light);
}

.border-transparent-lighter {
  border-color: var(--transparent-lighter);
}

.background-transparent-lightest {
  background-color: var(--transparent-lightest);
}

.color-primary-action-contrast {
  color: var(--primary-action-contrast);
}

* {
  -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: var(--transparent-dark);
}

::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: var(--transparent-darker);
  background-color: var(--custom-scrollbar-color);
}

::-webkit-scrollbar-corner {
  background-color: var(--transparent-dark);
}

.filter-item:hover {
  border-color: #a0a0a0;
  border-color: var(--info-font-color);
}

.filter-item.active {
  border-color: #04436a;
  border-color: var(--primary-background-color);
}

.burger i {
  background-color: #444;
  background-color: var(--primary-font-color);
}

.input-line.setting-changed>label {
  color: #02acec;
  color: var(--selection-color);
}

input:-webkit-autofill {
  color: #444 !important;
  color: var(--primary-font-color) !important;
  background-color: transparent !important;
}

input,
select,
textarea {
  color: #444;
  color: var(--primary-font-color);
  border-style: solid;
  border-color: #e1e5e8;
  border-color: var(--input-border-color);
  background-color: transparent;
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

input::placeholder,
select::placeholder,
textarea::placeholder {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

input[disabled],
select[disabled],
textarea[disabled] {
  background-color: #e1e5e8;
  background-color: var(--button-disabled-background);
}

.disabled label,
[disabled] label {
  color: #cbced1;
  color: var(--input-placeholder-color);
}

.-autocomplete-container {
  background-color: #fff;
  background-color: var(--popup-list-background);
}

.-autocomplete-item.selected {
  background-color: #f2f3f5;
  background-color: var(--popup-list-selected-background);
}

.rc-old input[type="button"],
.rc-old input[type="submit"] {
  color: #414852;
  color: var(--button-secondary-text-color);
  border-color: #cbced1;
  border-color: var(--button-secondary-background);
  background: #cbced1;
  background: var(--button-secondary-background);
}

.input.checkbox.toggle input:checked+label:before {
  background-color: #1d74f5;
  background-color: var(--button-primary-background);
}

.input.checkbox.toggle input:disabled+label:before {
  background-color: #e1e5e8 !important;
  background-color: var(--button-disabled-background) !important;
}

.input.checkbox.toggle label:before {
  background-color: #cbced1;
  background-color: var(--button-secondary-background);
}

.input.checkbox.toggle label:after {
  background-color: #fff;
  background-color: var(--button-primary-text-color);
}

.input.checkbox.toggle label:hover:before {
  opacity: 0.6;
}

.flex-tab a[class^="icon-"],
.flex-tab a i,
.message a[class^="icon-"],
.message a i {
  color: #444;
  color: var(--primary-font-color);
}

.flex-tab a[class^="icon-"]:hover,
.flex-tab a i:hover,
.message a[class^="icon-"]:hover,
.message a i:hover {
  opacity: 0.6;
}

.error {
  border-color: #bc2031;
  border-color: var(--error-color);
}

.page-list a:not(.rc-button),
.page-settings a:not(.rc-button) {
  color: #444;
  color: var(--primary-font-color);
}

.page-list a:not(.rc-button):hover,
.page-settings a:not(.rc-button):hover {
  color: #1d74f5;
  color: var(--primary-action-color);
}

.admin-table-row {
  background-color: var(--transparent-light);
}

.admin-table-row:nth-of-type(2n) {
  background-color: var(--transparent-lightest);
}

.avatar-suggestion-item .question-mark:before {
  color: #a0a0a0;
  color: var(--secondary-font-color);
}

.full-page a,
.page-loading a {
  color: var(--transparent-lightest);
  color: var(--tertiary-font-color);
}

.full-page a:hover,
.page-loading a:hover {
  color: var(--primary-background-contrast);
}

#login-card .input-text input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 20px #fff inset;
  box-shadow: inset 0 0 0 20px #fff;
  -webkit-box-shadow: 0 0 0 20px var(--content-background-color) inset;
  box-shadow: 0 0 0 20px var(--content-background-color) inset;
}

.toggle-favorite {
  color: #f2f3f5;
  color: var(--component-color);
}

.upload-progress-progress {
  background-color: var(--success-background);
}

.messages-container .footer {
  background: #f9f9f9;
}

.message.editing {
  background-color: #ffeef5;
}

.rc-old .popup-item.selected {
  background-color: #ececec;
}

.messages-box.selectable .selected {
  background-color: var(--selection-background);
}

.message.new-day:before {
  background-color: #fff;
  background-color: var(--content-background-color);
}

.message.new-day:after {
  border-color: #f2f3f5;
  border-color: var(--component-color);
}

.message a {
  color: #1d74f5;
  color: var(--link-font-color);
}

.message a:hover {
  opacity: 0.6;
}

.message .highlight-text {
  background-color: var(--selection-background);
}

.sidebar-item__last-message a:not(.mention-link) {
  color: #1d74f5;
  color: var(--link-font-color);
}

.sidebar-item__last-message a:not(.mention-link):hover {
  opacity: 0.6;
}

.flex-tab-bar .tab-button.active,
.flex-tab-bar .tab-button:hover {
  background-color: #f4f4f4;
  background-color: var(--secondary-background-color);
}

.flex-tab-bar .tab-button.active {
  border-right-color: #02acec;
  border-right-color: var(--selection-color);
}

.flex-tab-bar .tab-button.attention {
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.flex-tab-bar .counter {
  color: #fff;
  background: #a0a0a0;
  background: var(--secondary-font-color);
}

i.status-online {
  color: #2de0a5;
  color: var(--rc-status-online);
}

.account-box .status-online .thumb:after,
.account-box .status.online:after,
.popup-user-status-online,
.status-bg-online,
.status-online:after {
  background-color: #2de0a5;
  background-color: var(--rc-status-online);
}

.account-box .status-offline .thumb:after,
.account-box .status.offline:after {
  background-color: var(--transparent-lighter);
}

i.status-away {
  color: #f38c39;
  color: var(--rc-status-away);
}

.account-box .status-away .thumb:after,
.account-box .status.away:after,
.popup-user-status-away,
.status-away:after,
.status-bg-away,
.status-pending:after {
  background-color: #f38c39;
  background-color: var(--rc-status-away);
}

i.status-busy {
  color: #f5455c;
  color: var(--rc-status-busy);
}

.account-box .status-busy .thumb:after,
.account-box .status.busy:after,
.popup-user-status-busy,
.status-bg-busy,
.status-busy:after {
  background-color: #f5455c;
  background-color: var(--rc-status-busy);
}

i.status-offline {
  color: var(--transparent-darker);
  color: var(--rc-status-offline);
}

.popup-user-status-offline,
.status-bg-offline,
.status-offline:after {
  background-color: var(--transparent-darker);
  background-color: var(--rc-status-offline);
}

.alert-warning {
  color: #444;
  color: var(--primary-font-color);
  border-color: #f38c39;
  border-color: var(--rc-color-alert);
  background-color: #fff5df;
  background-color: var(--message-box-editing-color);
}

.alert-link {
  color: #1d74f5;
  color: var(--link-font-color);
}

.alert-link:hover {
  opacity: 0.6;
}

label.required:after {
  color: #bc2031;
  color: var(--error-color);
}

.flex-tab .loading-animation>.bounce,
.loading-animation.loading-animation--primary>.bounce,
.main-content .loading-animation>.bounce {
  background-color: #444;
  background-color: var(--primary-font-color);
}

@-webkit-keyframes blink {
  0% {
    color: #02acec;
    color: var(--selection-color);
  }

  to {
    opacity: inherit;
  }
}

@keyframes blink {
  0% {
    color: #02acec;
    color: var(--selection-color);
  }

  to {
    opacity: inherit;
  }
}

.range-slider-range::-webkit-slider-thumb {
  background-color: #1d74f5;
  background-color: var(--button-primary-background);
}

.range-slider-range::-webkit-slider-thumb:hover {
  opacity: 0.6;
}

.range-slider-range:active::-webkit-slider-thumb {
  opacity: 0.9;
}

.range-slider-range::-moz-range-thumb {
  background-color: #1d74f5;
  background-color: var(--button-primary-background);
}

.range-slider-range::-moz-range-thumb:hover {
  opacity: 0.6;
}

.range-slider-range:active::-moz-range-thumb {
  opacity: 0.9;
}

.range-slider-range::-moz-range-track {
  background-color: #f2f3f5;
  background-color: var(--tertiary-background-color);
}

.range-slider-value {
  color: #fff;
  color: var(--button-primary-text-color);
  background-color: #1d74f5;
  background-color: var(--button-primary-background);
}

.range-slider-value:after {
  border-top-color: transparent;
  border-right-color: #1d74f5;
  border-right-color: var(--rc-color-button-primary);
  border-bottom-color: transparent;
}

li[data-username="cliente"] .attachment,
li[data-username="cliente"] .body,
li[data-username="cliente"] .body:hover {
  background-color: #f2f3f5;
  background-color: var(--rc-color-primary-lightest);
}

li[data-username="cliente"] .user-card-message:not(.color-primary-font-color) .avatar {
  border-left: 0;
}

li[data-username="cliente"] .user {
  color: #000 !important;
}

.message .owner-whatsapp-user,
.message .user {
  color: #7a2eff;
}

.sidebar__header-thumb {
  margin: 0 20px 0 0;
}

.own .owner-whatsapp-user,
.own .user {
  color: #d5156a !important;
}

.toolbar .rc-input__element {
  color: #000;
  background-color: #ccc;
}

.rc-table-title {
  color: #9ea2a8;
  color: var(--rc-color-primary-light);
}

.sidebar__header-status-bullet {
  visibility: hidden;
}

.sidebar-item__popup-active {
  background-color: #ccc;
}

.sidebar-item {
  color: #000;
}

.message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  word-break: normal;
  margin-top: 10px;
}

.message .thumb,
.message .thumb:not(.thumb-small) .avatar,
.messages-box .avatar .avatar-image {
  width: 36px;
  height: 36px;
}

.rooms-list__type {
  color: #747475;
  font-size: 100%;
}

.message .body {
  padding: 10px 25px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 5px;
  max-width: 800px;
  background-color: #f9f9f9;
}

.message .body,
.toolbar .rc-input__icon+.rc-input__element {
  border-radius: 15px;
}

.own .new-day:before {
  visibility: visible;
}

.message.new-day {
  margin-top: 40px !important;
}

.message.new-day:before {
  margin-top: 12px;
  visibility: visible;
}

.own .body {
  background-color: #ffe8f0;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1) !important;
  padding: 8px 8px !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0 !important;
  margin-bottom: -4px !important;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

.own .body a {
  color: #1d74f5;
  color: var(--link-font-color);
}

.own .body a:hover {
  text-decoration: underline;
}

.pink-message-body {
  padding: 8px !important;
  margin-top: 0 !important;
  margin-bottom: -4px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
  color: #343434;
  color: var(--contrast-black, #343434);
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.own .thread-icons--thread {
  position: unset;
}

.message.collapsed.sequential {
  display: none;
}

.own {
  position: relative;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.own .thumb {
  display: none;
}

.edited {
  display: none !important;
}

.attachment-block-border {
  width: 0 !important;
}

.sidebar--medium .sidebar-item {
  height: 40px !important;
  padding: 0;
}

.pink-message-typing {
  font-size: 1em !important;
  font-family: Nunito;
  padding-top: 3px;
  font-style: italic;
}

.sidebar-item--active {
  color: #fff !important;
  font-weight: 700 !important;
  background-color: #ccc;
}

.sidebar-item:hover {
  background-color: #f5f5f5;
}

.user .user-card-message .color-primary-font-color {
  margin-left: 4px;
}

.message.system .message-body-wrapper .body {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #DEFCF0;
  font-size: 12px !important;
}

.message.system .message-body-wrapper .pink-message-body {
  border-radius: 10px !important;
}

.message.system .message-body-wrapper .title,
.message.system>.thumb {
  display: none;
}

.message.system {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px !important;
}

.message-body-wrapper {
  display: contents;
}

.message-body-wrapper .has-reply-attachment {
  padding-bottom: 4px !important;
  display: unset !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
  background-color: #f9f9f9;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.own .message-body-wrapper .has-reply-attachment {
  background-color: #ffe8f0;
  border-top-left-radius: 16px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

.sidebar-item__room-type {
  margin: 0;
}

.rooms-list {
  position: relative !important;
  overflow-y: visible !important;
}

.message .attachment {
  background-color: #f9f9f9;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 10px !important;
  max-width: 800px;
}

.message .attachment,
.own .attachment {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.own .attachment {
  background-color: #ffe8f0 !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 0 !important;
}

.own .attachment .attachment-title {
  background: #ffe7f0 !important;
}

.button-reply-attachment {
  background-color: #eff2f5;
  min-width: 6.3rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 1px 5px 1px 8px;
  margin-bottom: 5px;
  border-radius: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #667085;
  color: var(--grey-grey-500, #667085);
  font-family: Nunito;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.own .button-reply-attachment {
  background-color: #fedce8;
}

.button-reply-attachment:after {
  content: "";
  position: absolute;
  margin-left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  top: 30%;
}

.button-reply-attachment.collapsed:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 44%;
}

.button-reply-attachment img {
  transform: rotate(-180deg) !important;
  -webkit-transform: rotate(-180deg) !important;
  top: 44%;
}

.button-reply-attachment.collapsed img {
  transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
  top: 44%;
}

.button-reply {
  background-color: #eff2f5;
  width: 95px;
  height: 20px;
  padding: 0 6px;
  margin-top: 8px;
  border-radius: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #667085;
  color: var(--grey-grey-500, #667085);
  font-family: Nunito;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.own .button-reply {
  background-color: #fef3f7;
  mix-blend-mode: multiply;
}

.button-reply:after {
  content: "";
  position: absolute;
  margin-left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  top: 30%;
}

.button-reply.collapsed:after {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  top: 44%;
  line-height: 20px;
}

.button-reply.collapsed img {
  transform: rotate(0) !important;
  -webkit-transform: rotate(0) !important;
  top: 44%;
}

.button-reply img {
  transform: rotate(-180deg) !important;
  -webkit-transform: rotate(-180deg) !important;
  top: 44%;
}

.colored-bar {
  background-color: red;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 3px;
}

.message .reply-attachment {
  background-color: #eff2f5 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  border-radius: 7px 7px 7px 7px !important;
  max-width: none !important;
  width: revert-layer !important;
  padding: 0 !important;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.reply-attachment-img {
  max-width: none !important;
  max-height: none !important;
}

.own .reply-attachment {
  background-color: #ffd1e2 !important;
}

.attachment .attachment-author {
  font-size: 1.1rem;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reply-attachment .attachment-author {
  overflow: hidden;
  color: #343434;
  color: var(--contrast-black, #343434);
  text-overflow: ellipsis;
  font-family: Nunito;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.attachment .attachment-block-reply-attachment {
  display: grid;
  padding: 5px 5px 5px 7px;
  width: 100%;
  white-space: "nowrap";
}

.reply-attachment img {
  max-width: 75px !important;
  max-height: 75px !important;
  border-radius: 0 7px 7px 0 !important;
}

.attachmentWrapper {
  display: grid;
  max-width: 784.03px;
  min-width: 300px;
  width: 100% !important;
  grid-gap: 4px;
  max-width: none !important;
  border-radius: 12px 0 0 0 !important;
}

.attachmentWrapper .inline-image img,
.has-reply-attachment img {
  max-height: 200px !important;
}

.has-reply-attachment img {
  max-width: 17.8rem !important;
}

.has-reply-attachment {
  max-width: 800px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.attachmentWrapper.collapsed {
  border: none;
}

.sidebar {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 0 1em rgb(0 0 0/10%);
  box-shadow: 0 0 1em rgb(0 0 0/10%);
}

.boxshadow {
  -webkit-box-shadow: 3px 3px 5px #535353;
  box-shadow: 3px 3px 5px #535353;
}

.roundbox {
  border-radius: 6px 6px 6px 6px;
}

.sidebar-item {
  border-radius: 0;
}

.rooms-list__list {
  -webkit-box-shadow: 0 0 20px 5px #dbd2db;
  box-shadow: 0 0 20px 5px #dbd2db;
  border-radius: 4px;
}

.rooms-list__toolbar-search {
  margin: 0;
  width: 100% !important;
  border: none;
  left: 0;
}

.rooms-list__toolbar-search-item {
  padding: 0;
}

.rc-message-box__container,
.rc-message-box__container_livechat {
  border-radius: 15px;
  border: none;
  background-color: #f9f9f9 !important;
}

.rc-message-box__container_livechat {
  float: right;
  margin-bottom: 17px;
}

.rc-message-box__cannot-send_livechat {
  float: left;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 50px;
  color: #969696;
  cursor: default;
}

textarea.rc-message-box__textarea.js-input-message::-webkit-input-placeholder {
  color: #969696;
}

textarea.rc-message-box__textarea.js-input-message::-moz-placeholder {
  color: #969696;
}

textarea.rc-message-box__textarea.js-input-message:-ms-input-placeholder {
  color: #969696;
}

textarea.rc-message-box__textarea.js-input-message::-ms-input-placeholder {
  color: #969696;
}

textarea.rc-message-box__textarea.js-input-message::placeholder {
  color: #969696;
}

.sidebar-item__link {
  color: #000;
  padding-left: 16px;
  padding-right: 16px;
}

.rc-message-box__icon .rc-input__icon-svg {
  color: #667085;
}

.rc-message-box__icon:hover .rc-input__icon-svg,
.rc-tooltip {
  color: #d5106a;
}

.rc-message-box__toolbar-formatting-item {
  display: none;
}

.contextual-bar .thread .avatar .avatar-image {
  width: 36px;
}

.contextual-bar .rc-user-info .avatar .avatar-image {
  width: 100%;
}

.message.collapsed .thread-reply-preview {
  font-size: medium;
}

.sidebar__footer {
  display: none;
}

.avatar,
.rcx-avatar__element {
  -webkit-mask-image: url(P1-mascara.svg?x-request=html);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  mask-position: center;
}

.avatar,
.rcx-avatar__element,
.sidebar .mask-img {
  display: block;
  max-width: 100%;
  height: 100%;
}

.sidebar .object-mask {
  -webkit-mask-image: url(P1-mascara.svg?x-request=html);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  mask-position: center;
}

.sidebar__toolbar .rc-tooltip,
.sidebar__toolbar .rc-tooltip:hover {
  color: inherit;
}

.sidebar__toolbar-button-icon--magnifier,
.sidebar__toolbar-button-icon--menu,
.sidebar__toolbar-button-icon--pink-edit {
  color: #8e8e8e;
}

.rc-tags__tag-text,
.sidebar-item--mention .sidebar-item__message-top,
.sidebar-item--unread .sidebar-item__message-top,
.sidebar-item__last-message--unread {
  color: #000;
}

.rooms-list__list {
  -webkit-box-shadow: 0 1px 1px 1px #dbd2db;
  box-shadow: 0 1px 1px 1px #dbd2db;
  border-radius: 15px;
  background-color: #fff;
  margin: 0;
  padding-bottom: 10px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  padding-top: 10px;
}

.message-actions__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.ws-main {
  margin: 20px 0;
  text-align: center;
}

.ws-main span {
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
}

.ws-main .status-bar {
  width: 100%;
  margin-top: 14px;
  text-align: center;
}

.ws-main .status {
  display: inline-block;
  width: 65px;
}

.ws-main .reload {
  width: 20px;
  text-align: left;
}

.ws-main .qrcode,
.ws-main .reload {
  display: inline-block;
  cursor: pointer;
}

.ws-main .qrcode {
  width: 140px;
  margin: 6px 0;
}

.ws-main .qrcode a {
  color: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ws-main .qrcode img {
  margin-right: 5px;
}

.ws-main .statusIcon {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.ws-main .online {
  background-color: green;
}

.ws-main .offline {
  background-color: red;
}

div.attachmentWrapper.attachment {
  padding: 8px 8px 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.pink-form-wrapper {
  background-color: #fff;
  padding: 0 !important;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.pink-form-container {
  padding: 20px 50px 50px !important;
}

.pink-login-header {
  background: #d5156a 0 0 no-repeat padding-box;
  opacity: 1;
  height: 13px;
}

.pink-logo img {
  height: 40px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.pink-login-header p {
  text-transform: uppercase;
  font-weight: 700;
  color: #2699fb;
}

.input-text {
  background: #fff !important;
  border: 2px solid #ffc6d5 !important;
  border-radius: 8px !important;
  opacity: 1;
}

.pink-button {
  background: #d5156a !important;
  border-radius: 10px !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.pink-naked-button {
  text-align: center;
  font: normal normal 700 12px/12px Arial;
  letter-spacing: 0;
  color: #ff8dab;
  opacity: 1;
  text-transform: uppercase;
}

.pink-label {
  text-align: left;
  color: #ff8dab;
  margin-top: 0;
  margin-bottom: 2px;
  font-family: Nunito, Arial, Helvetica, sans-serif;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ml-auto {
  margin-left: auto !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mxy-3 {
  margin-top: 1rem !important;
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.no-border {
  border: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-1,
.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pt-1,
.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.bg-primary {
  background-color: #D5156B !important;
}

.text-primary {
  color: #D5156B !important;
}

.mw-60 {
  max-width: 60% !important;
}

.mw-70 {
  max-width: 70% !important;
}

.w-70 {
  width: 70% !important;
}

.mw-80 {
  max-width: 80% !important;
}

.w-80 {
  width: 80% !important;
}

.h-65 {
  height: 65px;
}

.h-25 {
  height: 25px;
}

.h-18 {
  height: 18px;
}

.h-06 {
  height: 6px;
}

.full-width {
  width: 100%;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: end !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
}

.flex-column,
.flex-row {
  -webkit-box-direction: normal !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.pink-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pink-chat-name {
  color: #343434;
}

.bb {
  border-top: 1px solid #f4f4f4;
}

.text-underline {
  text-decoration: underline;
}

.bg-warning {
  background-color: #fdf2c7;
}

.bg-light {
  background-color: #f4f5f5;
}

.default-font {
  font-family: Nunito, sans-serif;
}

.font-bold {
  font-weight: 700;
}

.pink-list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 25px;
}

.hidden-icon {
  display: none;
}

.bb:hover>.hidden-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pink-list-group>.pink-list-group-item {
  border: 1px solid #F2F4F7;
  min-height: 60px;
}

.pink-list-group>.pink-list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.pink-list-group>.pink-list-group-item-action:hover {
  background-color: #F2F4F7;
}

.active {
  background-color: #F2F4F7 !important;
  margin: auto;
}

.pink-list-group>.pink-list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.pink-list-group>.pink-list-group-item:first-child {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.pink-list-group>.pink-list-group-item:last-child {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.pink-list-group-item.active {
  z-index: 2;
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}

.badge {
  font-family: Nunito;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50rem !important;
}

.badge-title {
  margin-right: 1px;
  color: #000;
}

.badge-departments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  border-radius: 20px !important;
  font-size: 10px;
  color: #fff;
  min-width: 35px;
  max-width: 35px;
  padding: 4px 6px;
  font-family: Nunito;
}

.badge-whatsapp {
  background-color: #34c759;
  padding: 2px;
  border-radius: 20px !important;
  margin-right: 3px;
  min-height: 18px;
  min-width: 18px;
}

.hide {
  display: none !important;
  color: #fff;
  margin-right: 4px;
}

.hoverable:hover .hide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hoverable:hover {
  padding: 1px 0 1px 3px;
  min-width: unset;
}

.hoverable:hover+.pink-overflow-ellipsis,
.hoverable:hover~.pink-overflow-ellipsis:first-of-type {
  max-width: 100px;
}

.pink-card {
  position: relative;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 10px rgb(0 0 0/12%);
  box-shadow: 0 2px 10px rgb(0 0 0/12%);
  overflow: hidden;
  font: normal normal 800 15px Nunito;
  cursor: pointer;
}

.pink-card,
.pink-card>.pink-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}

.pink-card>.pink-card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  border-radius: 16px 16px 0px 0px;
  background: var(--Grey-Grey-100, #F2F4F7);
  height: 50px;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pink-card>.pink-list-group {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pink-card>.pink-list-group .pink-list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}

.pink-card>.pink-list-group .pink-list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.rooms-list__toolbar-search-item .pink-overflow-ellipsis,
.rooms-list__toolbar-search-item .sidebar-item__icon,
.rooms-list__toolbar-search-item .sidebar-item__menu-icon {
  color: #495057;
}

.popup-item .bb {
  margin: 0 10px;
}

._whatsappContainer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f9d86f;
  margin: 1rem 1.5rem 0 1rem;
  color: #775e27;
  border-radius: 20px;
}

._3Aa1y,
._whatsappContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

._3Aa1y {
  padding: 10px 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 62px;
}

._1UGDt {
  margin-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 49px;
  flex: 0 0 49px;
}

.J485u {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pcVTC {
  font: normal normal 800 16px Nunito;
  line-height: 21px;
}

.nVrBp {
  margin-top: 2px;
  line-height: 19px;
  font: normal normal 300 14px Nunito;
}

.pink-rooms-list__type {
  padding-left: 18px;
}

.pink-rooms-list__list {
  padding: 11px;
}

.message.lgpd-terms-accepted .body,
.message.lgpd-terms .body {
  width: 100% !important;
  max-width: 100% !important;
  color: #343434 !important;
}

.message.lgpd-terms-accepted .body a,
.message.lgpd-terms .body a {
  color: #343434 !important;
}

.message.lgpd-terms-accepted .body {
  background-color: #f4f5f5 !important;
}

.message.lgpd-terms .body {
  background-color: #fdf2c7 !important;
}

.message.lgpd-terms-accepted .title,
.message.lgpd-terms .title {
  display: none !important;
}

.rc-modal--modal {
  width: 680px;
  max-width: 100%;
  -webkit-box-shadow: 0 2px 12px rgb(0 0 0/10%);
  box-shadow: 0 2px 12px rgb(0 0 0/10%);
  border-radius: 20px;
}

.rc-modal__title {
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 400;
  padding-bottom: 15px;
}

.rc-input__subtitle,
.rc-input__title {
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
}

.rc-input__subtitle {
  color: #8e8e8e;
}

.rc-modal-wrapper {
  background: rgba(47, 52, 61, 0.5);
}

.rc-input__label {
  padding-top: 12px;
}

.rc-message-box__container {
  border: 0 solid #fff;
}

.rc-message-box__animation {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: message-box__animation;
  animation-name: message-box__animation;
}

@-webkit-keyframes message-box__animation {
  0% {
    border: 3px solid #d5156a;
  }

  to {
    border: 3px solid #fff;
  }
}

@keyframes message-box__animation {
  0% {
    border: 3px solid #d5156a;
  }

  to {
    border: 3px solid #fff;
  }
}

.pink-tab-icon,
.pink-tab-icon-active {
  opacity: 0.4;
  width: 27px;
  height: 20px;
  padding: 5px 1px 0;
}

.pink-tab-icon-active {
  display: none;
}

.rc-room-actions__button:hover .pink-tab-icon-active {
  display: inline-block;
}

.rc-room-actions__button:hover .pink-tab-icon {
  display: none;
}

.snippets {
  padding: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.pink-header-icon {
  margin: 0 7px;
}

.contextual-bar__header {
  background-color: #fff;
}

.contextual-bar__header-title {
  font-family: Nunito, Arial, Helvetica, sans-serif;
  padding-left: 10px;
}

#snippet-search {
  height: 62px;
}

.pink-snippets-add-btn {
  color: #fff !important;
  background: #d5156a !important;
  height: 55px;
  width: 100%;
  margin: 10px 0;
  border-radius: 13px;
  border: 0;
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
}

.pink-snippets-table {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #efefef;
}

.pink-snippets-row,
.pink-snippets-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pink-snippets-row {
  border-top: 1px solid #efefef;
  min-height: 83px;
  padding: 15px;
  cursor: pointer;
}

.pink-snippets-icon-img-active {
  display: none;
}

.pink-snippets-keywords {
  font-weight: 600;
  color: #3b3b3b;
  width: 180px;
}

.pink-snippets-keywords,
.pink-snippets-text {
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-size: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pink-snippets-text {
  font-weight: 400;
  color: #666;
  max-width: 200px;
}

.pink-snippets-row .pink-snippets-text br {
  display: none;
}

.pink-snippets__menu-icon {
  font-size: 25px;
  margin: auto;
  color: #969696;
}

.pink-snippets-column-actions {
  display: inline;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: baseline;
}

.pink-snippets-button-expand {
  border-radius: 100px;
  background-color: #ffe8f0;
  width: 60px;
  height: 25px;
  display: none;
  font-size: 15px;
  color: #d5156a;
  font-family: Nunito;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  -webkit-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s;
}

.button-snippet-active {
  background-color: #fff !important;
  border: 2px solid #d5156a !important;
}

.pink-snippet-text-active {
  white-space: normal;
}

.pink-snippets-add-textarea {
  height: 175px;
}

.pink-snippets-add-input {
  height: 62px;
}

@media only screen and (max-width: 840px) {

  #snippet-search,
  .pink-snippets-wrapper .pink-snippets-add-btn {
    height: 37px;
  }

  .pink-snippets-add-btn {
    border-radius: 10px;
    font-size: 15px;
  }

  .pink-snippets-button-expand {
    display: inline;
  }
}

@media only screen and (max-width: 840px) {

  #snippet-search,
  .pink-snippets-wrapper .pink-snippets-add-btn {
    height: 37px;
  }

  .pink-snippets-add-btn {
    border-radius: 10px;
    font-size: 15px;
  }

  .pink-snippets-button-expand {
    display: inline-block;
    margin-top: 7px;
    margin-right: 10px;
  }
}

.actions-tab {
  padding: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.rotated-icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotated-icon-270deg {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.flipped-icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.actions-tab-confirm-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #bebebe;
}

.actions-tab-row:hover .actions-tab-action-icon,
.actions-tab-row:hover .actions-tab-confirm-icon,
.actions-tab-row:hover .actions-tab-keywords {
  color: #d5106a !important;
}

.actions-tab-row:hover {
  background-color: #f9f9f9;
}

.actions-tab-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px;
  border-bottom: 1px solid #efefef;
  padding: 23px 24px;
  cursor: pointer;
}

.actions-tab-row,
.actions-tab-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.actions-tab-table {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.finish-attendance-btn .actions-tab-action-icon,
.finish-attendance-btn .actions-tab-confirm-icon,
.finish-attendance-btn .actions-tab-keywords {
  color: #ff4632;
}

.actions-tab-keywords {
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #3b3b3b;
}

.actions-tab-header {
  background-color: #d5156a;
  color: #fff;
  text-transform: uppercase;
}

.rotated-icon-90deg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.pink-collab-header,
.pink-collab-rooms-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.pink-collab-hr {
  border: 1px solid #efefef;
}

.pink-collab-more {
  margin: 0 145px;
  height: 22px;
  padding: 1px;
  border-radius: 24px;
  background-color: #ffe8f0;
  font-family: Nunito;
}

.pink-collab-headline {
  color: #000;
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 16px;
  margin: 16px;
}

.pink-collab-rooms-count {
  height: 21px;
  background-color: #d5156a;
  border-radius: 4px;
  padding-top: 2px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  color: #fff;
}

.pink-collab-title {
  color: #d5156a;
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 8px;
  margin-right: 8px;
}

.dont-send-messages-announcement {
  background-color: #ebf8fe !important;
  color: #247de9 !important;
}

.pink-collab-message-count {
  height: 18px;
  background-color: #d5156a;
  border-radius: 9px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  color: #fff;
}

.pink-collab-wrapper {
  padding: 16px;
}

.pink-collab-rooms-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pink-collab-rooms {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
  margin-top: 16px;
  border-radius: 4px;
}

.pink-whatsapp-icon {
  background-color: #2cb741;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

.pink-collab-name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #343434;
  margin-left: 4px;
  font-family: Nunito, Arial, Helvetica, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rc-room-actions__button svg {
  width: 20px;
  color: #969696;
}

.rc-room-actions__button:hover svg {
  color: #d4176a;
}

.pink-toolbar-btn {
  padding: 3px 12px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 7px;
}

.pink-toolbar-btn:hover {
  background-color: #d4176a;
  -webkit-box-shadow: 0 3px 6px #fff;
  box-shadow: 0 3px 6px #fff;
}

.rc-popover__item:hover .rc-popover__icon svg,
.rc-popover__item:hover .rc-popover__item-text {
  color: #d4176a;
}

.pink-toolbar-btn span {
  display: inline-block;
  vertical-align: middle;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: #969696;
  text-transform: uppercase;
}

.pink-toolbar-btn:hover span {
  color: #fff;
}

.pink-toolbar-btn .icon,
.pink-toolbar-btn .icon-hover {
  display: inline-block;
  width: auto;
}

.pink-toolbar-btn .icon {
  height: 15px;
}

.pink-toolbar-btn .icon-hover {
  height: 15px;
  display: none;
}

.pink-toolbar-btn:hover .icon {
  display: none;
}

.pink-toolbar-btn:hover .icon-hover {
  display: inline-block;
}

.forward {
  padding: 15px;
}

.forward-chat-collab .rc-tags {
  border: 0;
}

.forward-chat-collab .rc-tags #department {
  height: 30px;
  border: 2px solid #d6d6d6;
  border-radius: 10px;
  padding: 0px !important;
}

.forward-chat-collab .rc-tags #department:focus {
  border: 2px solid #d5156a;
}

.rc-popup-list {
  display: block !important;
  border-color: #d5156a !important;
  padding: 0;
}

.pink-forward-btn {
  color: #fff !important;
  background: #d5156a !important;
  height: 20px;
  width: 100%;
  border-radius: 13px;
  border: 0;
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
}

.collab-forward-edit-form form div {
  padding: 0;
}

#create-new-conversation-phonenumber {
  padding-left: 80px !important;
}

.form-input_commom-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-family: Nunito;
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 100px;
  color: #343434;
  padding: 10px 16px;
  width: 100%;
}

.form-input_commom-input:focus-within {
  border: 1px solid #d5156a;
  -webkit-box-shadow: 0 0 0 4px #fef3f7;
  box-shadow: 0 0 0 4px #fef3f7;
}


.form-input_commom-input input,
select {
  border: none;
  width: 100%;
}

.form-input_commom-input input::-webkit-input-placeholder {
  color: #667085;
}

.form-input_commom-input input::-moz-placeholder {
  color: #667085;
}

.form-input_commom-input input:-ms-input-placeholder {
  color: #667085;
}

.form-input_commom-input input::-ms-input-placeholder {
  color: #667085;
}

.form-input_commom-input input::placeholder {
  color: #667085;
}

.form-input_commom-input input {
  block-size: 20.4px;
  height: 20.4px;
  inline-size: 362.4px;
  font-family: Nunito, sans-serif;
  overflow-wrap: normal;
  perspective-origin: 181.2px 10.2px;
  word-break: normal;
  -webkit-locale: "pt-BR";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18);
}

.form-input_commom-textarea {
  font-size: 13px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 14px;
  resize: none;
  padding: 10px 16px;
  width: 100%;
  color: #343434;

  font-family: Nunito, sans-serif;
  overflow-wrap: normal;
  perspective-origin: 181.2px 10.2px;
  word-break: normal;
  -webkit-locale: "pt-BR";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18);
}

.form-input_commom-textarea:focus-within {
  border: 1px solid #d5156a;
  -webkit-box-shadow: 0 0 0 4px #fef3f7;
  box-shadow: 0 0 0 4px #fef3f7;
}

.form-input_commom-textarea::-webkit-input-placeholder {
  color: #667085;
}

.form-input_commom-textarea::-moz-placeholder {
  color: #667085;
}

.form-input_commom-textarea:-ms-input-placeholder {
  color: #667085;
}

.form-input_commom-textarea::-ms-input-placeholder {
  color: #667085;
}

.form-input_commom-textarea::placeholder {
  color: #667085;
}

.form-input-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44px;
  height: 40px;
  background-color: #f2f4f7;
  border-radius: 100px;
  cursor: pointer;
}

.form-input-image input[type="file"] {
  display: none;
}

.form-input-image-display {
  width: 100%;
  height: 18px;
}

.form-input-image-display-rounded {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.form-input-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  padding: 10px 18px;
  gap: 8px;
  border-radius: 100px;
  background-color: #d5156a;
  color: #fff;
  width: 100%;
}

.form-input-button:disabled {
  cursor: default;
  background-color: #e4e7ec;
  color: #343434;
}

table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}

thead th {
  top: 0;
}

tbody,
tr {
  height: 100%;
  width: 100%;
}

tbody {
  display: table-row-group;
  width: 100%;
  height: 100%;
}

tr {
  display: table-row;
  height: 100%;
}

thead {
  display: table-header-group;
  border-bottom: 0.125rem solid #eeeff1;
}

thead tr {
  display: table-row;

  background-color: var(--rcx-color-surface, #fff);
}

th {
  background-color: var(--rcx-color-surface, #fff);
  font-family: var(--rcx-font-family-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Meiryo UI", Arial, sans-serif);
  font-weight: normal;
  padding: 6px 12px;

  position: sticky;
  z-index: 10;
  top: 0;

  cursor: pointer;
  outline: 0;

  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  color: var(--rcx-color-foreground-hint, #9ea2a8);

  display: table-cell;
  padding: .5rem;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  text-align: unset;
  vertical-align: middle;
}

tbody {
  display: table-row-group;
}

td {
  max-width: 80px;
  overflow-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  color: #667085 !important;
  padding: .8rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  text-align: unset;
  vertical-align: middle;
  color: #6c727a;
  color: var(--rcx-color-foreground-info, #6c727a);
  letter-spacing: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

tbody tr {
  display: table-row;
  background-color: var(--rcx-color-surface, #fff);
}

.rcx-box.rcx-\@1vx5yi6 {
  padding-inline: 1.5rem !important;
  height: 100% !important;
  display: flex !important;
  overflow-y: hidden !important;
  flex-direction: column !important;
}

.rcx-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  border-block-end-width: 0.125rem !important;
  border-block-end-color: transparent !important;

  margin-block: 2rem !important;
  margin-inline: 1.5rem !important;
  min-height: 2.5rem !important;
  display: flex !important;
  -webkit-box-align: center !important;
  align-items: center !important;
  flex-flow: row !important;
}

.rcx-header h1 {
  font-size: 1.375rem !important;
  font-weight: 400 !important;
  line-height: 2rem !important;
  letter-spacing: 0rem !important;
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
}

.rcx-box,
.rcx-box:after,
.rcx-box:before {
  flex: 0 1 auto;
  box-sizing: border-box;
  transition: all .23s;
  border: 0 solid;
  outline: none;
  font-variant-numeric: tabular-nums;
}

.pink-search-users-form {
  margin-block: 1rem !important;
  display: flex !important;
  flex-direction: column !important;

  flex: 0 1 auto;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transition: all .23s;
  border: 0 solid;
  outline: none;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rcx-label {
  letter-spacing: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #2f343d;
  color: var(--rcx-color-foreground-default, #2f343d);
}

.rcx-input-box__wrapper>.rcx-input-box {
  width: 0;
  min-width: 0;
}

.rcx-box.rcx-\@ue04py {
  flex-shrink: 0 !important;
}

.rcx-input-box {
  position: relative;
  display: inline-flex;
  flex: 1 0 auto;
  min-width: 8rem;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  vertical-align: baseline;
  white-space: nowrap;
  word-break: break-all;
  outline: 0;
  background-color: transparent;
  letter-spacing: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2f343d;
  color: var(--rcx-input-colors-color, var(--rcx-color-neutral-800, #2f343d));
}

.rcx-autocomplete,
.rcx-input-box__wrapper,
.rcx-select {
  position: relative;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  flex: 1 0 auto;
  min-width: 8rem;
  padding-block: .5rem;
  padding: .5rem .875rem;
  padding-inline: .875rem;
  vertical-align: baseline;
  word-break: break-all;
  outline: 0;
}

.rcx-box.rcx-\@zwo8wx {
  margin-block: 1rem !important;
  display: flex !important;
  flex-direction: column !important;
}

.rcx-autocomplete,
.rcx-input-box:not(.rcx-input-box--undecorated),
.rcx-input-box__wrapper,
.rcx-select {
  border-width: .125rem;
  border-color: #cbced1;
  border-color: var(--rcx-input-colors-border-color, var(--rcx-color-neutral-500, #cbced1));
  border-radius: .125rem;
  background-color: #fff;
  background-color: var(--rcx-input-colors-background-color, var(--rcx-color-surface, #fff));
  box-shadow: none;
}

.rcx-input-box+.rcx-input-box__addon,
.rcx-input-box+.rcx-select__addon {
  color: #2f343d;
  color: var(--rcx-input-colors-color, var(--rcx-color-neutral-800, #2f343d));
}

.rcx-input-box__addon,
.rcx-select__addon {
  cursor: pointer;
  outline: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  flex: 0 0 auto;
}

.rcx-button-group>.rcx-button-group__item:last-child {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}

.rcx-button-group>.rcx-button-group__item {
  margin-left: .5rem;
  margin-right: .5rem;
  /* margin-inline: .5rem; */
}

.rcx-icon {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  letter-spacing: 0;
  font-family: RocketChat;
  font-size: inherit;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.user-card {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-start;
  overflow-x: hidden;
}

.info-wrapper {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0rem !important;
  overflow: hidden;
}

.info-wrapper #name {
  color: var(--rcx-color-foreground-default, #2f343d) !important;
  font-weight: 500 !important;
}

.info-wrapper #email {
  color: var(--rcx-color-foreground-hint, #9ea2a8) !important;
  font-weight: 400 !important;
}

.rcx-pagination--divider {
  position: relative;
}

.rcx-pagination {
  flex-direction: row;
}

.rcx-pagination {
  display: flex;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: #FFFFFF;
}

.rcx-pagination__left {
  justify-content: center;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.rcx-pagination__left,
.rcx-pagination__right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex: 0 1 auto;
}


.rcx-pagination__left {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
}

.rcx-pagination__right {
  flex-flow: column nowrap;
  align-items: center;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.rcx-pagination__right {
  flex-flow: row nowrap;
  align-items: center;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}


.rcx-pagination__label {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #9ea2a8;
  color: var(--rcx-color-foreground-hint, #9ea2a8);
}

.rcx-pagination__list {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-left: .25rem;
  margin-right: .25rem;
  margin-inline: .25rem;
}

.rcx-pagination__link,
.rcx-pagination__list-item {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
}

.rcx-pagination__list-item {
  display: flex;
  margin-left: .125rem;
  margin-right: .125rem;
  margin-inline: .125rem;
  padding: .25rem;
  color: #9ea2a8;
  color: var(--rcx-color-foreground-hint, #9ea2a8);
}

.rcx-pagination__back.disabled,
.rcx-pagination__back:disabled,
.rcx-pagination__forward.disabled,
.rcx-pagination__forward:disabled {
  cursor: not-allowed;
  color: #e4e7ea;
  color: var(--rcx-color-foreground-disabled, #e4e7ea);
}

.rcx-pagination__back:disabled,
.rcx-pagination__forward:disabled {
  color: #e4e7ea !important;
}

.rcx-pagination__back,
.rcx-pagination__forward {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  cursor: pointer;
  outline: 0;
  display: inline-flex;
  color: #1d74f5;
  color: var(--rcx-color-foreground-link, #1d74f5);
  background: transparent;
}

.rcx-pagination__link.disabled,
.rcx-pagination__link:disabled {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  cursor: default;
  color: #2f343d;
  color: var(--rcx-color-foreground-default, #2f343d);
}

.rcx-pagination__link {
  cursor: pointer;
  outline: 0;
  display: inline-flex;
  color: #1d74f5;
  color: var(--rcx-color-foreground-link, #1d74f5);
  background: transparent;
}

.rcx-pagination__link,
.rcx-pagination__list-item {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
}

.rcx-pagination--divider:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  content: "";
  border-radius: .125rem;
  background-color: #eeeff1;
  background-color: var(--rcx-color-neutral-300, #eeeff1);
}

.section-table {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow: hidden;
}

.rcx-box.rcx-\@4dysfq {
  z-index: 1;
  width: 23.75rem !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  position: absolute !important;
  inset-inline-end: 0px !important;
}

.rcx-box.rcx-\@1221keh {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px !important;
  padding: 0px !important;
  display: flex !important;
  flex-direction: column !important;
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
}

.rcx-tile {
  display: block;
  color: #2f343d;
  color: var(--rcx-color-foreground-default, #2f343d);
  border-radius: .125rem;
  background-color: #fff;
  background-color: var(--rcx-color-surface, #fff);
  letter-spacing: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.rcx-tile--elevation-1 {
  box-shadow: 0 0 12px 0 rgba(47, 52, 61, .1);
  box-shadow: 0 0 12px 0 var(--rcx-color-neutral-800-10, rgba(47, 52, 61, .1));
}


.rcx-box.rcx-\@qz7v5a {
  padding-block: 2rem !important;
  padding-inline: 1.5rem !important;
  display: flex !important;
  background-color: var(--rcx-color-neutral-200, #f2f3f5) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.375rem !important;
  letter-spacing: 0rem !important;
  -webkit-box-align: center !important;
  align-items: center !important;
  -webkit-box-pack: justify !important;
  justify-content: space-between !important;
}

.rcx-box.rcx-\@1vx5yi6 {
  padding-inline: 1.5rem !important;
  height: 100% !important;
  display: flex !important;
  overflow-y: hidden !important;
  flex-direction: column !important;
}

.rcx-box.rcx-\@ue04py {
  flex-shrink: 0 !important;
}

.rcx-button--ghost,
.rcx-button--ghost-danger {
  border-color: transparent;
  background-color: transparent;
}

.rcx-button--small-square {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}

.rcx-button--square {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.rcx-button--small {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  padding-block: .25rem;
  padding: .25rem .375rem;
  padding-inline: .375rem;
}

.rcx-button,
.rcx-chip {
  color: #2f343d;
  color: var(--rcx-button-colors-secondary-color, var(--rcx-color-neutral-800, #2f343d));
  border: .125rem solid #eeeff1;
  border-color: var(--rcx-button-colors-secondary-border-color, var(--rcx-color-neutral-300, #eeeff1));
  border-radius: .125rem;
  background-color: #eeeff1;
  background-color: var(--rcx-button-colors-secondary-background-color, var(--rcx-color-neutral-300, #eeeff1));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.rcx-box.rcx-\@1vx5yi6 {
  padding-inline: 1.5rem !important;
  height: 100% !important;
  display: flex !important;
  overflow-y: hidden !important;
  flex-direction: column !important;
}

.rcx-box.rcx-\@1hm985b {
  position: relative;
  overflow: auto !important;
  margin-inline: -1.5rem !important;
  padding: 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
}

.rcx-box.rcx-\@7x60rj {
  margin-block-end: 1rem !important;
}

.rcx-field {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  width: 100%;
  margin-top: -.125rem;
  margin-bottom: -.125rem;
  margin-block: -.125rem;
}

.rcx-box.rcx-\@qz7v5a {
  padding-block: 2rem !important;
  padding-inline: 1.5rem !important;
  display: flex !important;
  background-color: var(--rcx-color-neutral-200, #f2f3f5) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.375rem !important;
  letter-spacing: 0rem !important;
  -webkit-box-align: center !important;
  align-items: center !important;
  -webkit-box-pack: justify !important;
  justify-content: space-between !important;
}

.rcx-field__description,
.rcx-field__label {
  letter-spacing: 0;
  font-size: .875rem;
  line-height: 1.25rem;
  margin-top: .125rem;
  margin-bottom: .125rem;
  margin-block: .125rem;
}

.rcx-field__label {
  font-weight: 500;
  flex: 1 1 0;
  align-self: flex-start;
  color: #2f343d;
  color: var(--rcx-color-foreground-default, #2f343d);
}

.rcx-input-box:not(.rcx-input-box--undecorated) {
  min-width: 8rem;
  min-height: 2.5rem;
  padding: .5rem .875rem;
}

.rcx-autocomplete,
.rcx-input-box:not(.rcx-input-box--undecorated),
.rcx-input-box__wrapper,
.rcx-select {
  border-width: .1rem;
  border-color: #cbced1;
  border-color: var(--rcx-input-colors-border-color, var(--rcx-color-neutral-500, #cbced1));
  border-radius: .125rem;
  background-color: #fff;
  background-color: var(--rcx-input-colors-background-color, var(--rcx-color-surface, #fff));
  box-shadow: none;
}

.rcx-box.rcx-\@t3n91h {
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
}


.rcx-box.rcx-\@qmev9 {
  margin: 0px !important;
  width: 100% !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  justify-content: space-between !important;
  flex-direction: row !important;
}

.rcx-box.rcx-\@13i1j9k {
  width: 100% !important;
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
}

.rcx-box.rcx-\@1trsi9v {
  display: flex !important;
  -webkit-box-align: center !important;
  align-items: center !important;
  -webkit-box-pack: justify !important;
  justify-content: space-between !important;
  flex-direction: row !important;
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
}

.rcx-toggle-switch {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
  outline: 0;
}

.rcx-toggle-switch__input+.rcx-toggle-switch__fake {
  color: #fff;
  color: var(--rcx-button-colors-off-color, var(--rcx-color-foreground-alternative, #fff));
  border-color: #e4e7ea;
  border-color: var(--rcx-button-colors-off-border-color, var(--rcx-color-neutral-400, #e4e7ea));
  background-color: #e4e7ea;
  background-color: var(--rcx-button-colors-off-background-color, var(--rcx-color-neutral-400, #e4e7ea));
}

.rcx-toggle-switch__fake {
  width: 2.5rem;
  border-radius: 9999px;
}

.rcx-check-box__fake,
.rcx-radio-button__fake,
.rcx-toggle-switch__fake {
  position: relative;
  height: 1.25rem;
  border-width: .125rem;
}

.rcx-box.rcx-\@1vyvv44 {
  flex-shrink: 1 !important;
}

.rcx-autocomplete,
.rcx-select {
  position: relative;
  align-items: center;
}

.rcx-box.rcx-\@11dkjk7 {
  margin-inline: 0.25rem !important;
  display: flex !important;
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
}

.rcx-box.rcx-\@5p69yq {
  margin: -0.5rem !important;
  display: flex !important;
  -webkit-box-align: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.rcx-box.rcx-\@1gpc7zp {
  margin: 0.25rem !important;
  flex-shrink: 1 !important;
  order: 1 !important;
}

.rcx-box.rcx-\@srywyf {
  width: 100% !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  justify-content: space-between !important;
  flex-direction: row !important;
}

.rcx-box.rcx-\@a66clf {
  margin-inline-end: 0.25rem !important;
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
}

.rcx-box.rcx-\@t3n91h {
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
}

.rcx-field__row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: .25rem;
  margin-bottom: .125rem;
}

.rcx-toggle-switch__fake {
  width: 2.5rem;
  border-radius: 9999px;
}

.rcx-toggle-switch__input+.rcx-toggle-switch__fake {
  color: #fff;
  color: var(--rcx-button-colors-off-color, var(--rcx-color-foreground-alternative, #fff));
  border-color: #e4e7ea;
  border-color: var(--rcx-button-colors-off-border-color, var(--rcx-color-neutral-400, #e4e7ea));
  background-color: #e4e7ea;
  background-color: var(--rcx-button-colors-off-background-color, var(--rcx-color-neutral-400, #e4e7ea));
}

.trash-department {
  display: flex;
  padding: 4 10px;
  background-color: #e4e7ea;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.message-initial-image {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}

/* Estilos base para o wrapper */
.tag-badge-wrapper {
  background-color: #B8ECFA;
  display: flex;
  align-items: center;
  padding: 4px 6px;
  border-radius: 30px;
  overflow: hidden;
  /* Esconde excesso até hover */
  height: 18px;
  /* Altura fixa */
  white-space: nowrap;
  /* Impede quebras de linha */
  transition: width 0.3s ease;
  /* Suaviza a transição de largura */
  width: max-content;
  /* Ajusta a largura ao conteúdo, mas não menor que o conteúdo */
  gap: 4px;
}

/* Estilos para hover no wrapper */
.tag-badge-wrapper:hover {
  overflow: visible;
  /* Permite expansão horizontal */
  width: auto;
  /* Deixa a largura se ajustar ao necessário */
}

/* Estilos base para o conteúdo */
.tag-badge-content {
  color: #343434;
  font-family: Nunito;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  text-overflow: ellipsis;
}

/* Estilos para hover no conteúdo */
.tag-badge-wrapper:hover .tag-badge-content {
  overflow: visible;
  /* Mostra todo o texto */
  white-space: nowrap;
  /* Continua sem quebra de linha */
}

/* SELECT2 */
.select2-item {
  display: flex;
  align-items: center;
}

.select2-selection-item {
  display: flex;
  align-items: center;
}

.select2-search {
  min-height: 20px !important;
}

.select2-container .select2-selection {
  border: 1px solid #cbced1 !important;
  /* Define a cor da borda */
  border-radius: 4px;
  /* Define bordas arredondadas, se necessário */
  border-width: 0.125rem !important;
}

/* Estilo ao focar o campo */
.select2-container .select2-selection:focus,
.select2-container .select2-selection:active,
.select2-container .select2-selection--multiple:focus,
.select2-container .select2-selection--multiple:active {
  border-color: #cbced1 !important;
  /* Mantém a cor ao focar */
  box-shadow: none !important;
  /* Remove o sombreamento padrão */
  border-width: 0.125rem !important;
}

/* Estiliza o campo múltiplo */
.select2-container--default .select2-selection--multiple {
  border: 1px solid #cbced1 !important;
  /* Mantém a cor da borda para múltiplos */
  border-width: 0.125rem !important;
}

/* Estilo ao passar o mouse */
.select2-container .select2-selection:hover {
  border-color: #cbced1 !important;
  /* Cor da borda ao passar o mouse */
  border-width: 0.125rem !important;
}

.selection {
  width: 100% !important;
  min-height: 40px !important;
}

.select2-selection--multiple {
  width: 100% !important;
  min-height: 40px !important;
  border-width: 0.125rem !important;
}

.select2-search__field {
  height: 40px !important;
  overflow: none !important;
  min-height: 40px !important;
  overflow-y: none !important;
  padding: 10px !important;
  resize: none !important;
  margin-top: 0px !important;
  border-width: 0.125rem !important;
}

.rc-old.burger {
  position: relative;
  z-index: 20;
  cursor: pointer;
}

.mobile-menu {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
  top: 0;
  max-height: 60px;
  font-size: 22px;
  width: 100%;
  padding: 20px;
}

#chat-window-kZ9riNjbYJSsRoxGQ {
  margin-top: 50px;
}

@media (max-width: 840px) {
  #pink-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #pgn-prop {
    font-family: Nunito;
    font-size: 12px;
    font-weight: 600;
    line-height: 16.2px;
    text-align: center;
    padding: 7px;
  }

  .rcx-pagination--divider:before {
    background: none;
    background-color: transparent;
  }

  .rcx-pagination {
    background: none;
    flex-direction: column-reverse !important;

    .rcx-pagination__right {
      flex-flow: column nowrap;
    }
  }

  .rcx-pagination__left {
    margin: 0 auto;
  }
}

pink-pagination {
  height: 5rem;
}


#user-info-avatar {
  zoom: 3;
}

.user-form-label {
  font-family: 'Nunito', Arial, Helvetica, sans-serif !important;
}

.user-form-label .rcx-box {
  display: flex;
}

.checkbox-wrapper {
  gap: 8px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.tooltip-container {
  position: relative;
  display: inline-block;
}

.tooltip-content {
  font-family: 'Nunito', sans-serif;
  font-size: 12px;
  visibility: hidden;
  width: 242px;
  background-color: #101828;
  color: var(--tooltip-text-color, #fff);
  text-align: left;
  padding: 12px;
  border-radius: var(--tooltip-radius, 4px);
  position: absolute;
  z-index: 20;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  margin-bottom: 9px;
  white-space: normal;
}

.tooltip-content.left {
  transform: translateX(-63px);
}

.tooltip-content ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-top: 5px;
}

.tooltip-content::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: var(--tooltip-background, #000) transparent transparent transparent;
}

.tooltip-content.left::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 19%;
  transform: none;
}

.tooltip-container:hover .tooltip-content {
  visibility: visible;
  opacity: 1;
}

.tooltip-container:hover .tooltip-content,
.tooltip-container:focus .tooltip-content {
  visibility: visible;
  opacity: 1;
}

.checkbox {
  position: relative;
  display: flex;
  gap: 4px;
  cursor: pointer;
  border-radius: 4px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;

  font-family: Nunito;
}

.checkbox input {
  position: absolute;
  width: 0;
  left: 50px;
  height: 0;
  opacity: 0;
  cursor: pointer;
}

.checkbox .checkmark {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background: white;
  border-radius: 3.5px;
  outline: 1px solid #acacac;
  transition: all 0.2s ease;
}

.checkbox:hover .checkmark {
  background: #f4f4f5;
  transition: all 0.2s ease;
}

.checkbox input:checked~.checkmark {
  background: #FDF2F8;
  outline: 0.89px solid #D5156B;
}

.checkbox .checkmark::after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  top: 40%;
  width: 4px;
  height: 8px;
  border: solid #D5156B;
  border-width: 0 1.49px 1.49px 0;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  transition: all 0.2s ease;
}

.checkbox input:checked~.checkmark::after {
  opacity: 1;
  transition: all 0.2s ease;
}

.customDivider {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  margin-block: 0.5rem;
  border: 1px dotted #D0D5DD !important;
  border-color: #D0D5DD !important;
  border-style: dashed !important;
  width: 384px !important;
  position: absolute !important;
  margin: 0 auto !important;
  text-align: center !important;
  left: 0 !important;
  transform: translateX(-26px);
}

.customDivider__top {
  top: 0;
}

.customDivider__bottom {
  bottom: 0;
}

.owner-highlight {
  color: #D5156B;
  font-weight: 400;
}

.formAction {
  font-family: 'Nunito', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 32px;
  padding-bottom: 20px;

  button {
    width: 100%;
    color: #FFFFFF;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
  }

  button.filled[disabled] {
    background-color: #FCCEE6;
    border-color: #FCCEE6;
    cursor: not-allowed;
  }

  button.outlined[disabled] {
    border: 1px solid #E4E7EC;
    box-shadow: 0px 1px 2px 0px #1018280D;
    cursor: not-allowed;
    color: #D0D5DD;
  }

  button.outlined {
    color: #344054;
  }
}

.btn {
  font-family: "Nunito", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13.59px;
  font-weight: 500;
  line-height: 20.39px;
  text-align: center;
  height: 41.39px;
  padding: 10.19px 16.99px;
  gap: 6px;
  border-radius: 84px;
  -webkit-box-shadow: 0px 0.85px 1.7px 0px #1018280d;
  box-shadow: 0px 0.85px 1.7px 0px #1018280d;
}

.btn.filled {
  background-color: #d5156b;
  color: white;
  border: 0.85px solid #d5156b;
}

.btn.outlined {
  background-color: #ffffff;
  color: #344054;
  border: 0.85px solid #d0d5dd;
}

.icon-left {
  margin-right: 8px;
}

.icon-right {
  margin-left: 8px;
}

.btn .icon {
  font-size: 18px;
}

.iti--allow-dropdown {
  width: 100%;
}

.pinkIntlPhoneInput__dropdown-button-container {
  width: 100%;
}

.iti__selected-country-primary {
  padding: 0px !important;
}

.iti__flag {
  width: 24px !important;
  height: 24px !important;
  background-size: contain !important;
  background-position: top !important;
}

.iti__country-name {
  margin-left: 10px;
}

.iti__flag.iti__br {
  background-image: url('assets/flags/BR.svg');
}

.badge-type {
  text-align: center;
  height: 22px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  max-width: 72px;
  padding-block: 2px;
  padding-inline: 8px;
  line-height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-common {
  background-color: rgb(253, 242, 248);
  color: rgb(213, 21, 107);
}

.user-pro {
  background-color: rgb(236, 253, 243);
  color: rgb(2, 122, 72);
  max-width: 35px;
}

#conversation-gossip-wrapper .message {
  padding: 0px !important;
}

.gossip {
  padding: 10px !important;
}

.announcement {
  top: 0px;
  background: white;
  z-index: 10;
  width: 100%;
  margin: 0px !important;
  font-weight: 700;
  font-size: 14px;
}

.loading {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

.loading img {
  width: 50px;
  height: 50px;
}

.radio-button .form-control {
  display: flex;
}

.radio-button {
  margin: 3px;
}

.radio-button p {
  color: #344054;
  margin-left: 5px;
  line-height: 16px;
}

.radio-input {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font-family: Nunito, sans-serif;
  color: #d0d5dd;
  width: 16px;
  height: 16px;
  border: 1px solid #d0d5dd;
  border-radius: 50%;
  -webkit-transform: translateY(-.075em);
  transform: translateY(-.075em);
  display: grid;
  place-content: center;
}

.radio-input:checked {
  border-color: #d5156b;
}

.radio-input:checked::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background-color: #e8006a;
  border-radius: 50%;
  margin: 3px auto;
}

#spa-root {
  overflow: hidden;
  height: 100%;
  transition: opacity 0.3s ease-in-out;
}

#spa-root.is-exiting {
  opacity: 0;
}

#spa-root.is-entering {
  opacity: 0;
}

#spa-root.is-entered {
  opacity: 1;
}

.main-page-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: #d5156a;
  color: white;
  border: none;
  border-radius: 20px;
  cursor: pointer;
}

.divider {
  border-bottom: 2px solid #f1f2f3;
  background-color: #cbced1;
  margin-bottom: 15px;
  margin-left: 25px;
  margin-right: 25px;
}

/* HEADER */
.conversation-header {
  display: none;
  /* changed to block in js */
  width: 100%;
  z-index: 999;
}

.conversation-header-wrapper {
  display: flex;
  width: 100%;
  align-items: left;
  justify-content: space-between;
  padding: 13px 24px;
  background: #F2F4F7;
  cursor: pointer;
}

.conversation-header-content {
  display: flex;
  width: fit-content;
  align-items: left;
  justify-content: flex-start;

  gap: 8px;
}

.conversation-header-list {
  display: flex;
  overflow: visible;
  flex-direction: column;
  gap: 4px;
}

.conversation-header-line {
  display: flex;
  align-items: flex-start;
  overflow: visible;
  width: fit-content;
}

.conversation-header-fname {
  font-family: Nunito;
  font-size: 14px;
  height: 23px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

  color: #101828;
}

.conversation-header-phonenumber {
  font-family: Nunito;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

  color: #667085;

}

/* AVATAR */
.avatar-img {
  width: 40px;
  height: 40px;

  background: none;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.avatar-content {
  -webkit-mask-image: url(avatar-mask.svg?x-request=html);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  mask-position: center;
}

/* Badges & Icons */
.pink-favorite {
  width: 18px;
  height: 18px;
  color: #ffc107;
}

.conversation-header-wpp-badge {
  display: flex;
  border-radius: 100px;
  height: 18px;
  min-width: 18px;
  padding: 0px 4px;
  gap: 2px;
}

.conversation-header-wpp-badge-icon-wrapper {
  display: block;
  width: 12px;
  height: 12px;
  padding: 3px 0px;
}

.conversation-header-attendance-icon img {
  width: 16.44px;
  height: 14.25px;
  gap: 0px;
  border: 0.2px 0px 0px 0px;
}

.conversation-header-wpp-badge-title {
  display: block;
  margin-right: 1px;

  font-family: Nunito;
  font-size: 10px;
  font-weight: 800;
  line-height: 18px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
}

.conversation-header-wpp-badge-group-wrapper {
  height: 18px;
  padding-top: 2px;
}

.tags-header-btn {
  color: currentColor;
  font-size: 12px;
  font-weight: 600
}

.tags-header-btn-text {
  display: none;
}

.conversation-header-private {
  display: none;
}

.conversation-header-favorite {
  width: 18px;
  height: 18px;

  cursor: pointer;
}

.favorite-icon-hover {
  display: none;
}

.favorite-icon-fill {
  display: none;
}

.channel-header-star-isfavorite {
  display: none;
}

.close-attendance-icon-open {
  display: none;
}

.responsive-break-line {
  display: none;
}

#phoneNumber::before {
  content: "";
  display: block;
}

.conversation-header-first-line {
  gap: 4px;
  display: flex;
  flex-direction: row;
}

.conversation-header-wpp-badge-mobile1 {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.conversation-header-wpp-badge-mobile2 {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.conversation-header-mobile-menu {
  display: none;
  cursor: pointer;
}

.rooms-sidebar-overlay {
  position: absolute;
  top: 0px;
  left: 368px;
  width: 100%;
  height: 100%;
  z-index: 9998;
}

/* small screens */
@media (max-width: 1123px) {
  .conversation-header-first-line {
    flex-direction: column;
  }
}

/* mobile */
@media (max-width: 840px) {
  .conversation-header-mobile-menu {
    display: block;
  }

  .tab-button[data-id="rocket-search"] {
    display: none;
  }

  .tab-button[data-id="video"] {
    display: none;
  }
}

.data-table-badge {
  padding: 3px 7px;
  border-radius: 100px;
  font-size: 11px;
}

.table.dataTable thead th {
  padding: 0px !important;
}

/* Opening Hours */
.opening-hour-grid {
  table-layout: fixed;
}

.opening-hour-grid .checkmark,
.opening-hour-grid .input-text-field,
.opening-hour-grid .checkbox {
  margin-right: 0px;
}

.opening-hour-grid td {
  padding: 10px 5px;
}

.opening-hour-grid label.checkbox {
  margin-right: 10px;
}

.opening-hour-times {
  display: none;
  /* setted to flex in js */
  gap: 5px;
  align-items: right;
}

.opening-hour-time {
  width: 80px;
  border: 1px solid lightgray;
}

/* Hide popover header text on desktop (non-mobile) resolutions */
@media (min-width: 841px) {
  .rc-popover__header-text {
    display: none;
  }
}