#ajax_display{position:relative; z-index:1;padding-top:0; /*background:#770;*/}

/* θη css */
.authorbox0{ margin-left: 0 !important; margin-bottom: 0 !important;}
.authorbox1{ margin-left: 30px !important;}
.authorbox2{ margin-left: 60px !important;}
.authorbox3{ margin-left: 90px !important;}
.authorbox4{ margin-left: 115px !important;}

@media (min-width: 992px) { 
	.authorbox0{ margin-left: 0 !important; margin-bottom: 0 !important;}
	.authorbox1{ margin-left: 50px !important;}
	.authorbox2{ margin-left: 100px !important;}
	.authorbox3{ margin-left: 150px !important;}
	.authorbox4{ margin-left: 200px !important;}
}
.author_name_val {font-size: 13px;}
.add_reply_comment{
position:relative;top:20px; z-index:2;
clear:both;
padding:10px 10px; margin-bottom:10px;
border: 1px solid #d7d7d7;
background: white !important;}
.rcomm_name{margin-top:5px;}
.rcomm_ver{margin-bottom:5px;}

.rcommenttxtarea  {padding:10px 0px; }
.rcommenttxtarea .com_textarea-autoresize,.rcommenttxtarea .com_textarea-autoresize:focus,.rcommenttxtarea .com_textarea-autoresize:active,.rcommenttxtarea .com_textarea-autoresize:hover {background: #eff8ff !important;border-radius: 4px;height: 89px;}
.rcommenttxtarea .com_textarea-autoresize:disabled {background: #ccc !important;height: 89px;}
.par_authorbox{ position:relative; padding:0; margin:0;}
.authorbox {position:relative; font-size:13px;	line-height:20px; padding:10px 20px 25px 20px;	margin:3px 0 0 0; background: white;
transition: background-color 0.4s 0.1s ease, box-shadow 0.4s 0.1s ease ;
-moz-transition: background-color 0.4s 0.1s ease, -moz-box-shadow 0.4s 0.1s ease ;
-o-transition: background-color 0.4s 0.1s ease, -o-box-shadow 0.4s 0.1s ease ;
-webkit-transition: background-color 0.4s 0.1s ease, -webkit-box-shadow 0.4s 0.1s ease ;
border-radius: 4px;
/**box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%)**/;
 }
.authorbox.authorbox_warning {background: #f3dfdd;}
.authorbox.authorbox_danger {background: #f36c5e;}
.authorbox.authorbox_tomoderate {background: #7ec5e2;}
.date_comm {font-size:11px;color:#999;}
.authorbox .avatar img, .avatar img{ float:left; margin:0 10px 10px 0; padding:3px;}
.avatar-80 img,img.avatar-80{width:45px!important; }
.authorbox .author_name { padding:0 0 2px 0; font-size:13px;}
.authorbox .author_desc	{ margin:0;margin-top: 15px !important;line-height: 24px !important;}
.fright {position:relative; float:right;}
.small {font-size:11px;}
.clear	{clear:both;}
/*---*/
.rcomm_error {color:#900; padding:5px; margin:0px 15px;}
.rcomm_rl, .rcomm_r{font-size:11px; color:#999; cursor:pointer;}
.rcomm_rl_none{display:none;}

.rcomm_line{z-index:1; position:absolute;}
.mute-to_blue, .mute-to_blue a {color: #6c757d!important; padding: 2px 5px 2px 5px !important;}
.mute-to_blue:hover, .mute-to_blue a:hover, .mute-to_blue:focus, .mute-to_blue a:focus, .mute-to_blue:active, .mute-to_blue a:active {color: #448aff !important;}
.rc_sub_line{position:absolute; top:50%; }
.rc_sub_line_arrow {

  border-style: solid;
  border-width: 3px 5px 3px 5px;
  height:0;
  width:0;
  position:absolute;
  bottom:-2.5px;
  right:-5px;
}

.scroll_comments_r {
position:relative; 
z-index:999999; 
background-color:#FFFFFF!important; 
margin: 10px 10px 20px 10px;
 }
.scroll_comments {position:relative; z-index:13; background-color:#FFFFFF!important;
 }
.rcommClose {cursor:pointer;position:absolute; top:0; right:4px;width:18px;height:18px;}
.comm-status {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 100;
    font-size: 6px !important;
}
.author_name .comm-status {
    position: absolute;
    top: 7px;
    right: -9px;
    z-index: 100;
    font-size: 7px !important;
}

.authorbox .ava-cont img{display: none;}
.authorbox hr {margin: 5px 0px 10px 0px;}
.authorbox i.on-author {display: block;}
.authorbox i.on-ava {display: none;}
@media (min-width: 350px) { 
	.authorbox .ava-cont img{ display: block; height: 36px;width: 36px !important;}
	.authorbox i.on-author {display: none;}
	.authorbox i.on-ava:not(.offline) {display: block;}
}

@media (min-width: 768px) { 
	.author_name_val {font-size: 14px;}

	.authorbox hr {margin: 15px 0 !important;}
}
@media (min-width: 992px) { 
	.author_name_val {font-size: 13px;}

	.authorbox hr {margin: 15px 0 !important;}
	.authorbox .ava-cont img{display: block; height: 36px;width: 36px !important;}
}