
.comment-body {
   font-size: 14px;

    overflow: visible;

    padding: 15px;

    width: 100%;

}

.comment-body .highlight {
   background-color: transparent;

    overflow: visible !important;

}


.discussion-timeline {

    float: left;

    position: relative;

    width: 100%;

}

/* the link behind the act occurences */

.discussion-timeline::before {

    background-color: #f4b642;

    bottom: 0;

    content: "";

    display: block;

    left: 79px;

    position: absolute;

    top: 0;

    width: 3px;

   /* z-index: -1; */

   z-index: 0;

}

.discussion-timeline .email-hidden-container {

    margin: 3px 0;

}

.new-issue-form .discussion-timeline::before {

    display: none;

}
.new-pr-form .discussion-timeline::before {

    display: none;

}
.discussion-timeline p.explain {

    font-size: 12px;

    margin: 0;

}
.discussion-item .timeline-commits .commit-author {

    display: none;

}
.discussion-item + .discussion-item, .discussion-item-review + .discussion-item {

    /* border-top: 1px solid #f5f5f5; */

    padding-top: 15px;

}


.discussion-item + .discussion-item-review {

    border-top: 1px solid #f5f5f5;

    padding-top: 6px;

}

.discussion-item {

    margin: 15px 0 15px 79px;

    padding-left: 25px;

    position: relative;

}

.discussion-item .author {

    color: #555;

    font-weight: 300;

}

.discussion-item .timestamp {

    color: inherit;

    white-space: nowrap;

}

.discussion-item .label-color {

    border-radius: 2px;

    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12) inset;

    font-size: 12px;

    font-weight: 600;

    padding: 2px 4px;

}

.discussion-item .label-color a:hover {

    text-decoration: none;

}

.discussion-item-review .discussion-item {

    margin-left: -30px;

}
.discussion-item-system .discussion-item-icon{

    /* background-color: #333; /*dark */

    background-color: #e5e4e3; /*light grey */

    color: #636262;

    /* color: #fff; */

}

.discussion-item-timer .discussion-item-icon{

    background-color: #bd2c00;

    color: #fff;

}

.discussion-item-timerevent .discussion-item-icon{

    background-color: #f3f3f3;

    color: #767676; 

}



.discussion-item-user .discussion-item-icon{

    background-color: #006600;

    color: #fff;    

}


.timeline-progressive-disclosure-container .discussion-item-header {

    padding-top: 0;

}


.discussion-item-header {

    color: #767676;

    line-height: 20px;

    min-height: 30px;

    padding-bottom: 5px;

    padding-top: 5px;

    word-wrap: break-word;

}

.discussion-item-header .avatar {

    height: 16px;

    width: 16px;

}

.discussion-item-header .discussion-item-private {

    vertical-align: -1px;

}

.discussion-item-header:last-child {

    padding-bottom: 0;

}

.discussion-item-header .commit-ref {

    font-size: 85%;

    vertical-align: baseline;

}

.discussion-item-header .btn-outline {

    float: right;

    margin-left: 10px;

    margin-top: -5px;

    padding: 4px 8px;

}


.commits-listing .discussion-item-icon {

    margin-left: -1px;

    margin-right: 5px;

}


.discussion-item-icon {

    background-color: #f3f3f3;

    border: 2px solid #fff;

    border-radius: 50%;

    color: #767676;

    float: left;

    height: 32px;

    line-height: 28px;

    margin-left: -40px;

    margin-top: -7px;

    text-align: center;

    width: 32px;

}

.discussion-item-icon .octicon-pencil {

    font-size: 14px;

}

.prose-diff .markdown-body {

    padding: 30px 30px 30px 15px;

}

.integration-landing .markdown-body p {

    margin-top: 16px;

}

.blog-content .markdown-body::after {

    clear: none;

}



.timeline-comment-wrapper > .timeline-comment::after, .timeline-comment-wrapper > .timeline-comment::before, .timeline-new-comment .timeline-comment::after, .timeline-new-comment .timeline-comment::before {

    border-color: transparent;

    border-style: solid solid outset;

    content: " ";

    display: block;

    height: 0;

    left: -16px;

    pointer-events: none;

    position: absolute;

    right: 100%;

    top: 11px;

    width: 0;

}

.timeline-comment-wrapper > .timeline-comment::after, .timeline-new-comment .timeline-comment::after {

    border-right-color: #f7f7f7;

    border-width: 7px;

    margin-left: 2px;

    margin-top: 1px;

}

.timeline-comment-wrapper > .timeline-comment::before, .timeline-new-comment .timeline-comment::before {

    border-right-color: #ddd;

    border-width: 8px;

}

.timeline-comment-wrapper {

    border-bottom: 2px solid #fff;

    border-top: 2px solid #fff;

    margin-bottom: 15px;

    margin-top: 15px;

    padding-left: 60px;

    position: relative;

}

.timeline-comment-wrapper:first-child {

    margin-top: 0;

}

.discussion-timeline-actions .timeline-comment-wrapper:first-child {

    margin-top: 15px;

}

.timeline-comment-wrapper .timeline-comment.current-user::after, .timeline-comment-wrapper .timeline-comment.current-user::before {

    border-color: transparent;

    border-style: solid solid outset;

    content: " ";

    display: block;

    height: 0;

    left: -16px;

    pointer-events: none;

    position: absolute;

    right: 100%;

    top: 11px;

    width: 0;

}

.timeline-comment-wrapper .timeline-comment.current-user::after {

    border-right-color: #f2f8fa;

    border-width: 7px;

    margin-left: 2px;

    margin-top: 1px;

}

.timeline-comment-wrapper .timeline-comment.current-user::before {

    border-right-color: #bfccd1;

    border-width: 8px;

}

.timeline-comment-wrapper .timeline-comment.unread-item::after, .timeline-comment-wrapper .timeline-comment.unread-item::before {

    border-color: transparent;

    border-style: solid solid outset;

    content: " ";

    display: block;

    height: 0;

    left: -16px;

    pointer-events: none;

    position: absolute;

    right: 100%;

    top: 11px;

    width: 0;

}

.timeline-comment-wrapper .timeline-comment.unread-item::after {

    border-right-color: #fff9ea;

    border-width: 7px;

    margin-left: 2px;

    margin-top: 1px;

}

.timeline-comment-wrapper .timeline-comment.unread-item::before {

    border-right-color: #dfd8c2;

    border-width: 8px;

}

.timeline-comment-avatar {

    border-radius: 3px;

    float: left;

    margin-left: -60px;

}

.timeline-comment {

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 3px;

    position: relative;

}


.discussion-item-review .timeline-comment-avatar {

    margin-left: -80px;

    margin-top: -7px;

}



.timeline-comment:empty {

    display: none;

}

.timeline-comment .comment + .comment {

    border-top: 1px solid #e5e5e5;

}


.timeline-comment .comment + .comment::before, .timeline-comment .comment + .comment::after {

    display: none;

}

.timeline-comment .comment + .comment .timeline-comment-header {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.timeline-comment-header {

    background-color: #f7f7f7;

    border-bottom: 1px solid #ddd;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    color: #767676;

    padding-left: 15px;

    padding-right: 15px;

}

.timeline-comment-header:only-child {

    border-bottom: 0 none;

    border-radius: 3px;

}

.timeline-comment-header .author {

    color: #555;

}

.timeline-comment-header .timestamp {

    color: inherit;

    white-space: nowrap;

}

.timeline-comment-header .timestamp.timestamp-edited {

    cursor: default;

}

.timeline-comment-header code {

    word-break: break-all;

}

.comment-type-icon {

    color: inherit;

}

.timeline-comment-label {

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    cursor: default;

    float: right;

    font-size: 12px;

    margin: 8px 0 0 10px;

    padding: 2px 5px;

}

.timeline-comment-label-spammy {

    border-color: #bd2c00;

    color: #bd2c00;

}

.timeline-comment-header-text {

    max-width: 78%;

    padding-bottom: 10px;

    padding-top: 10px;

}

.timeline-comment-header-text code a {

    color: #555;

}

.timeline-comment-header-avatar {

    float: left;

    margin-right: 5px;

    margin-top: 10px;

}

.timeline-comment-actions {

    float: right;

    margin-left: 10px;

    margin-right: -5px;

}

.timeline-comment-action {

    color: inherit;

    display: inline-block;

    opacity: 0.5;

    padding: 10px 5px;

}

.timeline-comment-action:hover, .timeline-comment-action:focus {

    color: #4078c0;

    opacity: 1;

    text-decoration: none;

}

.timeline-comment-action .octicon-check {

    font-size: 18px;

    height: 16px;

}

.timeline-comment-action.disabled {

    color: #bbb;

    cursor: default;

}

.timeline-comment-action.disabled:hover {

    color: #bbb;

}

.compare-tab-comments .timeline-comment-actions {

    display: none;

}