/* profile comments (threaded) */

.comment {
	overflow:hidden;
	padding: 1.5em;
	border-bottom: 1px dotted #536051;
}

.comment-body { 
	margin: 1.5em 0; 
}
.comment-depth-0 { }
.comment-depth-1 { margin-left: 30px; }
.comment-depth-2 { margin-left: 60px; }
.comment-depth-3 { margin-left: 90px; }
.comment-depth-4 { margin-left: 120px; }
.comment-depth-5 { margin-left: 150px; }
.comment-form-container { display: none; }
.comment-reply {  }
.comment-deleted {  }
.comment-flagged { 
	/* for background picture */
    background-image: url( https://www.wikitree.com/images/icons/flagged.png );
    background-repeat: no-repeat;
    background-position: bottom right;
}
.comment-archived {
	/*opacity: 75%;*/ 
	background: #f5f5f5;

	/* for background picture */
    background-image: url( https://www.wikitree.com/images/icons/archived.png );
    background-repeat: no-repeat;
    background-position: bottom right;
}
.comment-hide { display: none!important; }
.comment button:disabled { opacity: 50%; }

.comment button {
	background: none;
	color: #536051;
	text-decoration: underline!important;
	cursor: pointer;
    font-size: 1em!important;
    padding: 0!important;
    margin-right: 1em;
    text-transform: none;
}

.comment button:hover {
	color: black;
	text-decoration:none;
	background:#ffe270;
}

#commentPostDiv, #commentEditDiv {
	padding-top: 1em;
}

#commentPostDiv button, #commentEditDiv button {
	padding: 7px 15px!important;
    font-size: .9em!important;
    background: #25422d;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none!important;
}

#commentPostDiv button:hover, #commentEditDiv button:hover {
	background: #90c800;
}
#showCommentsButton { 
	display: none;
}

.comment-info {
	color: #536051;
}

.comment-actions {
	margin: 1em 0 0 0;
}

.comment-header {
	font-weight: bold;
}

.commenter-image {
	max-width: 30px;
	max-height: 40px;
	margin-right: 0.5em;
	vertical-align: middle;
}

.commentContainerToggle {
	border: none;
}

#replyButtons, #editButtons, #commentPostText, #commentEditText {
	margin: 0.5em 0;
}

.comment-present {
	display: inline;
}

#commentContainer {
	margin-top: 0.5em;
}

#commentContainer div:last-of-type:not(.status) {
  border-bottom: none;
}

#showArchivedButton, #hideArchivedButton {
	float: right;
}

.comment-absent {
	margin: 1.5em 0;
}

#commentContainer .box {
	border-bottom: 3px solid #ccc!important;
}