.comments-wrap{width:100%;margin-bottom:0;background-color:#f0f0f0;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:0;position:relative;overflow:hidden}@media (min-width:767px){.comments-wrap{height:calc(100vh - 125px)}}.comments-list{width:100%;padding-right:15px;overflow-y:scroll;overflow-x:hidden;padding-left:5px;padding-top:10px;transition:all .5s ease 0s}@media (min-width:767px){.comments-list{height:calc(100% - 164px)}}.comment-item{position:relative;margin-bottom:15px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}.comment-form{background:transparent}.comments-wrap>.comment-form{padding-top:5px;padding-left:5px;margin-bottom:5px;padding-right:15px;border-radius:0 0 5px 5px;overflow:hidden;z-index:1;-webkit-box-shadow:0 5px 17px -7px rgba(0,0,0,.75);-moz-box-shadow:0 5px 17px -7px rgba(0,0,0,.75);box-shadow:0 5px 17px -7px rgba(0,0,0,.75)}.comments-wrap>.comment-form textarea{height:61px}.comments-wrap-write>.comment-form textarea{height:115px}.comments-wrap>.comment-item.comment-form .comment-avatar{margin-top:1px}.comment-item .comment-meta{float:left;margin-right:5px;width:8%}.comment-item .comment-body{float:right;width:calc(92% - 5px);border-radius:4px;position:relative}.comment-item .comment-content{background:#fff;padding:5px 35px 5px 5px;border-radius:3px}.comment-item .comment-body textarea{resize:none;border:1px solid #dedede;padding:5px}.comment-item .comment-meta .comment-avatar{width:100%;margin-top:3px;border-radius:100px;overflow:hidden}.comment-item .comment-meta .comment-avatar img{max-width:100%;max-height:100%}.comment-item .comment-send{margin-top:5px;margin-bottom:5px;float:left}.comment-item .comment-header{color:#333}.comment-item .comment-author{height:22px;margin-bottom:4px;padding-right:85px;color:#777;overflow:hidden}.comment-item .comment-date{font-size:12px;position:absolute;right:0;top:2px;opacity:1;color:#777}.comment-item .comment-delete,.comment-item .comment-edit{display:inline-block;vertical-align:top;transition:all .25s ease-in-out}.comment-item form{margin-bottom:0}.comment-template{display:none}.comment-delete-confirm{background-color:#fff;position:absolute;top:31px;right:-75px;opacity:0;transition:all .25s ease-in-out}.comment-delete-confirm .btn{width:22px;height:20px}.comment-item-removing .comment-delete-confirm{right:5px;top:31px;opacity:1}.comment-delete-confirm .btn-danger{margin-right:5px}.comment-item-removing .comment-delete,.comment-item-removing .comment-edit{opacity:0;transition:opacity .25s}.comment-item .comment-reply{position:absolute;right:5px;top:31px;height:20px;width:22px;font-size:12px;padding:0}.comment-item-removed .comment-content{color:#d9534f}.comment-item-removed{min-height:0}.comment-item-removed .comment-delete,.comment-item-removed .comment-edit,.comment-item-removed .comment-reply{display:none}.comment-body .redactor-box{margin-bottom:0;width:100%;transition:all .25s ease-in-out}.comment-body .redactor-box .redactor-toolbar{transition:all .25s ease-in-out;opacity:1!important}.comments-list .comment-body .redactor-box .redactor-toolbar{left:155px!important}.comments-wrap>.comment-form .comment-body .redactor-box.open-redactor-editor .redactor-toolbar{opacity:0!important}.comments-wrap-write>.comment-form .comment-body .redactor-box.open-redactor-editor .redactor-toolbar{opacity:1!important}.comments-list .comment-form{padding-right:0}.comments-wrap>.comment-form .comment-body .redactor-box .redactor-editor{height:62px;max-height:62px;transition:all .5s ease 0s}.comment-body .redactor-box .redactor-editor{padding:5px;height:115px;max-height:115px;min-height:0;border-radius:3px;border:0}.comments-wrap-write>.comment-form .comment-body .redactor-box .redactor-editor{height:115px;max-height:115px}.comment-body .redactor-box .redactor-editor p{margin-bottom:0}.comment-body .redactor-placeholder:after{left:5px;top:5px}.comments-wrap>.comment-form .comment-body .redactor-placeholder:after{left:5px;top:16px;transform:translateY(-50%)}.comment-cancel-editing{margin-left:10px}.comment-item .comment-content p:last-child{margin-bottom:0}.mention-users-wrap{position:absolute;bottom:auto;width:300px;right:auto;background:#fff;cursor:pointer;z-index:150;max-height:216px;overflow-x:hidden;overflow-y:scroll;display:none;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.75);-moz-box-shadow:0 3px 5px -1px rgba(0,0,0,.75);box-shadow:0 3px 5px -1px rgba(0,0,0,.75)}.mention-users-wrap.open{display:block}.mention-users-wrap ul{margin:0;padding:0;list-style:none}.mention-users-wrap ul li{padding:5px 8px;border-bottom:1px solid #dedede;height:54px}.mention-users-wrap ul li:last-child{border-bottom:0}.mention-users-wrap ul li.selected{background-color:#012c5f;color:#fff}.mention-users-wrap .username{font-weight:700}.mention-users-wrap .fullname{color:#6e6e6e}.mention-users-wrap ul li.selected .fullname{color:#aeaeae}.mention-button{position:absolute;bottom:-32px;right:5px;color:#aeaeae;opacity:0;transition:opacity .3s,color .3s;pointer-events:none;z-index:100;cursor:pointer}.mention-button:hover{color:#000}.open-redactor-editor .mention-button{pointer-events:all;opacity:1}.comment-item.highlight .comment-content{animation:highlight_bg .5s ease-in 0s;-webkit-animation:highlight_bg .5s ease-in 0s}#comment_importance{border:none}.comment-item .comment-attach{margin:5px 0}.comment-content-panel{background-color:#fff}#comment-files-list{margin-left:calc(8% + 5px)}.comment-files li{position:relative;padding-left:20px;word-wrap:break-word}.comment-files li .fa{position:absolute;top:5px;left:0}.file-remove{width:16px;height:20px;position:absolute;top:-8px;right:0;margin-right:15px}.add-at{width:26px;background-color:#3c8dbc;color:#fff;text-align:center;border-radius:15px;cursor:pointer;padding:0 0 3px;margin-top:-3px}.add-at:hover{color:#3c8dbc;box-shadow:inset 1px 1px 3px #3c8cbe;background-color:#fff}#comment_dashboard{width:100%;min-width:100%;display:flex}#comment_dashboard button,#forToolbar{display:inline}#comment_dashboard .margin-right-10{margin-right:10px}@-webkit-keyframes highlight_bg{0%{background:#3c8dbc;color:#fff}to{background:#fff;color:#000}}@keyframes highlight_bg{0%{background:#3c8dbc;color:#fff}to{background:#fff;color:#000}}@media (max-width:767px){.comment-item .comment-attach{margin-left:0}}