.cards {
    margin-bottom: 100px;
  }
  
  .card-no-border .card {
      border: 0px;
      border-radius: 4px;
      -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  }
  
  .card-body {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1.25rem
  }
  
  .comment-widgets .comment-row:hover {
      background: rgba(0, 0, 0, 0.02);
      cursor: pointer
  }
  
  .comment-widgets .comment-row {
      border-bottom: 2.5px double rgba(77, 77, 77, 0.062);
      padding: 15px 50px 15px 30px;
  }
  
  .comment-text:hover {
      visibility: hidden
  }
  
  .comment-text:hover {
      visibility: visible
  }
  
  .label {
      padding: 3px 10px;
      line-height: 13px;
      color: #ffffff;
      font-weight: 400;
      border-radius: 4px;
      font-size: 75%
  }
  
  .round img {
      border-radius: 100%
  }
  
  .label-info {
      background-color: #1976d2
  }
  
  .label-success {
      background-color: green
  }
  
  .label-danger {
      background-color: #ef5350
  }
  
  .action-icons a {
      padding-right: 7px;
      vertical-align: middle;
      color: #99abb4
  }
  
  .action-icons a:hover {
      color: #1976d2
  }
  
  .mt-100 {
      margin-top: 100px
  }
  
  .mb-100 {
      margin-bottom: 100px
  }

.fa-reply.rotate180 {
    -webkit-transform: rotate(180deg) scale(1.3);
        -ms-transform: rotate(180deg) scale(1.3);
            transform: rotate(180deg) scale(1.3);
    color: rgb(126, 126, 126);
}

.fa.fa-user{
    color :dimgray;
}