/* Show more css */

.comment-box {
  position: relative;
  font-family: sans-serif;
}

.comment-text {
	font-family: Inter;
	font-weight: 400;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 0%;
	vertical-align: middle;
 	transition: max-height 0.2s ease;
  	padding: 8px;
  	max-height: 190px; /* Limit height */
  	overflow: hidden;
}

.comment-text.expanded {
 overflow: visible;
 transition: max-height 0.2s ease;
}
.fade-out {
  position: absolute;
  bottom: 1rem; /* just above the button */
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  pointer-events: none;
  opacity: 1;
}

.show-more{
  background: none;
  border: none;
  color: #0078d4;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.comment-text.expanded .fade-out {
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.9s ease;
}

.htmlForumNotesByCurrentUser{
	background: var(--primary-000, #FFF);
}  
.comment-text p {
  word-wrap: break-word;      /* older syntax */
  overflow-wrap: break-word;  /* modern, recommended */
  word-break: break-word;     /* works for non-spaced long strings */
  white-space: normal;        /* ensures text wraps normally */
}