﻿.box-comment .frm-comment {
	margin-bottom: 25px;
}

.box-comment .frm-comment .row {
	margin: 0px -5px;
}

.box-comment .frm-comment .row [class^="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}

@media only screen and (max-width: 767px) {
	.box-comment .frm-comment .row [class^="col-"] {
		margin-bottom: 15px;
	}
}

.box-comment .list-comment a {
	color: #777;
	text-decoration: none;
}

.box-comment .list-comment a:hover {
	color: #164396;
}

.box-comment .list-comment .btn-social-like.liked {
	font-weight: bold;
	color: #164396;
}

.box-comment .list-comment .parent {
	padding-left: 0px;
	list-style: none;
}

.box-comment .list-comment .parent .avatar {
	float: left;
}

.box-comment .list-comment .parent .avatar img {
	display: inline-block;
	margin-right: 10px;
	border-radius: 50%;
}

.box-comment .list-comment .parent .content {
	margin-bottom: 15px;
	word-break: break-word;
}

.box-comment .list-comment .parent .content .fullname {
	display: inline-block;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.box-comment .list-comment .parent .function {
	font-size: 13px;
	color: #666;
	margin-bottom: 15px;
}

.box-comment .list-comment .parent .child {
	padding: 0px 0px 0px 20px;
	border-left: 2px solid #e5e5e5;
	list-style: none;
}

@media only screen and (min-width: 576px) {
	.box-comment .list-comment .parent .avatar {
		width: 40px;
	}

	.box-comment .list-comment .parent .avatar img {
		width: 30px;
	}

	.box-comment .list-comment .parent .content {
		margin-left: 40px;
	}

	.box-comment .list-comment .parent .content .fullname {
		font-size: 18px;
	}

	.box-comment .list-comment .parent .content {
		font-size: 16px;
	}

	.box-comment .list-comment .parent .child {
		margin-left: 40px;
	}
}

@media only screen and (max-width: 575px) {
	.box-comment .list-comment .parent .avatar {
		width: 30px;
	}

	.box-comment .list-comment .parent .avatar img {
		width: 20px;
	}

	.box-comment .list-comment .parent .content {
		margin-left: 30px;
	}

	.box-comment .list-comment .parent .content .fullname {
		font-size: 18px;
	}

	.box-comment .list-comment .parent .content {
		font-size: 16px;
	}

	.box-comment .list-comment .parent .child {
		margin-left: 30px;
	}
}