.comment {
  margin: .25em;
  background: rgba(255, 255, 255, 0.4);
}

.comment > .comments {
  margin-left: 2em;
  margin-bottom: 1em;
}

.comment-header {
          vertical-align: middle;
          line-height: 1.2em;
          font-size: 50%;
        }

        .comment-header > h4 {
          display: inline;
          padding-left: 5px;
        }

        .comment-header a {
            font-size: 80%;
        }

        .comment .comment-header button {
            padding: 0;
            border: 0;
        }

        .comment .comment-header button:hover {
            border: 0;
            color: black;
        }

.comment > .page-header {
  margin-top: 0;
  padding-top: 0;
}

.comment .actions a {
    padding: 0 20px;
    color: #ddd;
}

.comment .actions a:hover {
    color: #ed007c;
    text-decoration: none;
}

.comment .panel-heading, .comment .panel-default {
    border: none;
    padding: 4px 0 4px 15px;
}

.comment .panel-body {
    padding: 0 15px;
}

.comments button {
            padding: 5px 10px;
            border: 1px solid #ddd;
        }

        .comments button:hover {
            border: 1px solid #ed007c;
            color: #ed007c;
        }

        .news .comments textarea {
            background:white;
            height: 60px;
            border: 1px solid #ddd;
        }

.reader .comments {
            font-size: small;
        }

        .reader .comments h4 {
            font-size: small;
        }