.modal-comment-report .modal-dialogue{width:500px}.box-comments{padding:30px 0}.box-comments .comments-heading{font-size:1.2rem;font-weight:500;color:#333}.box-comments .comments-area{margin-top:20px;position:relative}.box-comments .comments-area .comments-form .form-input{border:1px solid #bdbdbd;background-color:#fff;border-radius:3px;padding:0 10px;display:flex;flex-wrap:wrap}.box-comments .comments-area .comments-form .form-input .input-message{border:none;padding:10px 0;position:relative;width:100%;height:60px;max-height:60px;transition-duration:200ms;transition-property:all;transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);overflow:hidden;resize:none;font-size:1rem}.box-comments .comments-area .comments-form .form-input .input-alert{color:#757575;background:#fff;padding:10px 0 0 0;font-size:0.84rem;line-height:18px;display:none}.box-comments .comments-area .comments-form .form-input.typing .input-message{max-height:100px;height:100px}.box-comments .comments-area .comments-form .form-input.typing .input-alert{display:block}.box-comments .comments-area .comments-form .form-auth{display:flex;justify-content:space-between;align-items:center}.box-comments .comments-area .comments-form .form-auth .box-left{padding:10px 0;display:flex;align-items:center}.box-comments .comments-area .comments-form .form-auth .box-left .auth-link{display:block}.box-comments .comments-area .comments-form .form-auth .box-left .auth-link a{color:#1769d8}.box-comments .comments-area .comments-form .form-auth .box-left .user-avatar{display:none;align-items:center;font-weight:500}.box-comments .comments-area .comments-form .form-auth .box-left .user-avatar img{width:30px;height:30px;margin-right:5px;border-radius:50%}.box-comments .comments-area .comments-form .form-auth .box-left .user-avatar span{display:inline-block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px}@media (max-width: 576px){.box-comments .comments-area .comments-form .form-auth .box-left .user-avatar span{max-width:100px}}.box-comments .comments-area .comments-form .form-auth .box-right{padding:10px 0;margin-left:auto}.box-comments .comments-area .comments-form .form-auth .comments-btn{border-radius:3px;background-color:#1769d8;color:#fff;padding:8px 25px;font-size:1.1rem;min-width:100px;border:none;display:none}.box-comments .comments-area .comments-not-login{display:none}.box-comments .comments-area .comments-not-login>.row{flex:1}.box-comments .comments-area .comments-not-login .input-text{width:100%;padding:5px 0;border:none}.box-comments .comments-area .comments-not-login .quick-comments-btn{padding:5px 15px;border-radius:5px;background-color:red;color:#fff;border:none;display:inline-block;margin-left:auto}.box-comments .comments-area .comments-not-login .form-btn{margin-top:10px;display:flex}.box-comments .comments-area .comments-not-login .form-input{margin-top:10px}.box-comments .comments-area.authenticated .comments-form .form-auth .box-left .auth-link{display:none}.box-comments .comments-area.authenticated .comments-form .form-auth .box-left .user-avatar{display:flex}.box-comments .comments-area.authenticated .comments-form .comments-btn{display:block}.box-comments .comments-area.allow-not-login .comments-form .form-auth{display:none}.box-comments .comments-area.allow-not-login .comments-not-login{display:block}.box-comments .comments-loading{text-align:center;padding:15px 0;display:none}.box-comments .comments-loading.show{display:block}.box-comments .comments-loading img{max-width:30px;max-height:30px}.box-comments .comments-filter{margin-top:10px;margin-bottom:10px;border-bottom:1px solid #eee}.box-comments .comments-filter a{display:inline-block;position:relative;padding:0 0 10px 0;margin-right:10px;line-height:20px;font-weight:500;color:#333}.box-comments .comments-filter a::after{display:none;position:absolute;bottom:-1px;width:100%;height:1px;background-color:#1769d8;content:''}.box-comments .comments-filter a.active{color:#1769d8;font-weight:500}.box-comments .comments-filter a.active::after{display:block}.box-comments .comments-list{display:block}.box-comments .comments-list.hide{display:none}.box-comments .comments-list .comments-item{display:flex}.box-comments .comments-list .comments-item .comments-user{margin-right:15px;margin-bottom:15px}.box-comments .comments-list .comments-item .comments-user .comments-avatar{max-width:40px;max-height:40px}.box-comments .comments-list .comments-item .comments-user .comments-avatar img{width:40px;height:40px;border-radius:50%}@media (max-width: 576px){.box-comments .comments-list .comments-item .comments-user{margin-right:8px;margin-bottom:8px}.box-comments .comments-list .comments-item .comments-user .comments-avatar{max-width:24px;max-height:24px}.box-comments .comments-list .comments-item .comments-user .comments-avatar img{width:24px;height:24px}}.box-comments .comments-list .comments-item .comments-content{flex:1;margin-bottom:15px}.box-comments .comments-list .comments-item .comments-content .comments-message .user a{font-weight:500;color:#1769d8;margin-bottom:5px;display:inline-block}.box-comments .comments-list .comments-item .comments-content .comments-message .message p{line-height:22px;margin-bottom:5px}.box-comments .comments-list .comments-item .comments-content .comments-message .stats a{font-size:0.84rem;margin-right:10px;color:#898888;font-weight:500}.box-comments .comments-list .comments-item .comments-content .comments-message .stats a.like,.box-comments .comments-list .comments-item .comments-content .comments-message .stats a.reply{color:#1769d8}@media (max-width: 576px){.box-comments .comments-list .comments-item .comments-content{margin-bottom:8px}}.box-comments .comments-list .comments-item .comments-sub{padding:0 10px;position:relative}.box-comments .comments-list .comments-item .comments-sub::before{position:absolute;left:0;top:0;height:100%;width:2px;background-color:#eee;content:'';display:block}@media (max-width: 576px){.box-comments .comments-list .comments-item .comments-sub{padding:5px 0 5px 5px}}.box-comments .comments-list .comments-item .comments-count-reply .show-reply{display:inline-flex;align-items:center;padding:3px 10px;color:#1769d8;font-weight:500;border-radius:3px;border:1px solid;font-size:0.84rem}.box-comments .comments-list .comments-item .comments-count-reply .show-reply i,.box-comments .comments-list .comments-item .comments-count-reply .show-reply span{margin-right:5px}.box-comments .comments-paging .load-more{text-align:center;display:block;padding:10px;background-color:#f7f7f7;color:#076db6}.box-comments .comments-paging .load-more:hover,.box-comments .comments-paging .load-more:active{background-color:#1769d8;color:#fff}.dark .box-comments .comments-heading{color:#f6f6f6}.dark .box-comments .comments-filter a{color:#f6f6f6}