@charset "UTF-8";
.wrapper {
  background-color: var(--color-light);
  padding-left: var(--cui-sidebar-occupy-start); }

.dialog {
  min-height: 562px;
  max-height: 562px; }

.messa {
  overflow: auto; }

.header-brand.logo img {
  text-align: center;
  width: 60px;
  margin-bottom: 2px; }

.upload-icon {
  display: grid;
  height: 100%;
  width: 100%;
  align-content: center; }

.tableMessage tr td {
  border: hidden; }

.page-link {
  color: black; }

.page-item.active .page-link {
  color: white;
  background-color: #3c4b64; }

.modal-document {
  position: relative;
  display: table;
  overflow-y: auto;
  overflow-x: auto;
  width: auto;
  height: auto; }

.modal-order {
  width: 800px;
  height: 800px; }

.image-view-modal {
  width: 100%;
  height: 100%;
  max-height: 450px; }

.breadcrumb .breadcrumb-item a {
  color: var(--cui-body-color);
  text-decoration: none; }
  .breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline; }

.image-button {
  cursor: pointer; }

.image-view-middle {
  width: 90px;
  height: 90px; }

.chat-image-view-middle {
  width: 90px;
  height: 90px;
  border-radius: 0.5rem; }

.image-view-big {
  /*width: 90px;*/
  height: 300px; }

img.object-cover {
  object-fit: cover; }

img.image-view-small {
  width: 38px;
  max-height: 38px;
  border-radius: 0.25rem; }

.avatar-container {
  /*--cui-avatar-bg: #373737;*/
  --cui-avatar-bg: #3c4b64;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: var(--cui-avatar-bg, transparent); }
  .avatar-container img {
    height: 38px;
    width: 28px;
    margin: 0 5px; }

.no-image-container {
  height: 38px;
  width: 38px;
  font-size: 1.8rem;
  border-radius: 10%;
  color: var(--cui-body-color);
  background-color: var(--light-grey, transparent); }

.order-item-icon {
  height: 38px;
  width: 38px;
  border-radius: 10%;
  background-color: var(--light-grey, transparent); }
  .order-item-icon img {
    height: 38px;
    width: 28px;
    margin: 0 5px; }

.avatar-image {
  width: 38px;
  height: 38px;
  border-radius: 50%; }

.message-text {
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  word-wrap: break-word;
  display: inline-block; }

.message-in {
  height: 100%;
  margin-top: 0.25rem;
  margin-bottom: .025rem; }
  .message-in .message-date {
    font-size: 10px; }
  .message-in .message-text-wrapper {
    width: 100%; }
    .message-in .message-text-wrapper .message-text {
      background-color: #cacacf; }

.message-out {
  margin-left: auto;
  margin-right: 0;
  height: 100%;
  margin-top: 0.25rem;
  margin-bottom: .025rem; }
  .message-out .message-date {
    float: right;
    font-size: 10px; }
  .message-out .message-text-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .message-out .message-text-wrapper .message-text {
      background-color: #96a5c9; }

.message-system {
  height: 100%;
  margin-top: 0.25rem;
  margin-bottom: .025rem; }
  .message-system .message-text-wrapper {
    width: 100%;
    text-align: center; }
    .message-system .message-text-wrapper .message-text {
      font-size: 12px; }

.test-div {
  background-color: antiquewhite;
  margin-left: auto;
  margin-right: 0em; }

.dropdown-item {
  cursor: pointer; }

::-webkit-scrollbar {
  width: 5px; }

::-webkit-scrollbar-track {
  background: transparent;
  z-index: 10000; }

::-webkit-scrollbar-thumb {
  background: var(--cui-gray);
  border-radius: 5px; }

::-webkit-scrollbar-thumb:hover {
  background: var(--cui-gray-dark); }

.singin-container .logo {
  text-align: center;
  width: 300px;
  margin: auto;
  margin-bottom: 2rem;
  margin-top: 2rem; }

.image-preview {
  height: 100px;
  width: auto; }

.text-bold {
  font-weight: 700; }

.line-limit {
  position: relative;
  max-height: 48px;
  overflow: hidden; }
  .line-limit:after {
    content: "…";
    position: absolute;
    top: 24px;
    right: 14px;
    vertical-align: bottom; }

.cursor-pointer {
  cursor: pointer; }

.table-interactive tbody tr:hover {
  background: #ebeff7; }