/**
 * Comments styles
 */

#comments p {
	padding-bottom: 0;
}
.comment-reply-title,
.comment-notes,
.logged-in-as,
.form-allowed-tags,
.form-submit {
	text-align: left;
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.form-submit {
	display: block;
	clear: both;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	display: block;
	clear: both;
	text-align: left;
}
.form-allowed-tags {
	clear: both;
}

.comment-list {
	margin-top: 20px;
	padding-top: 15px;
}

.comment-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list .row {
	margin-bottom: 0px;
}
.comment-list .panel .panel-heading {
	padding: 4px 15px;
	position: absolute;
	border:none;
	/*Panel-heading border radius*/
	border-top-right-radius:0px;
	top: 1px;
}
.comment-list .panel .panel-heading.right {
	border-right-width: 0px;
	/*Panel-heading border radius*/
	border-top-left-radius:0px;
	right: 16px;
}
.comment-list .panel .panel-heading .panel-body {
	padding-top: 6px;
}
.comment-list figcaption {
	/*For wrapping text in thumbnail*/
	word-wrap: break-word;
}
/* Portrait tablets and medium desktops */
@media (min-width: 768px) {
	.comment-list .arrow:after, .comment-list .arrow:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent;
	}
	.comment-list .panel.arrow.left:after, .comment-list .panel.arrow.left:before {
		border-left: 0;
	}
	/*****Left Arrow*****/
	/*Outline effect style*/
	/*.comment-list .panel.arrow.left:before {
		left: -1px;
		top: 30px;
		Use boarder color of panel
		border-right-color: inherit;
		border-width: 16px;
	}*/
	/*Background color effect*/
	/*.comment-list .panel.arrow.left:after {
		left: 1px;
		top: 31px;
		Change for different outline color
		border-right-color: #FFFFFF;
		border-width: 15px;
	}*/
	/*****Right Arrow*****/
	/*Outline effect style*/
	/*.comment-list .panel.arrow.right:before {
		right: -16px;
		top: 30px;
		Use boarder color of panel
		border-left-color: inherit;
		border-width: 16px;
	}*/
	/*Background color effect*/
	/*.comment-list .panel.arrow.right:after {
		right: -14px;
		top: 31px;
		Change for different outline color
		border-left-color: #FFFFFF;
		border-width: 15px;
	}*/
}
.comment-list .comment-post {
	margin-top: 6px;
}

.comment-list .comment-user {
	padding:0 5px 0 0;
}

.comment-list .comment-avatar img {
	margin-top: 10px;
	border-radius: 50%;
}

@media (max-width: 768px) {
	.comment .children {
		padding: 5px;
		border-left: 1px #ddd dotted;
	}
}