@import "../../styles/index.scss";

#table-chat-side-panel {
  .impact_drawer_container {
    background: $whiteColor;
  }

  .impact_drawer_header {
    background: $lightBlueColor;
    border-bottom: 1px solid $disabledSecondaryBorder;
  }

  .impact_drawer_body {
    padding: 0;
  }
}

.table-chat-container {
  display: flex;
  height: 100%;
  width: 100%;
  gap: 10px;
  flex-direction: row;
}

.empty-container {
  display: flex;
  justify-content: center;
  align-items: center;

  img {
    width: 190px;
    height: 197px;
  }
  p:nth-of-type(1) {
    color: $mainFontColor;

    font-size: 20px;
    font-style: normal;
    font-weight: $ExtraFontWeight;
    line-height: 30px; /* 150% */
  }

  p:nth-of-type(2) {
    color: $inputInfoColor;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: $normalFontWeight;
    line-height: 125%; /* 20px */
  }
}

.loader-padding {
  padding: 16px;
  width: 100%;
}
