.depth-1 > .children > li {
  display: none;
  padding: 10px 0 0 10px;
}
.depth-1 > .children > li,
.depth-1 > .children > .children,
.depth-1 > .children > .children .showAnswer {
  display: none;
}
.another-filter {
  margin: 20px 0 20px;
}
#commentform {
  padding-top: 0;
}
#reply-title {
  margin-bottom: 10px;
}
.closeForm {
  opacity: 0.7;
}
.closeForm:hover {
  opacity: 1;
}
.closeForm:hover,
.closeForm {
  cursor: pointer;
  position: absolute;
  right: 0px;
  padding: 10px;
  background: none;
  top: 0;
}
.formShow {
  visibility: visible;
  display: block;
  position: fixed;
}

.comment-extended-meta {
  font-size: 11px;
  padding: 5px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin-top: 10px;
  opacity: 0.5;
}

.js-hide-comment {
  display: none;
}

.js-show-comment .active-text {
  display: none;
}
.js-show-comment.active .active-text {
  display: inline;
}
.js-show-comment.active .def-text {
  display: none;
}
.children .depth-2:last-child .js-hide-comment {
  display: inline-block;
}
.extended_reply {
  float: right;
}
.blockMsg {
  opacity: 1 !important;
}
.emptyAnswer {
  background: rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 3px;
  margin: 40px 0;
}
.comment-extended.hidden-comment {
  background: #e4e4e4;
  padding: 20px;
}
.comment-form-comment textarea {
  resize: vertical;
  height: 100px;
}
.comment-form-extended,
.comment-form-author,
.comment-form-email {
  display: inline-block;
}
.children .comment-extended.hidden-comment {
  background: none;
}

.children .comment-extended-meta {
  display: none;
}
#myModal {
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  max-width: 600px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  border-radius: 6px;
}
#myModal.formShow {
  display: block;
}
.body-show-bg {
  overflow: hidden;
}
.body-show-bg .bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 50;
}