.sidebar {
  width: 90px;
  transition: 0.3s ease-in-out;
  background: #fff;
  border-right: 1px solid #C7C7C7;
  padding: 0px;
}
.sidebar .header__logo {
  min-height: 4.5rem;
  margin: 14px 0;
  padding: 0px 25px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  border: none;
}
.sidebar .header__logo a {
  border: none;
}
.sidebar .header__logo a img {
  width: 79%;
  transition: none;
}
.sidebar .short--logo {
  min-height: 4.5rem;
  margin: 14px 0;
  padding: 0px 25px;
  display: flex;
  align-items: center;
  justify-content: start;
  border: none;
}
.sidebar .short--logo a {
  border: none;
}
.sidebar .short--logo a img {
  transition: none;
  height: 34px;
}
.sidebar ul, .sidebar ol {
  list-style: none;
  padding-left: 0px;
}
.sidebar ul .sidebar__item .nav--link, .sidebar ol .sidebar__item .nav--link {
  color: #11132c;
  margin: 8px 0px;
  padding: 0px;
  display: flex;
  transition: 0.1s ease-in-out;
  position: relative;
  height: unset;
  border: none;
}
.sidebar ul .sidebar__item .nav--link:hover, .sidebar ul .sidebar__item .nav--link.active, .sidebar ol .sidebar__item .nav--link:hover, .sidebar ol .sidebar__item .nav--link.active {
  background: #f1f3ff;
}
.sidebar ul .sidebar__item .nav--link:hover .nav--title, .sidebar ul .sidebar__item .nav--link.active .nav--title, .sidebar ol .sidebar__item .nav--link:hover .nav--title, .sidebar ol .sidebar__item .nav--link.active .nav--title {
  background: transparent;
  color: #11132c;
}
.sidebar ul .sidebar__item .nav--link:hover .nav--title .icon, .sidebar ul .sidebar__item .nav--link.active .nav--title .icon, .sidebar ol .sidebar__item .nav--link:hover .nav--title .icon, .sidebar ol .sidebar__item .nav--link.active .nav--title .icon {
  color: #11132c;
  fill: #11132c;
  transform: scale(1);
}
.sidebar ul .sidebar__item .nav--link.active .side--mark, .sidebar ol .sidebar__item .nav--link.active .side--mark {
  background: #11132c;
}
.sidebar ul .sidebar__item .nav--link.active span.menu-svg-icon svg, .sidebar ol .sidebar__item .nav--link.active span.menu-svg-icon svg {
  filter: invert(1);
  transform: scale(1.05);
}
.sidebar ul .sidebar__item .nav--link .nav--title, .sidebar ol .sidebar__item .nav--link .nav--title {
  padding: 12px 14px;
  border-radius: 5px;
  background: transparent;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  height: 48px;
  line-height: 24px;
  display: inline-flex;
  overflow: hidden;
  transition: 0.1s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 30px;
}
.sidebar ul .sidebar__item .nav--link .nav--title .icon,
.sidebar ul .sidebar__item .nav--link .nav--title .menu-svg-icon, .sidebar ol .sidebar__item .nav--link .nav--title .icon,
.sidebar ol .sidebar__item .nav--link .nav--title .menu-svg-icon {
  text-align: center;
  width: 25px;
  margin-right: 22px;
  font-size: 22px;
}
.sidebar ul .sidebar__item .nav--link .nav--title span.menu-svg-icon, .sidebar ol .sidebar__item .nav--link .nav--title span.menu-svg-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
}
.sidebar ul .sidebar__item .nav--link .nav--title span.menu-svg-icon svg, .sidebar ol .sidebar__item .nav--link .nav--title span.menu-svg-icon svg {
  width: 25px;
}
.sidebar ul .sidebar__item .nav--link .nav--title .cb-nav--menu--title, .sidebar ol .sidebar__item .nav--link .nav--title .cb-nav--menu--title {
  display: inline-block;
  transition: 0.2s ease-in-out;
  width: 200px;
}
.sidebar ul .sidebar__item .nav--link .side--mark, .sidebar ol .sidebar__item .nav--link .side--mark {
  display: inline-block;
  background: transparent;
  width: 5px;
  height: 48px;
  border-radius: 5px 0px 0px 5px;
}
.sidebar ul .sidebar__item .nav--link .sidebar__notification.unread-count, .sidebar ol .sidebar__item .nav--link .sidebar__notification.unread-count {
  position: absolute;
  top: 13px;
  right: 7px;
  background: black;
  padding: 0px;
  height: 22px;
  width: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 100%;
}
.sidebar ul .divider,
.sidebar ul .group__name, .sidebar ol .divider,
.sidebar ol .group__name {
  display: none;
}
.sidebar ul.collapse, .sidebar ol.collapse {
  display: block;
}
.sidebar ul.collapse span.cb-nav--menu--title, .sidebar ol.collapse span.cb-nav--menu--title {
  width: 0px !important;
  overflow: hidden;
}

.main-wrapper {
  overflow: hidden;
  height: 100vh;
}
.main-wrapper .layout-header {
  height: 85px;
  border-bottom: 1px solid #C7C7C7;
  padding: 0px 30px;
}
.main-wrapper main.content {
  width: calc(100% - 260px);
  padding: 0px;
  flex: 1;
}
.main-wrapper i {
  font-style: normal;
}
.main-wrapper a,
.main-wrapper a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

body {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.user--avatar-dropdown--wrapper {
  position: fixed !important;
  bottom: 25px;
  left: 25px;
}
.user--avatar-dropdown--wrapper:hover {
  cursor: pointer;
}
.user--avatar-dropdown--wrapper .cb-dropdown--box {
  top: unset;
  bottom: 0px;
  right: unset;
  left: 50px;
}
.user--avatar-dropdown--wrapper .cb-dropdown--box .cb-dropdown--list {
  margin: 0;
}
.user--avatar-dropdown--wrapper .cb-dropdown--box .cb-dropdown--list li {
  margin-bottom: 5px;
}
.user--avatar-dropdown--wrapper .cb-dropdown--box .cb-dropdown--list li.active-status a {
  background: #fff !important;
}
.user--avatar-dropdown--wrapper .cb-dropdown--box .cb-dropdown--list li.active-status a:hover {
  background: #fff !important;
}
.user--avatar-dropdown--wrapper .cb-dropdown--box .cb-dropdown--list li a {
  transition: 0.2s ease-in-out;
}
.user--avatar-dropdown--wrapper .cb-dropdown--box .cb-dropdown--list li a.active, .user--avatar-dropdown--wrapper .cb-dropdown--box .cb-dropdown--list li a:hover {
  background: #fff !important;
}
.user--avatar-dropdown--wrapper span.cb-user-status-indicator {
  display: inline-block;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 3px solid #fff;
  position: absolute;
  z-index: 1;
  bottom: 3px;
  right: -2px;
}
.user--avatar-dropdown--wrapper span.cb-user-status-indicator.green {
  background: #4caf50;
}
.user--avatar-dropdown--wrapper span.cb-user-status-indicator.orange {
  background: #f2b604;
}
.user--avatar-dropdown--wrapper span.cb-user-status-indicator.red {
  background: #ff0000;
}

aside.chat {
  width: 400px;
  background: #FFF;
  border-right: 1px solid #C7C7C7;
  display: block;
  padding: 0px;
}
aside.chat .searchbar-wrapper {
  padding: 0 30px 12px 30px;
  background: inherit;
  position: relative;
}
aside.chat .searchbar-wrapper .serach-icon {
  position: absolute;
  top: 10px;
  left: 50px;
}
aside.chat .searchbar-wrapper input.message-search {
  border: 1px solid #C7C7C7;
  border-radius: 30px;
  color: #C7C7C7;
  padding-left: 45px;
  font-size: 16px;
  width: 100%;
  background: #fff;
  font-family: "Inter", sans-serif !important;
  height: 46px;
}
aside.chat .searchbar-wrapper input.message-search::placeholder {
  color: #C7C7C7;
  opacity: 1;
  font-size: 16px;
}
aside.chat .cb-filters--wrapper {
  display: flex;
  align-items: center;
  padding: 0 30px;
  gap: 10px;
}
aside.chat .cb-filters--wrapper .channel-filter-wrapper {
  width: calc(50% - 5px) !important;
}
aside.chat .chat-head-list {
  height: calc(100vh - 204px);
  overflow-y: scroll;
  margin-right: 0px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
aside.chat .chat-head-list::-webkit-scrollbar {
  display: none;
}
aside.chat .chat-head-list .chat__item {
  padding: 10px 30px;
  margin: 0px;
  border: none;
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
aside.chat .chat-head-list .chat__item.active {
  background: #F1F3FF;
}
aside.chat .chat-head-list .chat__item .chat__list-message {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
aside.chat .chat-head-list .chat__item .chat__list-message .chat__list-content-wrapper {
  width: 79%;
  display: flex;
  justify-content: space-between;
}
aside.chat .chat-head-list .chat__item .chat__list-message .chat__list-content-wrapper p {
  margin: 0;
}
aside.chat .chat-head-list .chat__item .chat__list-message .chat__list-content-wrapper p span.chat__name {
  font-size: 16px;
  font-weight: 400;
  color: #12132C;
  margin-bottom: 4px;
  display: block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
aside.chat .chat-head-list .chat__item .chat__list-message .chat__list-content-wrapper .chat__at {
  font-size: 14px;
  font-weight: 400;
  color: #8E8E8E;
  display: block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
aside.chat .chat-head-list .chat__item .chat__list-message .chat__list-content-wrapper .chat__created_at {
  font-size: 11px;
  font-weight: 400;
  color: #8E8E8E;
}
aside.chat .chat-head-list .chat__item .action-toggle-wrapper {
  display: none;
}
aside.chat .chat-head-list .chat__item .action-toggle-wrapper .actions-list-toggle ,
.table--dropdown .action-toggle-wrapper .actions-list-toggle {
  width: 35px;
  height: 35px;
  padding: 0px !important;
  border: none;
  outline: none;
  background: #ffffff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bcbebf;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  z-index: 111;
  position: relative;
}
aside.chat .chat-head-list .chat__item .action-toggle-wrapper .actions-list-toggle span ,
.table--dropdown .action-toggle-wrapper .actions-list-toggle span {
  height: 10px;
  transition: 0.2s ease-in-out;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
aside.chat .chat-head-list .chat__item .action-toggle-wrapper .actions-list-toggle span.rotate ,
.table--dropdown .action-toggle-wrapper .actions-list-toggle span.rotate {
  rotate: 90deg;
  color: #12132C;
}
aside.chat .chat-head-list .chat__item .action-toggle-wrapper .cb-dropdown--box ,
.table--dropdown .action-toggle-wrapper .cb-dropdown--box {
  visibility: hidden;
  position: absolute;
  top: 50px;
  background-color: #ffffff;
  width: 150px;
  border-radius: 4px;
  padding: 0.625rem;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 2);
  z-index: 6;
  border: 1px solid #d4e0e8;
  box-shadow: 0 8px 20px 0 rgba(12, 37, 66, 0.05);
  width: 320px;
  right: 0px;
  box-shadow: 0px 10px 20px #E8E8E8;
  border: none;
  border-radius: 8px;
  padding: 0px;
  width: 216px;
  padding: 0px;
  margin: 0px;
}
aside.chat .chat-head-list .chat__item .action-toggle-wrapper .cb-dropdown--box.active-chathead-actions ,
.table--dropdown .action-toggle-wrapper .cb-dropdown--box.active-chathead-actions {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 6;
  transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 2);
}
aside.chat .chat-head-list .chat__item .action-toggle-wrapper .cb-dropdown--box .cb-action--dropdown--link ,
.table--dropdown .action-toggle-wrapper .cb-dropdown--box .cb-action--dropdown--link {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: none;
  font-size: 1rem;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  padding: 10px;
  color: #12132C;
  cursor: pointer;
}
aside.chat .chat-head-list .chat__item .action-toggle-wrapper .cb-dropdown--box .cb-action--dropdown--link.delete ,
.table--dropdown .action-toggle-wrapper .cb-dropdown--box .cb-action--dropdown--link.delete {
  color: #9f0000;
}
aside.chat .chat-head-list .chat__item:hover .chat__list-content-wrapper {
  width: 74%;
}
aside.chat .chat-head-list .chat__item:hover .action-toggle-wrapper {
  display: block;
}

.chat__content {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #ffffff;
  position: relative;
}

.chat--setting {
  transform: translateX(400px);
}

.cb-page--title {
  font-size: 22px;
  margin: 30px;
  color: #12132C;
  margin-bottom: 20px;
}

.chat__images {
  position: relative;
  width: 60px;
  padding: 0;
}
.chat__images .chat__social__icon {
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: 7px;
  right: 0px;
}
.chat__images .chat__avatar {
  width: 60px;
  height: 60px;
}
.chat__images img {
  max-width: 100%;
}

.datepicker-wrapper {
  width: calc(50% - 5px) !important;
  padding: 0px !important;
  background: #ffffff;
  margin-bottom: 0px !important;
  position: relative;
}
.datepicker-wrapper input.dp__pointer.dp__input.dp__input_icon_pad.input__field.input__field-sm {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  gap: 5px;
  border-radius: 30px;
  border: 1px solid #12132C;
}
.datepicker-wrapper input.dp__pointer.dp__input.dp__input_icon_pad.input__field.input__field-sm::placeholder {
  color: #12132C;
  font-size: 16px;
  font-weight: 500;
  opacity: 1;
}

header.cb-chat--header {
  height: 100px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #C7C7C7;
}
header.cb-chat--header h1.cb-chat--header--name {
  font-size: 16px;
  line-height: 16px;
  color: #12132C;
  margin-bottom: 5px;
}
header.cb-chat--header p.cb-chat--header--from--title {
  font-size: 14px;
  margin-bottom: 0;
  color: #8E8E8E;
}

.chat__message {
  justify-content: end;
  margin-top: 0px;
  width: 100%;
  display: flex;
}
.chat__message .chat__text {
  color: #000000;
  background: #308CE1;
  flex-wrap: nowrap;
  align-items: end;
  position: relative;
  border-radius: 30px;
  padding: 12px 20px;
}
.chat__message .chat__text .message-inner-content {
  font-size: 16px;
  color: #fff;
  word-break: keep-all;
  padding-right: 60px;
}
.chat__message .chat__text .mark-and-date {
  position: absolute;
  bottom: 8px;
  right: 24px;
  color: #fff;
  font-size: 11px;
}
.chat__message .chat__text .file-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: 55px;
}
.chat__message .chat__text .file-list li {
  padding: 5px 10px;
  background: #fff;
  transition: 0.2s ease-in-out;
}
.chat__message .chat__text .file-list li:hover {
  background: #EFEFEF;
  cursor: pointer;
}
.chat__message .chat__text .file-list li a {
  color: #000;
}
.chat__message .chat__group-message {
  max-width: 27vw;
  text-align: left !important;
}
.chat__message.chat__message--reverse {
  justify-content: start;
}
.chat__message.chat__message--reverse .chat__text {
  color: #fff;
  background: #EFEFEF !important;
}
.chat__message.chat__message--reverse .chat__text .message-inner-content {
  color: #12132C;
}
.chat__message.chat__message--reverse .chat__text .mark-and-date {
  color: #8E8E8E;
}

.chat--setting {
  position: absolute;
  right: 0;
  height: 100%;
  background: #F2F4F7;
  border-right: 1px solid #E8E8E8;
  height: calc(100vh - 89px);
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
  transition: -webkit-transform 400ms cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 400ms cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 400ms cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 400ms cubic-bezier(0.2, 1, 0.3, 1);
}
.chat--setting.active {
  transform: translateX(0px);
}

.cb-chat--footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 5px;
  border: 1px solid #12132C;
  border-radius: 30px;
  margin: 10px 1.5rem;
  position: relative;
}
.cb-chat--footer ul.file-list {
  position: absolute;
  flex-direction: column;
  bottom: 100%;
}
.cb-chat--footer ul.file-list li.file-uploaded {
  overflow: hidden;
}
.cb-chat--footer ul.file-list li.file-uploaded .file-progress {
  background: #d8d8d8;
}
.cb-chat--footer ul.file-list li.file-uploaded .file-progress > span {
  height: 100%;
  width: 100%;
  background: #000000;
  display: block;
}

.cb-messages--scroller {
  height: calc(100vh - 176px);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}
.cb-messages--scroller::-webkit-scrollbar {
  display: none;
}
.cb-messages--scroller ul#messages_list {
  flex-direction: column;
  gap: 5px;
}

.modal {
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
}
.modal.modal--overlay {
  width: 100%;
  height: 100%;
  transition: opacity 400ms cubic-bezier(0.2, 1, 0.3, 1);
  background-color: rgba(109, 109, 109, 0.3);
  z-index: 111;
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
.modal .modal__box {
  top: 50% !important;
  transform: translateY(-50%);
  padding: 35px 25px;
  background: #ffffff;
  box-shadow: 0px 6px 12px #b5b5b5;
  width: 550px;
  border-radius: 5px;
  position: relative;
  top: 0;
  margin: 0 auto;
  opacity: 1;
  transition: all 800ms cubic-bezier(0.2, 1, 0.3, 1);
}
.modal .modal__box .modal__title {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
}
.modal .modal__box .form__item {
  margin-bottom: 10px;
}
.modal .modal__box .form__item .tags {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.modal .modal__box .form__item .tags > div {
  background: #F9FAFB;
  color: #3C3C3C;
  padding: 6px 12px;
  box-shadow: 0px 3px 6px 0px rgba(16, 24, 40, 0.1);
  border-radius: 20px;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0px 14px 14px 0px;
}
.modal .modal__box .form__item .tags > div .draggable-circle {
  width: 14px;
  height: 14px;
  border: 2px solid #3C3C3C;
  border-radius: 100%;
  display: inline-block;
}
.modal .modal__box .form__item .tags > div .draggable-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.modal .modal__box .form__item .tags > div .icon-x {
  font-size: 18px;
}

.tree {
  margin-left: 0.625rem;
}

.tree__label {
  display: inline-block;
  background-color: #f5f6fa;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  position: absolute;
  border: 1px solid #3483fc;
  cursor: pointer;
  top: 0;
  left: -15px;
  z-index: 1;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 400ms cubic-bezier(0.2, 1, 0.3, 1);
}

.tree__label i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
}

.tree__checkbox {
  display: none;
}

.tree__checkbox ~ .tree__container {
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  transition: opacity 200ms cubic-bezier(0.2, 1, 0.3, 1), height 0s;
}

.tree__checkbox:checked ~ .tree__container {
  visibility: visible;
  height: 100%;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  transition: all 400ms cubic-bezier(0.2, 1, 0.3, 1);
}

.tree__checkbox:checked + .tree__label {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  border-color: #d4e0e8;
}

.tree__item {
  width: 600px;
  margin: 0.625rem;
  position: relative;
}

.tree__item:before {
  content: "";
  position: absolute;
  top: -7px;
  left: -20px;
  border-left: 1px solid #d4e0e8;
  border-bottom: 1px solid #d4e0e8;
  width: 20px;
  height: 16px;
}

.tree__item:after {
  position: absolute;
  content: "";
  top: 8px;
  left: -20px;
  border-left: 1px solid #d4e0e8;
  border-top: 1px solid #d4e0e8;
  width: 20px;
  height: 100%;
}

.tree__item:last-child:after {
  display: none;
}

.tree__item:last-child:before {
  border-radius: 0 0 0 5px;
}

.tree > .tree__item:first-child:before {
  display: none;
}

.tree > .tree__item:first-child:after {
  border-radius: 5px 0 0 0;
}

.tree__box {
  background-color: #ffffff;
  border: 1px solid #d4e0e8;
  border-radius: 10px;
  position: relative;
  margin: 0 1.875rem 0 0.5rem;
  transition: all 400ms cubic-bezier(0.2, 1, 0.3, 1);
}

.tree__box--dark {
  background: linear-gradient(to bottom right, #3483fc, #61a1fb);
  color: #ffffff;
}

.tree__box:hover {
  box-shadow: 0 0 20px 0 rgba(12, 37, 66, 0.15);
}

.tree__box:hover .tree__add {
  right: -60px;
  visibility: visible;
  opacity: 1;
  transition: all 400ms;
}

.tree__header {
  background-color: #f0f2f7;
  padding: 5px 20px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  position: relative;
}

.tree__header--dark {
  background-color: #2a7dfc;
}

.tree__header--dark .icon {
  color: #ffffff;
}

.tree__header .dropdown__sub {
  top: 30px;
  right: -25px;
}

.tree__title {
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
  opacity: 0.6;
}

.tree__content {
  padding: 0.625rem 1.25rem;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.tree__profil {
  margin-right: 1.25rem;
}

.tree__add {
  position: absolute;
  top: 0;
  right: -40px;
  font-size: 1.375rem;
  border: none;
  display: block;
  padding: 0 1.25rem;
  height: 100%;
  visibility: hidden;
  opacity: 0;
}

.tree__add i {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tree__container {
  margin-left: 1.25rem;
  position: relative;
}

.tree__container {
  z-index: 5;
}

.tree__box--dark {
  background: #a9a9a9 !important;
  color: #ffffff;
}

.tree__box--dark .tree__header--dark {
  background: #8d8d8d !important;
  color: #ffffff !important;
}

.tree__box--dark .tree__header--dark .tree__title {
  color: inherit;
  opacity: 1;
}

.node-item {
  padding: 12px;
  border-color: #D0D5DD;
  background: #ffffff;
  color: #6D6D6D;
  width: 230px !important;
}

.node-item .node-item-heading {
  border-bottom: 1px solid #D0D5DD;
  background: inherit !important;
  color: inherit !important;
  padding: 0px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  height: 40px;
}

.node-item .node-item-text {
  padding: 0px;
  color: #3C3C3C !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  padding-top: 10px;
  background: inherit !important;
}

.node-item.node-item-user {
  background: #F2F4F7;
}

.cb-installation-page-box {
  height: calc(100vh - 300px);
}
.cb-installation-page-box .checkbox__input {
  position: absolute;
  visibility: hidden;
}
.cb-installation-page-box .icon--checkbox-off {
  visibility: hidden;
  transition: 0.2s ease-in-out;
}
.cb-installation-page-box .box__title-group {
  margin-top: 30px;
}
.cb-installation-page-box .web--code code {
  word-break: break-all;
}
.cb-installation-page-box code[class*=language-], .cb-installation-page-box pre[class*=language-] {
  color: #fff;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #12132C;
  font-size: 16px;
  line-height: 2;
  position: relative;
  width: 75%;
}
.cb-installation-page-box span.copy--code {
  position: absolute;
  right: 30px;
  top: 0px;
}
.cb-installation-page-box textarea.to--copy {
  display: none;
}
.cb-installation-page-box .chat__title {
  font-size: 22px;
  color: #12132C;
  margin-bottom: 20px;
}
.cb-installation-page-box a.brand--button {
  padding: 10px 20px;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 10px;
}
.cb-installation-page-box label.input__label {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0;
}
.cb-installation-page-box .checkbox__label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 16px;
}
.cb-installation-page-box .checkbox__label span.checkbox__icon {
  width: 20px;
  height: 20px;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  border: 1px solid gray;
  border-radius: 5px;
  margin-right: 20px;
}

.middle-xs {
  align-items: center !important;
}

.between-xs {
  justify-content: space-between !important;
}

.box-tab {
  display: none;
}
.box-tab.active {
  display: block;
}

.box__main-content {
  padding: 0 1.5rem 1.5rem 1.5rem !important;
  overflow-y: auto;
  height: calc(100vh - 138px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.box__main-content::-webkit-scrollbar {
  display: none;
}
.box__main-content.cb-customer-edit-box {
  height: calc(100vh - 192px) !important;
}
.box__main-content.cb-customer-edit-box form {
  padding-top: 0px !important;
}
.box__main-content.cb-customer-edit-box form img {
  max-width: 200px !important;
}
.box__main-content.cb-full-flow-box {
  height: calc(100vh - 137px) !important;
}
.box__main-content.cb-flow-page-box {
  height: calc(100vh - 193px) !important;
}
.box__main-content.cb-installation-page-box {
  height: calc(100vh - 300px) !important;
}

body {
  font-size: 14px;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 20px;
  border-radius: 18px;
  cursor: pointer;
}

.switch__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch__input:checked ~ .switch__label {
  background: #12132C;
}

.switch__input:checked ~ .switch__label:before {
  opacity: 0;
}

.switch__input:checked ~ .switch__label:after {
  opacity: 1;
}

.switch__input:checked ~ .switch__handle {
  left: 22px;
}

.switch__label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 0.625rem;
  text-transform: uppercase;
  background: #C7C7C7;
  border-radius: inherit;
  transition: all 400ms cubic-bezier(0.2, 1, 0.3, 1);
}

.switch__label:before,
.switch__label:after {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  transition: inherit;
  color: #ffffff;
  display: none;
}

.switch__label:before {
  content: attr(data-off);
  right: 11px;
}

.switch__label:after {
  content: attr(data-on);
  left: 11px;
  opacity: 0;
}

.switch__handle {
  position: absolute;
  top: 50%;
  left: 2px;
  width: 15px;
  height: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: white;
  border-radius: 10px;
  transition: left 400ms cubic-bezier(0.2, 1, 0.3, 1);
}

.cb-dropdown--wrapper {
  position: relative;
}

.cb-dropdown--wrapper.table--dropwown .cb-dropdown--simple{

}

.cb-dropdown--simple {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  gap: 5px;
  border-radius: 30px;
  border: 1px solid #12132C;
  color: #12132C;
}
.cb-dropdown--simple.cb-no-bd {
  padding: 5px 10px !important;
  border: none !important;
}
.cb-dropdown--simple.cb-no-bd:hover {
  color: #12132C;
}
.cb-dropdown--simple.table-action-button {
  width: 25px !important;
  height: 25px !important;
  padding: 0 !important;
  border: none !important;
}
.cb-dropdown--simple.table-action-button .three-dot-icon {
  transition: 0.2s ease-in-out;
}
.cb-dropdown--simple.table-action-button:hover, .cb-dropdown--simple.table-action-button.active {
  background: transparent !important;
  color: #12132C !important;
}
.cb-dropdown--simple .cb-dropdown--text {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  margin: 0px;
  color: #12132C;
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cb-dropdown--simple .cb-dropdown--text.cb-dynamic--dropdown--text {
  width: 115px;
}
.cb-dropdown--simple .cb-dropdown--icon {
  display: inline-flex;
  transition: 0.2s ease-in-out;
}
.cb-dropdown--simple.active {
  background: #12132C;
  color: #fff;
}
.cb-dropdown--simple.active .cb-dropdown--text {
  color: #fff;
}
.cb-dropdown--simple.active .cb-dropdown--icon {
  rotate: 180deg;
  color: #fff;
}
.cb-dropdown--simple.active .three-dot-icon {
  transform: rotate(90deg);
}
.cb-dropdown--simple.cb-avatar--dropdown {
  padding: 0px;
  border: none;
}
.cb-dropdown--simple.cb-avatar--dropdown.active {
  background: transparent !important;
}
.cb-dropdown--simple.cb-avatar--dropdown .cb-dropdown--avatar {
  width: 50px;
}
.cb-dropdown--simple.cb-avatar--dropdown .cb-dropdown--text {
  display: none;
}

.datepicker-wrapper svg {
  display: none;
}

.cb-dropdown--box {
  visibility: hidden;
  position: absolute;
  top: 50px;
  right: 2px;
  background-color: #ffffff;
  width: 150px;
  border-radius: 4px;
  padding: 0.625rem;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 2);
  z-index: 6;
  border: 1px solid #d4e0e8;
  box-shadow: 0 8px 20px 0 rgba(12, 37, 66, 0.05);
  width: 320px;
  right: 0px;
  box-shadow: 0px 10px 20px #E8E8E8;
  border: none;
  border-radius: 8px;
  padding: 0px;
}
.cb-dropdown--box.set-left {
  right: unset !important;
  left: 0px !important;
}
.cb-dropdown--box.channel-box {
  top: 60px !important;
}
.cb-dropdown--box.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 6;
  transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 2);
}
.cb-dropdown--box .cb-mega--menu--header {
  display: flex;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid #C7C7C7;
  padding: 0px 35px;
  border-radius: 8px 8px 0px 0px;
}
.cb-dropdown--box .cb-dropdown--list {
  padding: 0px;
  overflow: auto;
  margin: 16px;
  max-height: 288px;
  scroll-padding: 0px;
}
.cb-dropdown--box .cb-dropdown--list::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #EFEFEF;
}
.cb-dropdown--box .cb-dropdown--list::-webkit-scrollbar {
  width: 8px;
}
.cb-dropdown--box .cb-dropdown--list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #C7C7C7;
}
.cb-dropdown--box .cb-dropdown--list .dropdown__item {
  padding: 0px;
}
.cb-dropdown--box .cb-dropdown--list .dropdown__item .dropdown__link {
  padding: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #000000;
  border-radius: 8px;
  color: #3C3C3C;
  padding: 0px;
  padding: 12px 16px;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  gap: 10px;
  font-size: 1rem;
  text-transform: capitalize;
}
.cb-dropdown--box .cb-dropdown--list .dropdown__item .dropdown__link .tick-mark-icon {
  display: none;
}
.cb-dropdown--box .cb-dropdown--list .dropdown__item .dropdown__link.current-lang .tick-mark-icon {
  display: block;
}
.cb-dropdown--box .cb-dropdown--list .dropdown__item .dropdown__link:hover {
  background: #EFEFEF;
}
.cb-dropdown--box .profile-content-wrapper {
  padding: 16px;
  background: #F1F3FF;
  border-radius: 8px;
}
.cb-dropdown--box .profile-content-wrapper .profile-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #12132C;
  margin-bottom: 8px;
}
.cb-dropdown--box .profile-content-wrapper .hyperlink {
  font-size: 16px !important;
  line-height: 24px;
  border-bottom: 1px solid #226DDF;
  font-weight: 400;
}

.cb-user--avatar {
  width: 40px;
}

.btn--primary {
  padding: 7px 20px;
  border: 1px solid #12132C;
  border-radius: 30px;
  color: #12132C;
}
.btn--primary:hover {
  color: #fff;
  background: #12132C;
}

.btn--secondary,
.brand--button {
  padding: 7px 20px;
  border: 1px solid #12132C;
  border-radius: 30px;
  background: #12132C;
  transition: 0.2s ease-in-out;
  color: #fff;
}
.btn--secondary.facebook--button,
.brand--button.facebook--button {
  background: #1877F2;
  border-color: #1877F2;
}
.btn--secondary.whatsapp--button,
.brand--button.whatsapp--button {
  background: #075e54;
  border-color: #075e54;
  display: none !important;
}
.btn--secondary.twitter--button,
.brand--button.twitter--button {
  background: #1DA1F2;
  border-color: #1DA1F2;
}
.btn--secondary.zendesk--button,
.brand--button.zendesk--button {
  background: #16140c;
  border-color: #16140c;
}
.btn--secondary:hover,
.brand--button:hover {
  background: #fff;
  color: #12132C;
}

.navbar--toggle {
  display: block;
  background: transparent;
  outline: none;
  border: none;
  padding: 0px;
  position: absolute;
  top: 10px;
  left: 252px;
  z-index: 111;
  transition: 0.3s ease-in-out;
  transform: translate(-170px);
}

.cb-simple--button {
  background: transparent !important;
  border: none !important;
  padding: 0px !important;
  display: inline-block !important;
  text-align: center !important;
  border-radius: 100% !important;
  margin: 0px !important;
  height: 44px;
  width: 44px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.cb-simple--button .file-icon {
  background: transparent !important;
}
.cb-simple--button .file-icon svg {
  margin-top: 0px !important;
}

.cb-p-xs {
  padding: 5px !important;
}

.cb-bg--dark {
  background: #12132C !important;
  color: #fff !important;
}

.cb-chat--input {
  width: calc(100% - 120px);
  border: none;
  font-size: 16px;
  color: #12132C;
}
.cb-chat--input::placeholder {
  opacity: 1;
  color: #12132C;
}
.cb-chat--input:hover, .cb-chat--input:focus, .cb-chat--input:focus-visible {
  border: none !important;
  outline: none !important;
}

.cb-page-head-nav .nav-search {
  width: 440px;
  color: #000000;
  position: relative;
}
.cb-page-head-nav .nav-search .search__label {
  position: absolute;
  top: 12px;
  left: 18px;
}
.cb-page-head-nav .nav-search .search__input {
  width: 100%;
  background: #F9FAFB;
  color: #000000;
  border-radius: 5px;
  height: 40px;
  padding: 8px 16px;
  padding-left: 45px;
  border: 1px solid #F9FAFB;
  font-size: 14px;
}

.nav__search {
  width: 440px;
  color: #000000;
  position: relative;
}
.nav__search .search__label {
  position: absolute;
  top: 12px;
  left: 18px;
}
.nav__search .search__input {
  width: 100%;
  background: #F9FAFB;
  color: #000000;
  border-radius: 5px;
  height: 40px;
  padding: 8px 16px;
  padding-left: 45px;
  border: 1px solid #F9FAFB;
  font-size: 14px;
}

input.tree_name {
  width: 400px;
  background: #F9FAFB;
  color: #000000;
  border-radius: 5px;
  height: 40px;
  padding: 8px 16px;
  padding-left: 45px;
  border: 1px solid #F9FAFB;
  font-size: 14px;
}

.table .table__group .table__item {
  padding: 14px;
  color: #3C3C3C;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
}
.table .table__group .table__item .chat__avatar {
  width: 35px !important;
}
.table .table__group .table__item a {
  color: #3C3C3C;
  border-bottom: none;
  font-size: 14px;
  font-weight: 500;
}
.table .table__group .table__item .cb-dropdown--wrapper {
  text-align: right;
}

.tab-buttons-list .nav__tab {
  margin: 0px !important;
  border: none !important;
  padding: 0px !important;
  background: #ffffff !important;
  margin-bottom: 10px !important;
}
.tab-buttons-list .nav__tab .nav__item {
  margin-left: 0px;
}
.tab-buttons-list .nav__tab .nav__item .nav__link {
  padding: 12px 40px;
  line-height: unset;
  border-bottom: 1px solid #C7C7C7;
  display: inline-block;
  margin-right: 0px;
  font-size: 16px;
  color: #000000;
}
.tab-buttons-list .nav__tab .nav__item .nav__link.active {
  border-bottom: 5px solid #12132C;
  font-weight: 600;
}

.filter-wrapper.flow-filters {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  align-items: center;
}

.cb-profile--dropdown--wrapper {
  position: relative;
}
.cb-profile--dropdown--wrapper .chat__images:hover {
  cursor: pointer;
}
.cb-profile--dropdown--wrapper .cb-profile--box {
  position: absolute;
  visibility: hidden;
  background-color: #ffffff;
  padding: 1.5rem;
  opacity: 0;
  width: 320px;
  height: 320px;
  top: 77px;
  left: 2px;
  box-shadow: 0px 10px 20px #E8E8E8;
  border: none;
  border-radius: 10px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 2);
  z-index: 6;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.cb-profile--dropdown--wrapper .cb-profile--box::-webkit-scrollbar {
  display: none;
}
.cb-profile--dropdown--wrapper .cb-profile--box.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 6;
  transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 2);
}
.cb-profile--dropdown--wrapper .cb-profile--box section {
  background: #F1F3FF;
  border-radius: 10px;
  padding: 20px;
}
.cb-profile--dropdown--wrapper .cb-profile--box section p {
  font-size: 14px;
  font-weight: 500;
  color: #8E8E8E;
}

.cb-text-dark {
  font-weight: 600;
}

span.checkbox__icon {
  display: none;
}

.multiselect {
  border: 2px solid #12132C !important;
}
.multiselect.is-active {
  box-shadow: none !important;
}
.multiselect.is-open {
  border-radius: none !important;
}
.multiselect input.multiselect-search,
.multiselect .multiselect-single-label,
.multiselect .multiselect-placeholder {
  color: #12132C !important;
}
.multiselect input.multiselect-search::placeholder,
.multiselect .multiselect-single-label::placeholder,
.multiselect .multiselect-placeholder::placeholder {
  opacity: 1;
  color: #12132C !important;
}
.multiselect .multiselect-caret {
  background: #12132C;
}
.multiselect .multiselect-option.is-selected.is-pointed {
  background: #12132C;
  color: #fff;
}
.multiselect .multiselect-option.is-selected {
  background: #12132C;
  color: #fff;
}

.customer-table img {
  width: 22px;
}

.bulk-action {
  padding: 10px 20px;
  background: #f9fafb;
  border-radius: 5px;
}

.mosha__toast {
  padding: 15px 18px;
  min-width: auto;
  box-shadow: 0 6px 12px 0 rgba(16, 24, 40, 0.1);
  background: #1563D9;
}
.mosha__toast .mosha__toast__content-wrapper {
  align-items: start !important;
}
.mosha__toast .mosha__toast__content-wrapper .mosha__icon {
  width: 21px;
  height: 21px;
  background-size: 20px !important;
  background-position: center;
  margin-right: 14px;
  background: url(../images/Icons/info-icon.png) no-repeat;
}
.mosha__toast .mosha__toast__content-wrapper .mosha__icon svg {
  display: none;
}
.mosha__toast .mosha__toast__content-wrapper .mosha__toast__content {
  padding: 0;
  margin-right: 50px;
}
.mosha__toast .mosha__toast__content-wrapper .mosha__toast__content .mosha__toast__content__text {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}
.mosha__toast .mosha__toast__content-wrapper .mosha__toast__content .mosha__toast__content__description {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.mosha__toast .mosha__toast__slot-wrapper {
  padding: 0;
  margin-right: 48px;
}
.mosha__toast .mosha__toast__slot-wrapper .mosha__toast__content__text {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}
.mosha__toast .mosha__toast__slot-wrapper .mosha__toast__content__description {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.mosha__toast .mosha__toast__slot-wrapper .mosha__toast__content__link {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  border-width: 0;
}
.mosha__toast .mosha__toast__slot-wrapper .mosha__toast__content__link:hover {
  color: #fff;
  border-width: 1px;
}
.mosha__toast .mosha__toast__close-icon {
  width: 13px;
}
.mosha__toast .mosha__toast__close-icon::before {
  color: #fff !important;
  font-size: 24px;
  font-weight: 300;
  cursor: pointer;
  top: -8px;
  left: 0;
  margin-left: 0;
}
.mosha__toast.info {
  background: #1563D9;
}
.mosha__toast.info .mosha__icon {
  background: url(../images/Icons/info-icon.png) no-repeat;
}
.mosha__toast.success {
  background: #017020;
}
.mosha__toast.success .mosha__icon {
  background: url(../images/Icons/success-icon.png) no-repeat;
}
.mosha__toast.error {
  background: #B31E0D;
}
.mosha__toast.error .mosha__icon {
  background: url(../images/Icons/error-icon.png) no-repeat;
}
.mosha__toast.default {
  background: #1D2939;
}
.mosha__toast.message .mosha__toast__content {
  display: none !important;
}
.mosha__toast.message .mosha__icon {
  background: url(../images/Icons/message-icon.png) no-repeat;
}
.mosha__toast.training .mosha__icon {
  width: 26px;
  background: url(../images/Icons/training-icon.png) no-repeat !important;
}

.alert {
  padding: 15px 18px;
  box-shadow: 0 6px 12px 0 rgba(16, 24, 40, 0.1);
  background: #1563D9;
  position: fixed !important;
  top: unset !important;
  bottom: 15px !important;
  margin: 0 !important;
  right: 15px !important;
  width: 380px !important;
  z-index: 11111111;
}
.alert .alert--icon {
  width: 21px;
  height: 21px;
  background-size: 20px !important;
  background-position: center;
  margin-right: 15px;
  background: url(../images/Icons/info-icon.png) no-repeat;
}
.alert p.alert--title {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
}
.alert .alert--description {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 400;
  margin-right: 30px;
  text-decoration: none;
  border-bottom: none;
  color: #fff;
  line-height: 20px;
}
.alert .alert--description img.description-icon {
  height: 16px;
}
.alert .buttons-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.alert .buttons-wrapper .alert--button {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  display: inline-flex;
  text-decoration: none;
  border-bottom: none;
  border: 1px solid white;
  border-radius: 5px;
  height: 37px;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
}
.alert.alert--default {
  background: #1D2939;
}
.alert.alert--message {
  background: #1D2939;
}
.alert.alert--message .alert--icon {
  background: url(../images/Icons/message-icon.png) no-repeat;
}
.alert.alert--warning {
  background: #ffa500;
}
.alert.alert--warning .alert--icon {
  background: url(../images/Icons/warning-icon.png) no-repeat;
}
.alert.alert--error {
  background: #B31E0D;
  color: #fff;
}
.alert.alert--error .alert--icon {
  background: url(../images/Icons/error-icon.png) no-repeat;
}
.alert.alert--success {
  background: #017020;
}
.alert.alert--success .alert--icon {
  background: url(../images/Icons/success-icon.png) no-repeat;
}
.alert.alert--training {
  background: #1563D9;
}
.alert.alert--training .alert--icon {
  background: url(../images/loading-white.svg) no-repeat;
}

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

.pagination {
  width: auto;
  max-width: calc(100% - 160px);
}

.pagination .pagination__item {
  background: #ffffff;
  font-size: 14px;
  border: none;
  color: #000000;
  margin: 0px 4px;
  overflow: hidden;
  border-radius: 100%;
  margin: 0px 1px;
  overflow: hidden;
  border-radius: 8px;
  padding: 0px;
}

.pagination .pagination__item a,
.pagination .pagination__item span {
  display: block;
  text-align: center;
  border-bottom: none;
  color: #000000;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  padding: 0px;
}

.pagination .pagination__item.active {
  background: var(--color-25, #F1F8F9);
  color: #000000;
}

.pagination .pagination__item:hover {
  background: var(--color-25, #F1F8F9);
  color: #000000;
}

.pagination .pagination__item:last-of-type a {
  padding-right: 0px;
}

span.pagination-current-page {
  padding: 10px 16px;
  border: 1px solid #475467;
  border-radius: 5px;
  font-size: 16px;
  color: #000000;
  display: block;
}

.table__body-container.table-scroller {
  overflow-y: auto;
  height: calc(100vh - 416px);
}

.table-scroller::-webkit-scrollbar {
  width: 8px;
  background-color: #F8F8F8;
  border-radius: 50px;
}

.table-scroller::-webkit-scrollbar-thumb {
  background-color: #ccc; 
  border-radius: 50px; 
  border: 1px solid #F8F8F8;
}

.table-scroller::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
.box__main-content.box-main-table {
  height: calc(100vh - 345px);
}

.hek-dropdown .cb-dropdown--box {
  width: 216px;
}
.hek-dropdown .cb-dropdown--box .cb-dropdown--list .dropdown__item .dropdown__link {
  cursor: pointer;
  justify-content: space-between;
}

.hekma-edit .modal--overlay {
  height: 100%;
  background-color: rgba(109, 109, 109, 0.3);
  z-index: 111;
}
.hekma-edit .modal--overlay .modal__box {
  top: 50% !important;
  transform: translateY(-50%);
  padding: 35px 25px;
  background: #ffffff;
  box-shadow: 0px 6px 12px #b5b5b5;
  border-radius: 6px;
}
.hekma-edit .modal--overlay .modal__box.modal-sm {
  width: 370px;
}
.hekma-edit .modal--overlay .modal__box.modal-md {
  width: 550px;
}
.hekma-edit .modal--overlay .modal__box .modal__title {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
}
.hekma-edit .modal--overlay .modal__box .form__item {
  margin: 20px 0px 0px 0px;
  width: 100%;
}
.hekma-edit .modal--overlay .modal__box .form__item.half {
  width: 50% !important;
}
.hekma-edit .modal__group.between-xs {
  display: flex;
}
.hekma-edit .modal__box ul.form__content{
  margin: 15px 0 20px;
}
.hekedt-form .form__content .input h2 {
  display: none;
}
.hekedt-form .form__content .form__item {
  margin-bottom: 25px;
}
.hekedt-form .form__content .switch {
  margin-right: 12px;
}

/* Invite User Modal styles - start */
.bb-onboarding {
  height: calc(100vh - 83px);
  overflow: auto;
  padding: 0px;
  border-top: 0px;
}
.bb-onboarding .modal--step {
  background: #F2F4F7;
}
.bb-onboarding .modal--step .modal__box--step {
  border-top: none;
  padding: 60px 80px;
  border-radius: 0px;
  width: 1180px;
  min-height: calc(100vh - 83px);
}
.bb-onboarding .modal--step .modal__box--step .modal__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  margin: 0px 0px 7px 0px;
  color: #261616;
}
.bb-onboarding .modal--step .modal__box--step label {
  font-weight: 500;
}
.bb-onboarding .modal--step .modal__box--step .modal__subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 20px;
  color: #261616;
}
.bb-onboarding .modal--step .modal__box--step .modal__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.bb-onboarding .modal--step .input__field {
  height: 44px;
  width: 100%;
  margin: 20px;
}
.bb-onboarding .modal--step textarea.input__field {
  height: unset;
}
.bb-onboarding .modal--step ul.form__content .form__item {
  margin: 0px 32px 16px 0px;
}
.bb-onboarding .faqs--list li.form__item {
  padding: 0px;
  margin: 0px;
  border-top: 1px solid #4D718A;
}
.bb-onboarding .faqs--list li.form__item .input__label, .bb-onboarding .faqs--list li.form__item .checkbox__label, .bb-onboarding .faqs--list li.form__item .input__subtitle {
  color: #261616;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  margin: 14px 0px 8px 0px;
  display: inline-block;
}
.bb-onboarding .faqs--list li.form__item .input__field, .bb-onboarding .faqs--list li.form__item .select__field {
  margin: 0px;
}
.bb-onboarding .faqs--list li.form__item textarea {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.bb-onboarding .faqs--list li.form__item textarea::-webkit-scrollbar {
  display: none;
}
.bb-onboarding .faqs--list li.form__item .actions-row {
  margin-top: 20px;
  align-items: center;
}
.bb-onboarding .faqs--list li.form__item:last-child {
  border-bottom: 1px solid #4D718A;
}
.bb-onboarding span.process--label {
  display: inline-flex;
  align-items: center;
}
.bb-onboarding span.process--label .loader__icon {
  width: 35px;
  height: 35px;
  display: inline-block;
}
.bb-onboarding .modal__footer {
  gap: 35px;
  display: flex;
  justify-content: center;
  margin-top: 35px;
  margin-bottom: 20px;
}
.bb-onboarding .modal__footer #faq-btn-back {
  margin-right: 0px;
}
.bb-onboarding .installation--content pre.language-markup {
  width: 100% !important;
}

.bb-onboarding .modal__box {
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 0 50px 5px rgba(12, 37, 66, 0.01);
  position: relative;
  top: 0;
  margin: 0 auto;
  transition: all 800ms cubic-bezier(0.2, 1, 0.3, 1);
}

.bb-onboarding .btn {
  margin: 0 5px;
  color: #ffffff;
  outline: 0;
}
.bb-onboarding .btn.accept {
  background-color: #4CAF50;
  border-color: #4CAF50;
}
.bb-onboarding .btn.reject {
  background-color: #FF0000;
  border-color: #FF0000;
}
/* Invite User Modal styles - end */

.content .container .w-50{
  height: calc(100vh - 94px);
  overflow-y: scroll;
  width: 100% !important;
  padding: 0 50% 20px 0;
}

.modal .modal__box.modal-knowledge {
  width: 920px;
}