/**********************************************\
* Copyright (c) ALLAUTHOR.COM          *
* See the file LICENCE for copying permission. *
\**********************************************/

.comment-section{
	width:100%;
	float:left;
}
.comment-section > ul:nth-child(2) > li {
	border:solid 1px #eee;
	padding:15px 15px 0px 15px;
	background:#fafbfb;
	margin-bottom:15px;
	text-align:left;
}
/*Comment Section*/
.comment-section ul {
	list-style:none;
	font-size:15px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 15px;
	position:relative;
}
.comment-section li {
	width:100%;
}
.comment-section li img{
	width:42px;
	border-radius:3px;
	margin-right:10px;
	float:left;
}
.comment-section > ul:nth-child(2) > li > ul:first-child{
	/*color:#111111;*/
	margin-bottom:15px;
	
}
.comment-section > ul:nth-child(2) > li > ul > li > ul:first-child{
	border-top:solid 1px #eee;
	padding-top:10px;
}

.comment-section > ul:nth-child(2) > li > ul > li >  ul > li > ul > li  > ul > li  > ul >li  > ul > li  ul{
	padding-left:0px !important;
}
.comment-section > ul, .comment-section > ul > li > ul{
	padding-left: 0;
	margin-bottom:0px;
	
}
p.text-right{
	text-align:right;
	margin:0;
}
.btn-cmt-post{
	font-size: 14px;
    color: #fff !important;
    padding:5px 10px;
	cursor:pointer;
	margin-bottom:10px;
	background: #f07c29;
	border-radius:3px;
	font-weight:700;
	position:absolute;
	bottom:3px;
	right:0px;
	z-index:10;
}
.btn-cmt-post:focus,
.btn-cmt-post:hover{
	background: #252420;
}
.viewall{ 
	text-align:center;
	font-weight:bold;
	padding-bottom:5px !important;
	
}
.message-body {
	margin-top: 10px;
}

.author {
	margin-bottom:5px;
}
.author a{
	color:#222222;
}
.cmt-time a, .author span{
	color:#777;
	font-size:12px;
}
.cmt-notify{
	color:#dc3545;
}
.type-author{
	background: #dc5c47;
    position: absolute;
    right: -15px;
    top:6px;
    width: 48px;
    font-size: 8px !important;
    text-transform: uppercase;
    color: #fff !important;
    text-align: right;
    height: 16px;
    line-height: 16px;
    padding: 0px 6px;
}
.type-author::before{
    border-left: 4px solid #fafbfb;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
}
.type-reader{
	background: #8cc152;
    position: absolute;
    right: -15px;
    top: 6px;
    width: 46px;
    font-size: 8px !important;
    text-transform: uppercase;
    color: #fff !important;
    text-align: right;
    height: 16px;
    line-height: 16px;
    padding: 0px 6px;
}
.type-reader::before{
    border-left: 4px solid #fafbfb;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
}

.type-admin{
	background: #4a89dc;
    position: absolute;
    right: -15px;
    top: 6px;
    width: 42px;
    font-size: 8px !important;
    text-transform: uppercase;
    color: #fff !important;
    text-align: right;
    height: 16px;
    line-height: 16px;
    padding: 0px 6px;
}
.type-admin::before{
    border-left: 4px solid #fafbfb;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
}
.type-allauthor{
	background: #4a89dc;
    position: absolute;
    right: -15px;
    top: 6px;
    width: 62px;
    font-size: 8px !important;
    text-transform: uppercase;
    color: #fff !important;
    text-align: right;
    height: 16px;
    line-height: 16px;
    padding: 0px 6px;
}
.type-allauthor::before{
    border-left: 4px solid #fafbfb;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
}
.comment-msg {
	margin:3px 0px;
}
.book_comt_0 , .author_comt_0 {
	font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    float: left;
    padding:0px;
}
.msg-text {
	margin-top: 5px;
}
.msg-text textarea {
	width: 100%;
	height: 60px;
	padding:7px 15px;
	resize: none;
	border-radius:2px;
	margin-bottom:45px;
	position:relative;
	border:solid 1px #ddd;
}
.msg-text textarea::before{
	position:absolute;
	top:10px;
	right:10px;
	z-index:10000;
	display:block;
	width:80px;
	padding:3px 6px;
	background:#4b87f2;
	color:#fff;
	content:"";
}
.sef-active{
	font-size:10px !important;
	text-transform:uppercase;
	position:relative;
	color:#4a89dc !important;
	padding-left:15px;
	margin-left:5px;
}
.sef-active::before{
	position:absolute;
	top:1px;
	left:0px;
	background:#4a89dc;
	height:11px;
	width:11px;
	display:block;
	border-radius:2px;
	content:"";
}
.current-active{
	font-size:10px !important;
	text-transform:uppercase;
	position:relative;
	color:#8cc152 !important;
	padding-left:15px;
	margin-left:5px;
}
.current-active::before{
	position:absolute;
	top:1px;
	left:0px;
	background:#8cc152;
	height:11px;
	width:11px;
	display:block;
	border-radius:2px;
	content:"";
}
.cmt-owner{
	font-size:10px !important;
	text-transform:uppercase;
	position:relative;
	color:#dc5c47 !important;
	padding-left:15px;
	margin-left:5px;
}
.cmt-owner::before{
	position:absolute;
	top:1px;
	left:0px;
	background:#dc5c47;
	height:11px;
	width:11px;
	display:block;
	border-radius:2px;
	content:"";
}
.msg-text .txtfield {
	width: 100%;
	margin-bottom: 5px;
}

.msg-text .txtfield[name="author-surname"] {
	display: none;
}

.hide-reply-box, .msg-text {
	/*display: none;*/
}
.reply-button:hover, .hide-reply-box:hover {
	cursor: pointer;
}
.reply-button{
	display:inline-block;
    width: auto !important;
    border: solid 1px #bcbcbc;
    font-size: 12px;
    text-align: center;
    padding: 2px 4px;
	margin-top:5px;
    border-radius:3px;
	cursor:pointer;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ededed+50,dcdcdc+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #ededed 50%, #dcdcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.reply-button::before{
	content: "\f112";
    font-family: 'FontAwesome';
	color: #777;
	padding:0px 4px 0px 0px;
}
.reply-button:hover,
.reply-button:focus,
.reply-button.active{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e0e0e0+50,c9c9c9+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 50%, #c9c9c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}

.delete-button{
	display:inline-block;
    width: auto !important;
    border: solid 1px #bcbcbc;
    font-size: 12px;
    text-align: center;
    padding: 2px 4px;
	margin-top:5px;
    border-radius:3px;
	cursor:pointer;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ededed+50,dcdcdc+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #ededed 50%, #dcdcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.delete-button::before{
	content: "\f1f8";
    font-family: 'FontAwesome';
	color: #777;
	padding:0px 4px 0px 0px;
}
.delete-button:hover,
.delete-button:focus,
.delete-button.active{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e0e0e0+50,c9c9c9+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 50%, #c9c9c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
/*.cmt-like-button{
	background:#f5f5f5;
	border:solid 1px #eee;
	padding:3px 6px;
	font-size:11px;
	width:100px;
	float:left;
	border-radius:3px;
}
*/
.cmt-like-button{
	display:inline-block;
    width: auto !important;
    border: solid 1px #bcbcbc;
    font-size: 12px;
    text-align: center;
    padding: 2px 4px;
    border-radius: 3px;
	cursor:pointer;
	margin-right:3px;
	margin-top:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ededed+50,dcdcdc+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #ededed 50%, #dcdcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.cmt-like-button::before{
	content: "\f164";
    font-family: 'FontAwesome';
    color: #777;
	font-weight:normal;
	padding:0px 4px 0px 0px;
}
.cmt-like-button.active, .cmt-like-button.active:hover{
	cursor:not-allowed;
	background:#fff;
}
.cmt-like-button:hover,
.cmt-like-button:focus{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e0e0e0+50,c9c9c9+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 50%, #c9c9c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
.hide-reply-box{
	display:inline-block;
   width: auto !important;
    border: solid 1px #bcbcbc;
    font-size: 12px;
    text-align: center;
    padding: 2px 4px;
    border-radius: 3px;
	cursor:pointer;
	margin-right:3px;
	margin-top:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ededed+50,dcdcdc+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #ededed 50%, #dcdcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.hide-reply-box::before{
	content: "\f112";
    font-family: 'FontAwesome';
    color: #777;
	font-weight:normal;
	padding:0px 4px 0px 0px;
}
/*
.comment-section ul:hover > li, .cmt-delete-button{
	display:block;
}
*/
.cmt-delete-button{
    text-align: center;
	font-size: 12px;
	display:inline-block;
	padding:2px 4px;
	float:right;
	margin-top:10px;
	margin-left:3px;
    width: auto !important;
        border-radius: 3px;
	border: solid 1px #bcbcbc;
	 cursor:pointer;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ededed+50,dcdcdc+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #ededed 50%, #dcdcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.cmt-delete-button::before{
	content: "\f1f8";
    font-family: 'FontAwesome';
    color: #777;
	font-weight:normal;
	padding:0px 4px 0px 0px;
}
.cmt-delete-button:hover,
.cmt-delete-button:focus,
.cmt-delete-button.active{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e0e0e0+50,c9c9c9+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 50%, #c9c9c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
/*.comment-section ul:hover > li, .cmt-report{
	display:block;
}
*/
.cmt-report{
	text-align: center;
	font-size: 12px;
	display:inline-block;
	padding:2px 4px;
	margin-top:10px;
	margin-left:3px;
	float:right;
    width: auto !important;
        border-radius: 3px;
	border: solid 1px #bcbcbc;
	 cursor:pointer;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ededed+50,dcdcdc+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #ededed 50%, #dcdcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fafafa 0%,#ededed 50%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.cmt-report a{
	color: #333;
}
.cmt-report::before{
	content: "\f024";
    font-family: 'FontAwesome';
    color: #777;
	font-weight:normal;
	margin-right:3px;
}
.cmt-report:hover,
.cmt-report:focus,
.cmt-report.active{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e0e0e0+50,c9c9c9+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 50%, #c9c9c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e0 50%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
.discuss-report{
}
.discuss-report p{
	margin:0px 0px 0px 20px;
	line-height:18px;
	font-size:13px;
}
/*Error Messages*/
.message{
	background-size: 40px 40px;                                     
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	width: 100%;
	border: 1px solid;
	padding: 15px;
	position: fixed;
	top: 0;
	left: 0;
}

.error{
	background-color: #DE4343;
	border-color: #FF000;
	color: #FFF;
	display: none;
}
     
.warning{
	background-color: #FEEFB3;
	border-color: orange;
	color: orange;
	display: none;
}

.message h3{
	margin: 0 0 5px 0;                                                  
}

.message p{
	margin: 0;                                                  
}
@media (max-width: 767px) {
.comment-section ul{
	padding:0px 0px 0px 0px;
}
}