/* Toàn bộ thanh cuộn */
  .tc::-webkit-scrollbar {
    width: 8px; /* Đặt độ rộng của thanh cuộn */
  }
  
  /* Đường ray (background) của thanh cuộn */
  .tc::-webkit-scrollbar-track {
    /*background-color: #f2ecdb; /* Màu nền của đường ray */
    /*border-radius: 5px; /* Bo tròn góc của đường ray */ 
  }
  
  /* Nút kéo (thumb) của thanh cuộn */
  .tc::-webkit-scrollbar-thumb {
    background-color: #3C7363; /* Màu của nút kéo */
    border-radius: 200px; /* Bo tròn góc của nút kéo */
  }
  
  /* Hiệu ứng hover cho nút kéo */
  .tc::-webkit-scrollbar-thumb:hover {
    background-color: #F2A7AD; /* Màu của nút kéo khi hover */
  }
   /* Toàn bộ thanh cuộn */
   .modal::-webkit-scrollbar {
    width: 8px; /* Đặt độ rộng của thanh cuộn */
  }
  
  /* Đường ray (background) của thanh cuộn */
  .modal::-webkit-scrollbar-track {
    /*background-color: white; /* Màu nền của đường ray */
    /*border-radius: 5px; /* Bo tròn góc của đường ray */
  }
  
  /* Nút kéo (thumb) của thanh cuộn */
  .modal::-webkit-scrollbar-thumb {
    background-color: #3C7363; /* Màu của nút kéo */
    border-radius: 200px; /* Bo tròn góc của nút kéo */
  }
  
  /* Hiệu ứng hover cho nút kéo */
  .modal::-webkit-scrollbar-thumb:hover {
    background-color: #F2A7AD; /* Màu của nút kéo khi hover */
  }



    #comment-display-area::-webkit-scrollbar {
    width: 2px; /* Đặt độ rộng của thanh cuộn */
  }
  
  /* Đường ray (background) của thanh cuộn */
   #comment-display-area::-webkit-scrollbar-track {
    /*background-color: #f2ecdb; /* Màu nền của đường ray */
    /*border-radius: 5px; /* Bo tròn góc của đường ray */ 
  }
  
  /* Nút kéo (thumb) của thanh cuộn */
   #comment-display-area::-webkit-scrollbar-thumb {
    background-color: #4ccccb; /* Màu của nút kéo */
    border-radius: 200px; /* Bo tròn góc của nút kéo */
   
  }