ul{list-style-type:none}#scroll-chat{height:calc(100% - 90px)}#scroll-chat,.slide-section{position:relative;overflow:hidden}.slide-section{background:#eee;height:calc(100vh - 105px)}.chat-box{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 15px;width:100%}.msg-input{border:1px solid #eee;background:#fff;position:fixed;z-index:9}.form-flex,.msg-input{width:100%;height:80px}.form-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.msg-input .form-flex textarea{padding:15px 20px;border:none;width:calc(100% - 75px);height:75px}.msg-input button{font-size:25px;background:transparent;border:none;height:100%;padding:5px 10px;width:75px}.msg-input button:hover{color:#00a0e3}.msg-input{position:absolute;bottom:0}.user-icon{width:50px;height:50px;z-index:1}.user-icon img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.username-msg{background:#fff;padding:10px 10px 10px 15px;margin-left:-25px;z-index:0;margin-top:15px;width:100%;border-radius:10px}.us-name{font-weight:700;padding-left:20px}.us-msg,.us-name{font-size:14px;font-family:roboto}.comments-list{position:relative;padding:0 15px}#comments-list-main,#queries-list{padding-top:30px}#comments-list-main>li:before,#queries-list>li:before{content:"";width:2px;height:100%;background:#c7cacb;position:absolute;left:31px;top:0}.reply-list:after,.reply-list:before{display:none}.reply-list li:before{content:"";width:55px;height:2px;background:#c7cacb;position:absolute;top:25px;left:-54px}.comments-list li{padding-bottom:15px;display:block;position:relative}#comments-list-main>li:last-child:after,#quieries-list>li:last-child:after{content:"";position:absolute;background:#c7cacb;bottom:0;left:28.6px;width:7px;height:7px;border:3px solid #dee1e3;border-radius:50%}.reply-list{padding-left:85px;clear:both;margin-top:15px}.comments-list .comment-avatar{width:65px;height:65px;position:relative;z-index:9;float:left;border:3px solid #fff;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden}.comments-list .comment-avatar img{width:100%;height:100%;background-color:#fff}.reply-list .comment-avatar{width:50px;height:50px}.comment-main-level:after{content:"";width:0;height:0;display:block;clear:both}.comments-list .comment-box{width:calc(100% - 85px);float:right;position:relative;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,.15);box-shadow:0 1px 10px 0 rgba(0,0,0,.15);background-color:#fff}.reply-list li .comment-box{float:none;display:inline-block;margin-left:15px}.comments-list .comment-box:after,.comments-list .comment-box:before{content:"";height:0;width:0;position:absolute;display:block;border-width:10px 12px 10px 0;border-style:solid;border-color:transparent #fcfcfc;top:8px;left:-11px}.comments-list .comment-box:before{border-width:11px 13px 11px 0;border-color:transparent rgba(0,0,0,.05);left:-12px}.reply-list .comment-box{width:calc(100% - 70px)}.comment-box .comment-head{background:#fcfcfc;padding:10px 12px;border-bottom:1px solid #e5e5e5;overflow:hidden;border-radius:4px 4px 0 0}.comment-box .comment-head i{float:right;margin-left:14px;position:relative;top:2px;color:#a6a6a6;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.comment-box .comment-head i:hover{color:#00a0e3}.comment-box .comment-name{color:#283035;font-size:14px;font-weight:700;float:left;margin-right:10px}.comment-box .comment-name a{color:#283035}.comment-box .comment-head span{float:left;color:#999;font-size:13px;position:relative;top:1px}.comment-box .comment-content{background:#fff;padding:12px;font-size:15px;color:#595959;border-radius:0 0 0 0;border-bottom:.5px solid #e5e5e5}.comment-box .comment-footer{border-radius:0 0 4px 4px;padding:12px;width:100%;background:#fff none repeat scroll 0 0}.comment-box .comment-footer textarea{resize:none;width:calc(100% - 100px);border-radius:4px;padding:1%;display:inline-block}.comment-box .comment-open,.comment-box .send-button{padding:12px;text-align:right}.comment-open .btn-send,.send-button .btn-send{background-color:#00a0e3;border-color:#00a0e3;color:#fff;padding:6px 12px;text-align:center;vertical-align:middle;cursor:pointer;text-decoration:none}.comment-box .btn-reply{cursor:pointer;text-align:right;background-color:#00a0e3;color:#fff;padding:7px 15px}.comment-box .comment-name.by-author,.comment-box .comment-name.by-author a{color:#00a0e3}.comment-box .comment-name.by-author:after{background:#00a0e3;color:#fff;font-size:12px;padding:3px 5px;font-weight:700;margin-left:10px;border-radius:3px}.comment-box .posted-time{margin-top:8px}.comment-box .comment-footer{display:none}.question-form{padding:10px 15px}.question-form textarea{width:calc(100% - 80px);display:inline-block}.question-form div.send-button{margin-top:10px}#comments-list-main,#queries-list{max-height:500px;overflow:hidden}#comments-list-main .ps-scrollbar-x-rail,#queries-list .ps-scrollbar-x-rail{display:none!important}