#opinion{margin-top: 30px;padding:10px;}

#opinion .heading h3{padding-right:10px;margin-bottom:20px;}
#opinion .message_error{margin:5px 0;padding:5px 10px;background-color: #CC393B;color:#fff;margin-bottom:20px;}
#opinion .message_success{margin:5px 0;padding:5px 10px;background-color: #70B74A;color:#fff;margin-bottom:20px;}
#opinion #opinion_form{margin-bottom:20px;border-bottom:1px solid #e1e1e1;padding-bottom:20px;}

#opinion #opinion_form #reply_to{padding: 5px 10px;font-size: 13pt;margin-bottom: 20px;display: none}
#opinion #opinion_form #reply_to #reply_fullname{color:#191919;}
#opinion #opinion_form #reply_to #clear_reply{font-size: 10pt;color:#333333;margin-right:30px;cursor: pointer;}
#opinion #opinion_form .field_label{position: absolute;color: #9B9B9B;background-color: #fff;padding: 0 10px;font-size: 12px;top: -10px;right: 10px;z-index: 4; width: auto !important; padding: 0 10px !important}
#opinion input[type=text],
#opinion textarea {width: 285px;border: 1px solid #e1e1e1;border-radius: 5px;padding: 5px 7px;color: #9B9B9B;}
#opinion #opinion_form textarea{height: 100px;}
#opinion #opinion_form input[name=email]{direction:ltr;text-align: left}
#opinion #opinion_form select{width:200px;}
#opinion #opinion_form .captcha{position: relative;padding-bottom: 5px;margin-top: 40px; float: left; clear: both; width: 100%; text-align: left;z-index: 2}
#opinion #opinion_form .captcha img{width:auto;height:auto;position: absolute;top: -28px;left: 10px;z-index: 3;}
#opinion #opinion_form .captcha .field_label{padding: 10px;display: block;white-space: nowrap; left: 120px; right: auto;}
#opinion #opinion_form .captcha [type=text]{padding: 5px ;border:1px solid #e1e1e1;margin:2px 0;width:285px;text-align: center}
#opinion #opinion_form .operators{text-align: left;}
#opinion #opinion_form .operators input{width: 212px;background-color: #909090;border:none;color:#fff;font-size:10pt;padding:5px 20px}
#opinion #opinion_form form > div{position:relative; margin-bottom: 20px}
#opinion #opinion_items{margin-bottom:20px;border-bottom:1px solid #e1e1e1;padding-bottom:20px;}
#opinion #opinion_items .item{border-bottom:1px dashed #e1e1e1;position: relative;margin-bottom:20px;}
#opinion #opinion_items .item .comment_detail {clear: both; float: none;}
#opinion #opinion_items .item .comment_detail .avatar {width: 50px; height: 50px; float: right; margin-left: 8px; margin-bottom: 8px; overflow: hidden;}
#opinion #opinion_items .item .comment_detail .avatar > img {width: 50px;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

#opinion #opinion_items .item .comment_detail .user{color:#191919;}
#opinion #opinion_items .item .comment_detail .date{color: #757575;}
#opinion #opinion_items .item .comment{padding: 10px 0;color: #757575}
#opinion #opinion_items .item .opinion_item{background-color: #f5f5f5;padding: 10px;display: none;margin-top: 10px}

#opinion #opinion_items .item .reply{color:#333333;cursor: pointer;display: inline;position: absolute;left:0px;top:0px;}
#opinion #opinion_items .item .answer{margin-top:10px;}
#opinion #opinion_items .item .answer .response{color:#BD9633;}
#opinion #opinion_items .item .answer .answer_body{padding: 10px 0;line-height: 1.4em;color: #757575;}
#opinion #opinion_items .item .item_answer{margin-right:100px;margin-top:20px;}
#opinion #opinion_items .item:last-child{margin-bottom:0 !important;}

#opinion #opinion_items .rate {position: absolute;  left: 40px;}
#opinion #opinion_items .rate span {display: inline-block;padding: 0px 4px;color: #fff;cursor: pointer;}
#opinion #opinion_items .rate span.m {background: #CC393B}
#opinion #opinion_items .rate span.p {background: #70B74A}

#opinion #opinion_form div[format]:after{position:absolute;color: #fff;padding: 2px 5px;margin-left:5px;border-radius:3px;bottom: 10px;right:5px;}
#opinion #opinion_form div[format]:hover:after{display: none}
#opinion #opinion_form div[format].format_fail:after{content:'فرمت وارد شده صحیح نیست';background-color: #CD5C50;}
#opinion #opinion_form div[format].validate_true:after{display: none}
#opinion #opinion_form div[require] .field_label:after{content:'*';color: #CC393B;padding: 2px 5px;border-radius:3px;}
#opinion #opinion_form div[require]:hover:after{display: none}
#opinion #opinion_form div[require].require_fail:after{content:'فیلد را پر نمایید';background-color: #CD5C50;}
#opinion #opinion_form div[require].validate_true:after{display: none}

#opinion > div:last-child{border-bottom:none !important;margin-bottom: 0 !important;padding-bottom:0 !important;}