.customDisabledStyle {
  /* Add your custom styles for the disabled appearance */
  color: black; /* Adjust the color to make it lighter */
  background-color:rgb(180, 180, 180) /* Adjust the background color */
  border: 1px solid #dddddd; /* Add a border to indicate the disabled state */
  /* Add any other styles you want to apply */
}
.textarea-container {
  width: 100%; /* Set the container width to 100% of its parent */
}

.msg-textarea-container {
  width: 500px; /* Set the container width to 100% of its parent */
}
   @media (max-width: 767px) {
      .msg-textarea-container  {
        width:100vw!important;
      }
    }

.myTextarea {
  width: 100%; /* Set the textarea width to 100% of its parent (the container) */
  resize: none; /* Disable textarea resizing */
  margin-top:5px;
  box-sizing: border-box; /* Include padding and border in the width calculation */
}
.comment-timeline {
 width: auto!important;
}
@media (max-width: 600px) and (max-height: 1200px) {
  .comment-timeline {
    /* Adjust the size and styles to fit the mobile screen */
    width: 45vw!important;
  }
}
@media (max-width: 1200px) and (max-height: 600px) {
  .comment-timeline {
    /* Adjust the size and styles to fit the mobile screen */
    width: 30vw!important;

  }
}
.top-TextArea{
line-height: 22px;
border-radius:5px;
max-height:28px;
margin-right:5px;
}

.msg-area {
    border-radius: 30px!important;
    padding: 3px 10px!important; /* Adjust the padding as needed */
    margin-left: 5px!important;
    width:300px; /* Adjust the width as needed */
    resize: none; /* Prevent resizing */
    text-align: flex-center; /* Center-align text */
    scrollbar-width: thin; /* Set the width of the scrollbar */
    scrollbar-color: #999 transparent; /* Set the color of the scrollbar */
}
  @media (max-width: 767px) {
      .msg-area  {
        width:200px!important;
      }
    }

.msg-area::-webkit-scrollbar-thumb {
    border-radius: 10px!important; /* Adjust the border radius of the scrollbar thumb */
    background-color: #999; /* Set the background color of the scrollbar thumb */
}

/* Style the scrollbar track */
.msg-area::-webkit-scrollbar-track {
    background-color: transparent; /* Set the background color of the scrollbar track */
}



/*-------------------------------------*/

.label-color{
color:white;
}
.reply-body-box {
    position: relative;
    width: 100%;
}

.reply-area {
    width: 100%;
    padding-right: 70px; /* Avoid text overlap with button */
}

.edit_update_delete_Box{
margin-top:5px;
margin-bottom:5px;
}

.post-button{
    position: absolute;
    right: 0;
    padding: 10px;
    min-width: 60px;
    margin-right: 10px;
    background: black;
    color: white;
    font-weight: 700;
    border-radius: 15px;
    cursor: pointer;
}
.post-button:hover {
    color: rgb(144, 238, 144);
}

.action-panel{
display:flex;
flex-wrap:wrap;
align-items:center;
border-top: 1px solid #4f4f4f;
border-bottom: 1px solid #4f4f4f;
}