div[class^="lvl-"], div[class*=" lvl-"] {
    margin-left:60px;
    padding: 3px 0 3px 5px ;
}
div.docComment .comment-content {
    border-left:2px solid #cfcfcf;
}
div.docComment.lvl-1 .comment-content {
    border:none;
}
div.lvl-1 {
    margin-left:0px;
}
div.lvl-2 {
    margin-left:20px;
}
div.lvl-3 {
    margin-left:40px;
}
div.lvl-4 {
    margin-left:60px;
}
div.commentsInfo {
    border-bottom: 1px solid #e9ebee;
    line-height: 25px;
    margin-bottom: 24px;
    padding: 8px 0;
    font-weight: bold;
}

div.docComment {font-family: helvetica,arial,sans-serif; font-size: 14px;direction: ltr; margin-bottom:10px}
div.docComment .replyTo {color:#90949c; cursor:pointer}
div.docComment .commentTitle h4 {margin:0; padding:0; font-size:14px; font-weight:bold; color:grey; line-height:20px}
div.docComment .commentContent {
    font-size: 14px;
    line-height: 1.360;
    word-break: break-word;
    word-wrap: break-word;
    color: #1d2129;
}
div.docComment .commentBar {
    margin-top:10px;
    font-size: 12px;
    line-height: 1.358;
    color: #90949c;
    font-weight: normal;
   
}

.avatar-unisex::before,.avatar-men::before,.avatar-woman::before {
   content: "";
   height: 40px;
   width: 40px;
   display: block;
   background-size: cover;
}

.avatar-unisex::before {
    background-image: url(5234ce42/img/avatar_unisex.png);
}
.avatar-men::before {
    background-image: url(5234ce42/img/avatar_men.png);
}
.avatar-woman::before {
    background-image: url(5234ce42/img/avatar_woman.png);
}
div.docComment .responseToComment {
    cursor:pointer;
    padding-right:10px;
    color:#4267b2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
div.docComment .responseToComment:hover {
    text-decoration:underline;
}
div.docComment .moreTxt {
    color: #4267b2;
    cursor: pointer;
    padding-left:5px;
    font-size:0.9em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
/*
div.docComment .moreTxt::after {
    content: "\f107";
    padding-left:2px;
    font-family:"fontawesome";
}
*/
div.docComment .moreTxt:hover {
    text-decoration:underline;
}

div.docComment div.commentActionsMenu {display:none}
div.docComment:hover div.commentActionsMenu {display:block}
div.docComment div.commentActionsMenu > a {
    color:#4267b2;
    font-size:1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
button.addCommentBtn::before {
    content: "\f0e5";
    font-family:"fontawesome";
    padding-right:5px;
}

form +div.docComment.row  {
    border-top:1px solid #e9ebee;
    padding-top:20px;
    margin-top:20px;
}#myModal .floater-content > div {
  padding: 0 0px 20px;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #05be6a 0%, #05b364 36%, #057e47 100%) repeat scroll 0 0;
}
#myModal .floater-header {
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.4286px;
  padding: 15px;
  background: #1a6644;
  color: #fff;
  text-align: left;
  position: relative;
}
#myModal .floater-title {
  font: 700 22px/22px open sans;
  text-align: center;
}
#myModal .floater-body {
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
}
#myModal.modal button.close {
  background: #000000;
  border-radius: 50%;
  padding: 5px 10px;
  position: absolute;
  right: -10px;
  top: -8px;
  opacity: 0.8;
  color: #fff;
}
#myModal .btn-baner {
  background: rgba(0, 0, 0, 0) linear-gradient(45deg, #1b698a 0%, #1e83ad 52%, #1e83ad 54%, #1c7095 100%) repeat scroll 0 0;
  border-bottom: 2px solid #245d7b;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  font: 700 17px/22px open sans;
  margin: 0 40px;
  padding: 10px 20px;
  text-align: center;
  text-shadow: 0 2px 1px #000000;
}
#myModal .btn-baner:hover {
  border: 2px solid #1a6644;
  color: #ffffff;
}