/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.comment {
	padding-right: 10px;
	padding-bottom: 10px;
    margin-top: 10px;
}

 .bcgov-comment-children {
 	margin-left: 90px;
    border-left: 8px solid #999;
 }

 .bcgov-comment-box {
 	width: 100%;
 	margin-top: 10px;
 }

 .bcgov-comment-left {
 	display: table-cell;
 	width: 90px;
 	height: 100%;
 	text-align: center;
 }

 .bcgov-comment-chevrons > div > i {
 	font-size: 20px;
 }

 .bcgov-comment-avatar {
    width: 50px;
    display: table-cell;
 }

 .bcgov-comment-avatar img {
    width: 40px;
    height: 40px;
 }

 .bcgov-comment-chevrons {
    width: 40px;
    display: table-cell;
 }

 .bcgov-upvote {
 	cursor: pointer;
 }

 .bcgov-upvote.voted {
 	color: green;
 }

 .bcgov-downvote {
 	cursor: pointer;
 }

 .bcgov-downvote.voted {
 	color: red;
 }

.bcgov-thumbs-up {
    cursor: pointer;
    display: inline;
    padding-left: 5px;
 }

 .bcgov-thumbs-up.voted {
    color: green;
 }

 .bcgov-thumbs-down {
    cursor: pointer;
    display: inline;
    padding-left: 5px;
 }

 .bcgov-thumbs-down.voted {
    color: red;
 }

 .bcgov-comment-right {
 	display: table-cell;
 }

 .bcgov-comment-top {
 	padding: 5px;
 	width: 100%;
 }

 .bcgov-comment-stick-on-top {
    display: table-cell;
    width: 40px;
    height: 100%;
    text-align: center;
    color: #38598a;
    font-size: 20px;
 }

 .bcgov-comment-top-text {
 	font-size: 12px;
 	color: #888;
 }

 .bcgov-comment-author-title-mod {
    padding: 2px 5px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #38598a;
 }

 .bcgov-comment-author-title-vip {
    padding: 2px 5px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-color: #fcba19;
 }

 .bcgov-comment-min {
 	cursor: pointer;
 }

 .bcgov-comment-middle {
 	padding: 5px;
 }

 .bcgov-comment-bottom {
 	padding: 5px;
 }

 .bcgov-comment-link {
 	font-size: 12px;
 	color: #888;
 	padding-right: 5px;
 }

.bcgov-comment-thumbs {
    font-size: 12px;
    color: #1a5a96;
    padding-right: 5px;
 }

.comment-reply-link {
	color: #1a5a96 !important;
}

 .comment-reply-link a:active, .comment-reply-link a:hover, .comment-reply-link a:visited {
    color: #1a5a96 !important;
    text-decoration: underline;
}

.bcgov-comment-filters {
	padding-bottom: 20px;
}

/*
.bcgov-comment-collapse-button {
	padding: 1px;
}*/

.bcgov-comment-search-trigger {
    margin-top: -30px;
    cursor: pointer;
    height: 25px;
    position: relative;
    right: 6px;
    float: right;
    width: 25px;
    background-image: url(../images/search-ico.png);
    background-position: 98% center;
    background-repeat: no-repeat;
}