/*
Последнее обновление:28.02.2018
Автор: Alex_Top
*/

/* Gb, fAQ */
.gb textarea, .form-comment textarea, .comm_list textarea {margin-top:0; width:100%;}
.gb form, .form-comment {margin-bottom:20px;}
.gb .box, .comm_list .box {margin:8px 0; font-family:Tahoma,sans-serif; background:#FFF; border:1px solid #5F6A6F;}
.avatar, .no_avatar, .comm_list .avatar, .comm_list .no_avatar {margin:0 10px 0 5px; border:1px solid #e3e3e3;}
.gb .title, .comm_list .title {padding:2px 0; margin-bottom:5px; width:100%; background:#5F6A6F;
font-weight:300;
}
.gb .title_text, .gb .title_edit, .comm_list .title_text, .comm_list .title_edit {font-size:11px;  color:#FFF; text-transform:none;}
.gb .title_text, .comm_list .title_text {min-width:20%; display:inline-block; position:relative;}
.gb .title_edit, .comm_list .title_edit {padding:0 3px 0 20px;}
.gb .title_edit .date, .comm_list .title_edit .date  {margin-top:1px;}
.gb .title_text .box {display:none;  box-shadow:2px 2px 14px rgba(0,0,0,.5);}
.gb .title_text .box:before {position:absolute; z-index:2; content:''; left:0; top:-17px; width:0; height:0; 
border:9px solid transparent; border-bottom-color:#536468;}
.gb .title_text .box label {display:inline-block; width:60px; font-weight:700;}
.gb .title_text:hover .box {display:block; position:absolute; z-index:2; top:calc(100% + 12px); left:-5px; margin-bottom:0;
padding:5px 5px; width:200px; background:#5F6A6F;}
.gb .reply_text, .comm_list .reply_text {margin:8px 10px 8px 65px;}
.comm_list .reply_text .hidden_post {margin-top:8px;}
.gb .reply_text p {margin:0;}
.gb .reply_text hr, .comm_list .reply_text hr {border-top:1px dotted #232323;}
.gb .box.reply_cont, .comm_list .box.reply_cont {margin:8px 0 8px 65px;}
/* .gb .box.reply_cont .reply_text {font-style:italic; font-weight:700;} */
/* .gb .alert, .gb .alert_good, 
.gb . state_error {margin:20px 0; font-size:14px; font-weight:700; color:#009F9F;} */
div.state_error {float:left; position:relative; width:100%;
    padding-left:190px; margin-bottom:6px; /* font-size:12px; */ font-weight:700; /* color:#FF0000; */} 

div.state_error:before {position:absolute; content:'';transform:scale(.8);
height:20px; width:20px; text-indent:-9999px; background:url(./images/icons.png)no-repeat left top transparent;
 background-position:-190px -40px;
 left:160px; top:50%; margin-top:-10px;}
.gb #text_div.state_error {padding-left:100px;}  
.gb #text_div.state_error:before {left:70px;}  

   
   
   

.autorgb, .replygb:before, .editgb, .delgb, .reply_comm:before, .add_comm:before {float:left; display:block; width:12px; height:12px; text-indent:-99999px; background:url(./images/icons.png);}
.editgb/* , .replygb:before */ {margin:1px 0 0 10px;}
.autorgb {background-position:-362px 0; margin-right:5px;}
.editgb {background-position:-386px 0;}
.replygb:before, .reply_comm:before, .add_comm:before {content:""; position:absolute; left:8px; top:50%; margin-top:-5px; background-position:-386px 0;}
.replygb.btn, .reply_comm.btn, .add_comm.btn {position:relative; padding:4px 10px 4px 25px; margin:0; font-size:11px; line-height:100%; border-radius:10px;}
.add_comm:before {background-position:-410px -12px;}

.add_comm.btn {/* padding:8px 20px 8px 30px; border-radius:20px; font-size:14px; */  border-radius:0px 0 5px 5px; background:#727272; box-shadow:none;}
.add_comm.btn:hover {background:#585858;}
.delgb {background-position:-410px 0; margin:1px 20px 0 10px;}

.more_read {/* position:relative;*/ padding:0 10px;  margin-top:-8px; text-align:right;}
.gb_comment {border:0; margin-left:70px;}
.gb form.gb-reply-form {max-width:100%;}

/* .gb last comments */
.gb_last .detail .comment:before, .gb_last .box.reply_cont div:before {position:absolute; content:'';}
.gb_last .box.reply_cont div, .gb_last .date, .gb_last .detail .comment {position:relative;}
.gb_last .detail .comment, .gb_last .detail .avtor, .gb_last .date {display:inline-block;}
.gb_last .detail .comment:before {width:12px; height:12px; top:1px; left:0; background:url(./images/icons.png) no-repeat -398px -12px;}
.gb_last>.box {padding:0 0 5px 0; border-bottom:1px dotted #000;}
.col_l .gb_last, .col_r.gb_last {background:#F6F6F6;}
.col_l .gb_last .box, .col_r.gb_last .box {margin-bottom:15px;}  /* position:relative; */
.gb_last .box.reply_cont, .gb_last .box.reply_cont div, .gb_last .detail .comment {padding-left:15px;}
.gb_last .box.reply_cont div {margin:0 0 5px; font-style:italic; /* font-weight:800; */}
.gb_last .box.reply_cont div:before {left:0; top:6px; width:6px; height:6px; border-radius:50%; background:#009F9F;}
.gb_last .box.reply_cont .date, .gb_last .box.reply_cont .avtor {font-style:normal; font-weight:300;}
.col_l .gb_last .box:last-child, .col_r.gb_last .box:last-child {margin-bottom:0; border-bottom:0;}
.gb_last .date {top:-3px; padding:2px 3px; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9px; font-weight:800; line-height:120%; color:#FFF; 
background:red; /* fix position */}
.gb_last .box .avtor, .gb_last span {display:block;}
.gb_last p, .gb_last span {margin:0 0 5px;}
/* .gb_last .box .detail  {margin:0 15px 0 0;} */
.gb_last .comment, .gb_last .avtor {color:#515658;}
.gb_last .detail .comment {float:left;}
.gb_last .box .avtor {font-size:11px; text-align:right;}