/**
* @package    mod_datsogallery_comments
* @author     Andrey Datso <support@datso.fr>
* @copyright  2006 - 2020 Andrey Datso
* @license    <https://www.datso.fr/license.html>
*/
ul.dg-comments,
ul.dg-comment,
ul.dg-comment li ul {
  list-style:none;
  padding:0;
  margin:0;
}
ul.dg-comments > li {
  margin-bottom:10px;
}
ul.dg-comment {
  display:flex;
  margin:0 -5px;
}
ul.dg-comment > li {
  padding-right:5px;
  padding-left:5px;
}
ul.dg-comment li ul {
  display:flex;
  flex-direction:column;
}
ul.dg-comment li:nth-child(2) {
  flex:1 1 auto;
}
.dg-comment-avatar img {
  max-width: none;
  width: calc(0.9rem * 1.32 * 2 + 10px);
  height: calc(0.9rem * 1.32 * 2 + 10px);
  border-radius: 50%;
}
li.dg-comment-text {
  position:relative;
  background-color:rgba(255, 255, 255, 1);
  padding:3px 10px;
  border-radius:19px;
  border:2px solid rgba(0, 0, 0, .06);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  font-size:.9rem;
  line-height:1.7;
  height:50px;
  min-height:50px;
  flex:auto;
  word-wrap:break-word;
  overflow-wrap:break-word;
  word-break:break-word;
  border-top-left-radius:0;
  border-bottom-right-radius:0;
}
li.dg-comment-text.left {
  border-top-right-radius:0;
  border-bottom-left-radius:0;
  border-top-left-radius:19px;
  border-bottom-right-radius:19px;
}
li.dg-comment-text.dg-active {
  height:auto;
}
li.dg-comment-text span.dg-toggler {
  position:absolute;
  right:0;
  bottom:0;
  background-color:rgba(0, 0, 0, .06);
  color:#888;
  width:16px;
  border-top-left-radius:2px;
  text-align:center;
  font-weight:600;
  cursor:pointer;
  height:16px;
  line-height:16px;
}
li.dg-comment-text span.dg-toggler.left {
  right:unset;
  left:0;
  border-top-left-radius:0;
  border-top-right-radius:2px;
}
li.dg-comment-text span.dg-toggler:before {
  content:'+';
}
li.dg-comment-text.dg-active span.dg-toggler:before {
  content:'-';
}
li.dg-comment-info {
  font-size:.8rem;
  line-height:1.5rem;
  font-style:normal;
}
li.dg-comment-info span {
  font-weight:normal;
}