.discussion-thread {
  position: relative;
}

.discussion-thread .comment-arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 6px;
  z-index: 100;
}

.discussion-thread,
.discussion-thread .discussion-comment .edit-area {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 12px;
  line-height: 15px;
  white-space: pre-wrap;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.discussion-thread .comments-container {
  position: relative;
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  top: 5px;
  padding-left: 2px;
  padding-right: 5px;
}

.discussion-thread:hover .comments-container {
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-left-width: 3px;
  padding-left: 0px;
}

.discussion-thread.selected-thread .comments-container {
  border-left-color: rgba(150, 175, 200, 0.5);
  border-left-width: 3px;
  padding-left: 0px;
}

.discussion-thread .discussion-comment-separator {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.discussion-thread .discussion-comment {
  position: relative;
  margin-top: 5px;
  margin-bottom: 4px;
}

.discussion-thread .discussion-comment .thread-expander {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: none;
  cursor: pointer;
}

.discussion-thread.expanded .discussion-comment .thread-expander,
.discussion-thread.collapsed .discussion-comment .thread-expander {
  display: block;
}

.discussion-thread.expanded .discussion-comment .thread-expander {
  background: url("../../_content/tfs-icons.png") no-repeat -7728px 50% !important;
}

.discussion-thread.collapsed .discussion-comment .thread-expander {
  background: url("../../_content/tfs-icons.png") no-repeat -7600px 50% !important;
}

.discussion-thread.collapsed .discussion-comment.non-root-comment {
  display: none;
}

.discussion-thread.collapsed .discussion-comment-separator {
  display: none;
}

.discussion-thread .discussion-comment .picture-column {
  position: absolute;
  top: 0;
  left: 15px;
  width: 32px;
  height: 32px;
}

.discussion-thread .discussion-comment.non-root-comment {
  margin-left: 20px;
}

.discussion-thread .discussion-comment .picture-column .identity-picture {
  width: 32px;
  height: 32px;
}

.discussion-thread .discussion-comment .comment-column {
  margin-left: 52px;
}

.discussion-thread .discussion-comment .comment-container {
  position: relative;
  margin-right: 84px;
}

.discussion-thread .discussion-comment .comment-actions {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
}

.discussion-thread .discussion-comment:hover .comment-actions,
.discussion-thread .discussion-comment.selected-comment .comment-actions,
.discussion-thread .discussion-comment .comment-actions .discussion-comment-feedback {
  visibility: visible;
}

.discussion-thread .discussion-comment .discussion-status-menu,
.discussion-thread .discussion-comment .discussion-create-work-item-menu {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: bottom;
}

.discussion-thread .discussion-comment .dropdown-action .menu-bar {
  display: inline;
}

.discussion-thread .discussion-comment .edit-area {
  width: 100%;
  padding: 1px 3px;
  border: 1px solid transparent;
  resize: none;
  overflow: hidden;
  outline: none;
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.discussion-thread .discussion-comment .edit-area.mirror {
  position: absolute;
  height: 0px;
  left: -999999px;
}

.discussion-thread .discussion-comment.editable .comment-container:hover .edit-area,
.discussion-thread .discussion-comment.editable .edit-area:focus {
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.discussion-thread .discussion-comment.editable.is-dirty .comment-container:hover .edit-area,
.discussion-thread .discussion-comment.editable.is-dirty .edit-area {
  border-color: rgba(150, 175, 200, 0.5);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.discussion-thread .discussion-comment-status {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  /*setting line height to 16px to accommodate 16x16px drop icon*/
  line-height: 16px;
}

.discussion-thread .discussion-comment .disabled-link {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  cursor: text;
}

.discussion-thread .discussion-comment .disabled-link:hover {
  text-decoration: none;
}

.discussion-thread .discussion-comment .discussion-action.view-mode,
.discussion-thread .discussion-comment.is-dirty .discussion-action.edit-mode {
  display: inline;
}

.discussion-thread .discussion-comment.is-dirty .discussion-action.view-mode,
.discussion-thread .discussion-comment .discussion-action.edit-mode {
  display: none;
}

.discussion-thread .discussion-comment .discussion-action.reply-comment-action {
  display: none;
}

.discussion-thread .discussion-comment.is-leaf .discussion-action.reply-comment-action {
  display: inline;
}

.discussion-thread .status-action {
  float: right;
  max-width: 100%;
}

.discussion-thread .dropdown-action .menu-bar > .menu-item.focus {
  outline: none;
}

.discussion-thread .dropdown-action .menu-bar .menu {
  min-width: 1px;
}

.discussion-thread A {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  text-decoration: none;
  cursor: pointer;
}

.discussion-thread A:hover {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  text-decoration: underline;
}

.discussion-thread A:visited {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.discussion-thread A:active {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.discussion-thread .discussion-action:before {
  content: ' - ';
}

.discussion-thread .comment-arrow {
  background: url("../../_content/icon-comment-arrow.png") no-repeat 0px 0px !important;
}

.add-comment-background-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -912px 50% !important;
}

.discussion-thread .menu-item .delete-comment-action {
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -1296px -14px !important;
}

.discussion-thread .menu-item > .icon.comment-work-item-action {
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  margin-right: 0;
  background: url("../../_content/tfs-icons.png") no-repeat -7440px -16px !important;
}

.code-analysis-warning-icon {
  background: url("../../_content/warning.png") no-repeat 0 0 !important;
}

.code-analysis-resolved-icon {
  background: url("../../_content/checkmark-green.png") no-repeat 0 0 !important;
}
