@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);.qcw-container{font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:150%}.toasted-container{font-family:Open sans,sans-serif}.toasted-container.bottom-right{position:fixed;bottom:20px;right:42px;border-radius:30px}.toasted-container.bottom-right .toasted{margin-top:8px;padding:10px 15px;background-color:#feff6b;color:#666}.toasted-container.bottom-right .toasted .action{margin:0 8px;padding:0;color:#666}.toasted-container.bottom-right .toasted .action:first-child{margin-left:16px}.toasted-container.bottom-right .toasted .action:last-child{color:#34b6ff}.toasted-container.bottom-right .toasted .action:hover{color:#ff3b5e;text-decoration:none}.toasted-container.bottom-right .toasted.bubble{line-height:150%;font-size:16px}.toasted-container.bottom-right .toasted.bubble.error{background-color:#ff3b5e;color:#fff}.toasted-container.bottom-right .toasted.bubble.error .action:hover{color:#fff}.toasted-container.bottom-right .toasted.bubble.success{background-color:#94ca62}.toasted-container.bottom-right .toasted.bubble.info{background-color:#34b6ff}.qcw-container{color:#444;position:fixed;bottom:20px;right:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media screen and (max-width:600px){.qcw-container.qcw-container--open{bottom:0;right:0}}.qcw-container.qcw-container--wide{position:relative;top:0;right:0;bottom:auto;width:100%;height:100%}.qcw-container.qcw-container--wide .qcw-chat-wrapper{bottom:0;border-radius:0;width:100%;height:100%!important}.qcw-connecting-indicator{background:#fff;padding:20px;border-radius:20px}.qcw-container *,.qcw-container :after,.qcw-container :before{box-sizing:border-box}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInZoom{0%{opacity:0;-webkit-transform:scale3d(.4,.4,.4) translate3d(85%,0,0);transform:scale3d(.4,.4,.4) translate3d(85%,0,0)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes fadeInZoom{0%{opacity:0;-webkit-transform:scale3d(.4,.4,.4) translate3d(85%,0,0);transform:scale3d(.4,.4,.4) translate3d(85%,0,0)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.qcw-trigger-btn{background:#94ca62;color:#fff;padding:10px;border-radius:19px;vertical-align:middle;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 7px 16px rgba(46,46,46,.15);margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qcw-trigger-btn>div{margin-left:8px}.qcw-trigger-btn img{margin-right:8px;display:block;width:32px;height:32px}.qcw-trigger-btn>:first-child{margin:0}@media screen and (max-width:600px){.qcw-trigger-btn{position:relative;z-index:0}}.qcw-trigger-btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 7px 16px rgba(46,46,46,.25)}.qcw-container.qcw-container--wide .qcw-trigger-btn{display:none}.qcw-chat-wrapper{width:360px;height:0;display:-webkit-box;display:-ms-flexbox;display:flex;box-shadow:0 7px 16px rgba(46,46,46,.15);border-radius:19px;overflow:hidden;position:absolute;transition:all .15s ease-in-out;bottom:64px;background-color:#fafafa}.qcw-container.qcw-container--open .qcw-chat-wrapper{height:480px}@media screen and (max-width:600px){.qcw-container.qcw-container--open .qcw-chat-wrapper{right:0;bottom:0;width:100vw;height:100vh;z-index:1;border-radius:0}}.qcw-main{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.qcw-window-toggle-btn{cursor:pointer;-ms-flex:0 0 32px;flex:0 0 32px;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.qcw-header,.qcw-window-toggle-btn{-webkit-box-flex:0;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.qcw-header{-ms-flex:0 0 73px;flex:0 0 73px;background:#fff;-ms-flex-align:center;padding:13px 16px;border-bottom:.5px solid #e8e8e8}.qcw-header .qcw-header-avatar{-webkit-box-flex:0;-ms-flex:0 0 48px;flex:0 0 48px}.qcw-header .qcw-header-avatar img{width:48px;height:48px;border-radius:50%;margin-top:6px}.qcw-header .qcw-header-info{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#666;margin-left:16px}.qcw-header .qcw-header-info .qcw-user-display-name{font-size:15px;font-weight:600}.qcw-header .qcw-header-info .qcw-user-status{font-size:13px;white-space:nowrap;overflow:hidden}.qcw-comments{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;overflow-y:auto;position:relative}.qcw-comment-form{-webkit-box-flex:0;-ms-flex:0 0 64px;flex:0 0 64px;background:#fff;border-top:.5px solid #e8e8e8}.qcw-avatar--hide{visibility:hidden}.reply-wrapper{position:relative;padding:4px 8px 4px 12px;background-color:#fafafa;margin-bottom:8px;border-radius:2px}.reply-wrapper.reply-wrapper--me{background-color:#f0f0f0}.reply-wrapper .reply-sender{font-size:13px;font-weight:600;color:#666}.reply-wrapper .qcw-comment__content{font-size:13px;color:#979797}.reply-wrapper:before{content:"";position:absolute;left:0;top:0;width:4px;height:calc(100% - 0px);background:#94ca62;border-radius:2px 0 0 2px}.reply-wrapper.reply-wrapper--preview{margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;background-color:#fff;padding:8px 8px 8px 12px;-webkit-animation:fadeInUp .3s ease-out;animation:fadeInUp .3s ease-out;box-shadow:0 -8px 16px hsla(0,0%,78%,.2)}.reply-wrapper.reply-wrapper--preview:before{border-radius:0}.reply-close-btn{position:absolute;right:8px;top:8px;font-size:10px;cursor:pointer}.reply-close-btn svg.qc-icon{height:12px;width:12px}.empty-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding:30px;background:#fff;text-align:center}#qiscus-sdk-sprite{display:none}.qc-icon{display:inline-block;margin-top:6px;width:20px;height:20px;fill:#979797;transition:fill .3s ease-out}.qc-icon--light{fill:#fff}.loading-image-container{width:100%;height:auto;background-color:#fafafa;padding:8px;border-radius:2px;text-align:center}.loading-image-container i{display:block;margin:0 auto 8px}.loading-image-container i .qc-icon{fill:#94ca62}.loading-image-container i svg{-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}.qcw-load-more{font-size:9px;text-align:center;margin:12px auto;font-weight:700}.qcw-load-more.qcw-top-page{width:100%;color:#979797}.qcw-load-more.qcw-load-more-btn{width:82px;border-radius:10px;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;color:#fff;background-color:#94ca62;text-transform:uppercase;cursor:pointer;transition:-webkit-transform .32s ease;transition:transform .32s ease;transition:transform .32s ease,-webkit-transform .32s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qcw-load-more.qcw-load-more-btn:hover{-webkit-transform:translatey(-2px);transform:translatey(-2px)}.qcw-comment__state--read .qc-icon.ic-double-check__state{fill:#94ca62}.qcw-comment__state--read .qc-icon.ic-option-menu__state{fill:#666}.qc-icon.ic-check__state,.qc-icon.ic-double-check__state,.qc-icon.ic-load__state,.qc-icon.ic-option-menu__state{margin-right:8px}.qc-icon.ic-load-more__state,.qc-icon.ic-load__state{-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}.qc-icon.ic-load-more__state{fill:#fff;margin:0 4px 0 0;height:12px;width:12px}.inner{position:relative;padding-top:1px}.qcw-load-comment-indicator{position:absolute;width:100%;height:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.95);z-index:1}.qcw-comments{background:#fafafa}.qcw-comments::-webkit-scrollbar-track{border-radius:10px;background-color:#fafafa}.qcw-comments::-webkit-scrollbar{width:8px;background-color:#fafafa}.qcw-comments::-webkit-scrollbar-thumb{border-radius:4px;background-color:#e0e0e0}.qcw-comments ul{position:relative;list-style:none;margin:0;padding:0}.qcw-comment-date{margin-bottom:24px}.qcw-group.parent--container{margin-top:20px}.qcw-group.parent--container.contain-date{margin-top:0}.qcw-group.parent--container.contain-date .qcw-comment{margin-top:20px}.qcw-group.parent--container.my--container,.qcw-group.parent--container.my--container .qcw-comment{margin-top:0}i.delete-btn,i.reply-btn{position:absolute;overflow:hidden;height:24px;cursor:pointer;top:6px;width:24px;border-radius:50%;background:#e8e8e8;display:none;z-index:1;-webkit-animation:fadeInLeftBig .3s ease-out;animation:fadeInLeftBig .3s ease-out;transition:background .3s ease-out}i.delete-btn{left:-64px}i.delete-btn svg.qc-icon{display:block;width:12px;height:12px;margin:6px auto}i.delete-btn:hover{background-color:#ff3b5e}i.delete-btn:hover .qc-icon{fill:#fff}i.reply-btn{right:-32px}i.reply-btn svg.qc-icon{display:block;width:13px;height:13px;margin:5px auto}i.reply-btn.reply-btn--me{left:-32px}i.reply-btn.reply-btn--me svg.qc-icon{width:16px;height:14px}i.reply-btn:hover{background-color:#94ca62}i.reply-btn:hover .qc-icon{fill:#fff}.qcw-comments li:hover .hover-effect i.reply-btn{display:inline-block}.qcw-comments li:hover .hover-effect .qcw-comment__state,.qcw-comments li:hover .hover-effect .qcw-comment__time{display:none}.qcw-comments li:hover .hover-effect .delete-btn{display:inline-block}.qcw-comments li:hover .hover-effect .qcw-comment__more{display:block}.qcw-comment__state{-webkit-animation:fadeInDown .3s ease-out;animation:fadeInDown .3s ease-out}.qcw-comment-container{padding:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.qcw-comment-container.comment--me{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.qcw-comment-container.comment--me .qcw-avatar{display:none}.qcw-comment-date{text-align:center;font-weight:700;font-size:9px;margin-top:4px;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;color:#666;text-transform:uppercase}.qcw-comment-date.extra-margin{margin-top:24px}.qcw-comment-date div{width:190px;margin:auto;padding:2px 8px;background-color:#e8e8e8;border-radius:12px}.qcw-comment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto}.qcw-avatar{-webkit-box-flex:0;-ms-flex:0 0 36px;flex:0 0 36px}.qcw-avatar img{width:36px;height:36px;border-radius:50%}.comment--me .qcw-avatar{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:right}.qcw-comment__more--menu{position:absolute;padding:16px;margin:auto;top:0;left:auto;z-index:2;height:100%;width:100%;transition:opacity .4s;display:block}.qcw-comment__more--menu ul{display:block;width:145px;padding:5px 0;background:#fff;font-size:14px;list-style:none;top:25px;left:-61px;right:auto;border-radius:8px;box-shadow:0 7px 16px hsla(0,0%,78%,.25);margin-bottom:10px;border-radius:7px}.qcw-comment__more--menu ul li{line-height:35px;height:35px;color:#666;cursor:pointer;display:inline-block;width:100%;padding:0 10px}.qcw-comment__more--menu ul li:hover{color:#94ca62}.qcw-comment__info{padding-bottom:7px;margin-bottom:7px;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.qcw-comment__username{font-weight:700}.qcw-comment__state{font-size:11px;text-transform:lowercase;color:#666;position:absolute;top:16px}.qcw-comment__state svg.qc-icon{margin-top:3px}.qcw-comment .qcw-comment__time{font-size:11px;text-transform:lowercase;color:#666;position:absolute;min-width:50px;top:8px;right:-58px}.qcw-comment .qcw-comment__username{position:absolute;font-size:11px;width:128px;top:-20px;left:0;text-align:left;white-space:nowrap}.qcw-comment .qcw-comment__username.qcw-comment__username--hide{display:none}.qcw-comment .qcw-comment__more{position:absolute;overflow:hidden;padding:5px 0;height:24px;width:24px;cursor:pointer;top:6px;left:-35px;border-radius:50%;background:#e8e8e8;display:none;z-index:1;-webkit-animation:fadeInLeftBig .3s ease-out;animation:fadeInLeftBig .3s ease-out;transition:background .3s ease-out}.qcw-comment .qcw-comment__more svg.qc-icon{display:block;width:12px;height:12px;margin:6px auto}.qcw-comment .qcw-comment__more:hover{background-color:#94ca62}.qcw-comment .qcw-comment__more:hover .qc-icon{fill:#fff}.qcw-comment.comment--me .qcw-comment__username{text-align:right;right:0;left:auto}.qcw-comment.comment--me .qcw-comment__time{top:2px;left:-35px}.qcw-comment.comment--me .qcw-comment__state{left:-20px}.qcw-comment.comment--me .qcw-comment__state svg.qc-icon{width:12px;height:9px}.qcw-comment.comment--me .qcw-comment__state--delivered,.qcw-comment.comment--me .qcw-comment__state--read{left:-24px}.qcw-comment.comment--me .qcw-comment__state--delivered svg.qc-icon,.qcw-comment.comment--me .qcw-comment__state--read svg.qc-icon{width:16px;height:9px;margin:0 auto}.qcw-comment.comment--me .qcw-comment__state--delivered svg.qc-icon{fill:gray}.qcw-comment.comment--me .qcw-comment__state--failed{color:#ff3b5e;text-transform:capitalize;left:-17px;cursor:pointer}.qcw-container.qcw-container--wide .qcw-comment__more--menu ul{top:25px;left:-175px}.failed-info{text-align:right;margin-top:-3px;font-size:11px;margin-bottom:4px;width:calc(100% - 27px);color:#ff3b5e}.failed-info span{color:#94ca62}.failed-info span:hover{text-decoration:underline;cursor:pointer}.failed-info.failed--last{margin-bottom:24px;margin-top:-27px}.qcw-comment--system-event{text-align:center;padding:5px 20px;border-radius:8px;-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto;margin:0 auto 24px;font-size:13px;background-color:#fff;border:.5px solid #e8e8e8;color:#666}.qcw-comment__message{-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto;padding:8px;font-size:14px;background:#e8e8e8;box-shadow:0 7px 16px hsla(0,0%,78%,.25);margin-bottom:4px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:80px;max-width:210px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;border-radius:8px}.qcw-comment__message audio{min-width:250px;width:100%}.comment--parent .qcw-comment__message{margin-left:60px;-ms-flex-wrap:wrap;flex-wrap:wrap}.comment--me .qcw-comment__message{margin-left:0;margin-right:12px;background:#fff}.comment--mid .qcw-comment__message,.comment--parent .qcw-comment__message{margin-left:12px}.comment--last .qcw-comment__message{margin-left:12px;margin-right:60px}.comment--parent.comment--me .qcw-comment__message{margin-left:60px}.comment--last.comment--me .qcw-comment__message{margin-left:60px;margin-right:12px}.comment--parent.comment--last .qcw-comment__message{margin-left:12px}.comment--parent .qcw-comment__message>.tip{position:absolute;top:15px;left:-8px;pointer-events:none;content:" ";height:0;width:0;border:4px solid transparent;border-right-color:#e8e8e8}.comment--parent.comment--me .qcw-comment__message>.tip{border-left-color:#fff;border-right-color:transparent;box-shadow:0 7px 16px hsla(0,0%,78%,.25);left:auto;right:-8px}.qcw-comment__message.card{max-width:210px!important}@media only screen and (min-width:640px){.qcw-container--wide .qcw-comment__message{max-width:400px}}@media only screen and (min-width:1024px){.qcw-container--wide .qcw-comment__message{max-width:800px}}.comment--last{margin-bottom:24px}.deleted .qcw-comment__content{font-size:13px;color:#ff3b5e}.comment-text{width:100%}.comment-text .qcw-comment__content{margin:0;word-break:break-word;word-wrap:break-word;white-space:pre-line}.qcw-comment__content iframe{width:100%;height:auto;display:block}.qcw-comment__content img.emojione{display:inline-block;vertical-align:middle}.loader{border-radius:50%;width:70px;height:70px;border-width:5px;margin-top:120px;position:fixed;border:5px solid rgba(148,202,98,.4);border-top-color:#94ca62;display:inline-block;-webkit-animation:rotate .9s ease-out infinite;animation:rotate .9s ease-out infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.qcw-comment__attachment{overflow:hidden;border-radius:4px}.qcw-comment__attachment video{max-height:150px}.reply-wrapper .image-loader{margin-top:4px;padding-bottom:4px}.reply-wrapper .qcw-image-container{margin:0;width:100%}.image-loader+.qcw-comment__content{width:100%;overflow:hidden;text-overflow:ellipsis;margin-top:12px;word-break:break-word}.image-loader+.qcw-comment__content a{word-break:break-all}.loading-image-container{min-width:194px;height:194px!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.loading-image-container,.qcw-comment__message .qcw-image-container,.reply-wrapper--preview .qcw-image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qcw-comment__message .qcw-image-container,.reply-wrapper--preview .qcw-image-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:200px}.qcw-image-container img{height:100%;width:100%;display:block;-o-object-fit:cover;object-fit:cover}.reply-wrapper--preview .qcw-file-container{margin:4px 0 0}.reply-wrapper--preview .qcw-file-container a{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.qcw-file-container{background-color:#fafafa;padding:4px 8px;border-radius:4px;margin:-4px;word-break:break-word}.qcw-file-container a{color:#666;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qcw-file-container i{margin-top:4px;display:inline-block;margin-right:8px}.qcw-file-container i svg{margin:0;fill:#979797;width:36px;height:36px}.qcw-file-container .file-meta{font-size:13px;overflow:ellipsis}.qcw-file-container .file-meta .file-name{font-weight:600;font-size:12px}.qcw-file-container .file-meta .file-description{font-size:11px;font-weight:200;line-height:14px}.reload-image-btn{display:block;width:100%;margin:10px 0;padding:7px 15px;text-align:center;cursor:pointer;background:#eee;color:#fff;border:2px solid #fff;font-weight:700;border-radius:5px;color:#444}.qcw-comment-container.qcw-comment--carousel{margin-bottom:24px;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qcw-comment-container.qcw-comment--carousel .qcw-comment__time{position:absolute;top:28px;right:32px}.qcw-comment-container.qcw-comment--carousel .qcw-comment__message{margin:0;padding:0;max-width:none}.qcw-comment-container.qcw-comment--carousel .qcw-comment__message>.tip{display:none}.qcw-comment-container.qcw-comment--carousel .qcw-comment{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:visible;width:100%;position:relative}.qcw-comment-container.qcw-comment--carousel .qcw-comment.comment--me{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.qcw-comment-container.qcw-comment--carousel .qcw-comment.comment--me .qcw-comment__time{position:absolute;top:28px;left:32px}.qcw-comment-container.qcw-comment--carousel .qcw-comment.comment--me .qcw-comment__state{left:32px;margin-top:28px}.qcw-comment-container.qcw-comment--carousel .qcw-comment .qcw-comment__username{top:28px;left:64px}.qcw-comment-container.qcw-comment--carousel .qcw-avatar{position:absolute;top:24px;left:16px}.comment__carousel{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.comment__carousel:hover>i{opacity:1}.comment__carousel:hover>i:hover .qc-icon{fill:#94ca62}.comment__carousel>i{-ms-flex-item-align:center;align-self:center;cursor:pointer;position:absolute;z-index:1;opacity:0;transition:opacity .3s ease-out;background:hsla(0,0%,100%,.8)}.comment__carousel>i:first-child{padding:0 8px 0 4px;margin-right:8px}.comment__carousel>i:last-child{padding:0 4px 0 8px;margin-left:8px;right:0}.carousel-container{padding:72px 20px 24px;overflow-x:hidden}.carousel-container,.carousel-container>div{display:-webkit-box;display:-ms-flexbox;display:flex}.carousel-container>div{position:relative;transition:all .75s ease-out}.carousel-container .qcw-carousel__item{margin-left:8px;margin-right:8px}.carousel-container .qcw-carousel__item .comment__card--container{margin-right:0;margin-left:0;width:256px;background-color:#fff;border-radius:8px;box-shadow:0 7px 16px hsla(0,0%,78%,.25)}.carousel-container .qcw-carousel__item .comment__card--container .comment__card--image{margin-top:0;width:256px}.carousel-container .qcw-carousel__item .comment__card--container .comment__card--image .qcw-image-container{width:256px}.qcw-comment .qcw-comment__message.carousel{background-color:transparent;box-shadow:none;overflow:hidden}.extra-margin{margin-bottom:36px}ul.carousel__bullets{position:absolute;width:100%;bottom:-36px}ul.carousel__bullets,ul.qcw-carousel__nav{list-style:none;overflow:hidden;text-align:center}ul.carousel__bullets li{display:inline-block;cursor:pointer;margin:4px 8px;color:#999;vertical-align:middle}ul.carousel__bullets li.active{font-size:24px;font-weight:700;color:#3498db}.ic-bullet{border:2px solid #94ca62;height:8px;width:8px;border-radius:50%}.active>.ic-bullet{background-color:#94ca62;border:2px solid #94ca62}.qcw-comment__message.card>.tip{display:none}.comment__card--container{margin-left:-8px;margin-right:-8px;background-color:#fff;border-radius:8px}.comment__card--container .comment__card--description{padding:0 8px;font-size:11px}.comment__card--container .comment__card--image{border-bottom:1px solid #e8e8e8;height:160px;margin-top:-8px}.comment__card--container .comment__card--image .loading-image-container.loading-image-container{height:100%;background-color:#e8e8e8;border-radius:8px 8px 0 0}.comment__card--container .comment__card--image .loading-image-container.loading-image-container i{margin-top:40px}.comment__card--container .comment__card--image .qcw-image-container{max-height:160px;height:160px;margin:0;width:210px;background-size:cover;background-color:transparent;background-position:50%;border-radius:8px 8px 0 0}.comment__card--container .comment__card--title{text-transform:capitalize;font-size:12px;font-weight:600;margin:0;padding:8px;display:block}.comment__card--container .qcw-comment__buttons{margin-left:8px;margin-right:8px}.qcw-comment__buttons .qcw-comment__content{padding:0 8px}.qcw-comment__buttons{margin-top:8px}.qcw-comment__buttons .action_buttons:last-child{margin-bottom:-8px}.qcw-comment__buttons .action_buttons{background-color:#fff;border-top:1px solid #e8e8e8;width:calc(100% + 16px);margin-left:-8px}.qcw-comment__buttons .action_buttons:hover a,.qcw-comment__buttons .action_buttons:hover button{color:#34b6ff;cursor:pointer}.qcw-comment__buttons .action_buttons:last-child{border-radius:0 0 7px 7px}.qcw-comment__buttons .action_buttons a,.qcw-comment__buttons .action_buttons button{transition:color .3s ease-out;background-color:transparent;font-size:13px;font-weight:600;font-family:Open sans,sans-serif;width:210px;margin:0;height:48px;border:0;color:#666;text-transform:capitalize;text-decoration:none;display:block;width:100%}.qcw-comment__buttons .action_buttons a{line-height:48px;text-align:center}.qcw-comment-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:18px 8px;position:relative;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;transition:all .05s ease-out}.qcw-comment-form textarea{border:0;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:15px;font-family:Open Sans,sans-serif;line-height:150%;max-height:100%;height:26px;resize:none;margin-left:8px}.qcw-comment-form textarea::-webkit-scrollbar-track{border-radius:10px;background-color:#fafafa}.qcw-comment-form textarea::-webkit-scrollbar{width:8px;background-color:#fafafa}.qcw-comment-form textarea::-webkit-scrollbar-thumb{border-radius:4px;background-color:#e0e0e0}.qcw-comment-form textarea:focus{border:0;outline:none}.qcw-comment-form i{display:inline-block;text-align:center;cursor:pointer;-webkit-box-flex:0;-ms-flex:0 20px;flex:0 20px;padding:0 8px;-ms-flex-item-align:center;align-self:center}.qcw-comment-form i label{cursor:pointer}.qcw-comment-form i input[type=file]{display:none}.qcw-comment-form i.qcw-icon:hover svg.qc-icon{fill:#94ca62}.qcw-image-modal__container{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-y:scroll;padding:20px;background:hsla(0,0%,100%,.9)}.qcw-image-modal__container,.qcw-image-modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%}.qcw-image-modal__wrapper{min-width:240px;position:relative;max-width:40%;max-height:90%;-webkit-animation:fadeInZoom .2s ease-out;animation:fadeInZoom .2s ease-out}.qcw-image-modal__wrapper .image-loader{box-shadow:0 3px 15px rgba(0,0,0,.7);display:block}.qcw-image-modal__wrapper .loading-image-container{padding:48px 0;margin:0 auto;background-color:#fff}.qcw-image-modal__wrapper .qcw-image-container{margin:0;width:100%;background-color:#fff}.qcw-image-modal__wrapper .qcw-image-container img{border-radius:0;margin-bottom:16px}.qcw-image-modal__actions{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:-36px;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.qcw-image-modal__action{cursor:pointer;margin-left:15px}.qcw-upload-file{position:absolute;-webkit-animation:fadeInUp .3s ease-out;animation:fadeInUp .3s ease-out;width:calc(100% - 16px);top:81px;z-index:4;margin:0 8px 8px;background-color:#fff;padding:8px 12px;box-shadow:0 6px 16px hsla(0,0%,78%,.25)}.qcw-upload-file .title{font-weight:600;font-size:14px}.qcw-upload-file .meta{font-size:11px;color:#979797}.qcw-upload-file .meta .type{margin-right:8px}.qcw-upload-file .meta .size{margin-left:8px}.qcw-upload-file .progress-bar{height:8px;background-color:#e8e8e8;margin-top:4px;border-radius:4px;position:relative}.qcw-upload-file .progress-bar .progress{position:absolute;right:0;top:-24px}.qcw-upload-file .progress-bar .uploaded{transition:width .2s ease-out;background:#94ca62;height:8px;border-radius:8px}.qcw-dropzone-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:0;left:auto;border:3px dashed #979797;height:calc(100% - 73px);width:100%;background:#fafafa;z-index:3;border-bottom-left-radius:20px;border-bottom-right-radius:20px;opacity:0;visibility:hidden;transition:all .3s ease-out}.qcw-dropzone-area.qcw-dropzone-over{opacity:1;visibility:visible;-webkit-animation:fadeInUp .3s ease-out;animation:fadeInUp .3s ease-out}.qcw-dropzone-area .qcw-dropzone-text{top:50%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;font-weight:600;color:#979797}.qcw-dropzone-area input{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}.qcw-container.qcw-container--wide .qcw-dropzone-area{border-radius:0}.qcw-attachment-form{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;z-index:999}.qcw-attachment-form label+div{cursor:pointer}.qcw-attachment-form__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fafafa;border-bottom:1px solid #e8e8e8;padding:12px 16px;color:#666;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.qcw-attachment-form__title{-ms-flex-item-align:start;align-self:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1;height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qcw-attachment-form__title h4{margin:0;font-size:15px}.qcw-attachment-form__title span{font-size:13px}.qcw-attachment-form__action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px;padding:20px;background:#fff;border-top:1px solid #e8e8e8;color:#666}.qcw-attachment-form__caption-txt{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px;border:0;outline:none;font-size:15px}.qcw-attachment-form__picker-btn{border:1px solid #979797;color:gray;background-color:#fff;padding:8px;border-radius:8px;font-size:16px;font-weight:700;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100px;text-align:center;margin:0 auto;cursor:pointer;transition:all .3s ease-out}.qcw-attachment-form__picker-btn.populated{background-color:rgba(148,202,98,.5);color:#fff;border:1px solid #94ca62}.qcw-attachment-form__picker-btn:hover{opacity:1;background-color:#94ca62;border:1px solid #94ca62;color:#fff}.qcw-attachment-form__input{display:none}.qcw-attachment-form__preview-img{width:150px;height:150px;margin:10px auto}.qcw-attachment-form__close-btn{margin-left:auto;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 28px;flex:0 28px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.qcw-attachment-form__close-btn .qc-icon{width:14px}.send-button .qc-icon:hover{fill:#94ca62}.qcw-message-info{background:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 320px;flex:1 0 320px;border-left:1px solid #e8e8e8}.qcw-container--wide .qcw-message-info{position:relative}.qcw-message-info__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:73px;padding:0 16px;border-bottom:1px solid #e8e8e8;color:#777;-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto}.qcw-message-info__header .qc-icon{width:14px;height:14px}.qcw-message-info__header span:nth-child(2){cursor:pointer}.qcw-message-info__comment{background:#fafafa;padding:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto}.qcw-message-info__comment-text{background:#fff;box-shadow:0 7px 16px hsla(0,0%,78%,.25);border-radius:4px;padding:10px 8px;margin-right:15px;position:relative;word-break:break-all;word-wrap:break-word}.qcw-message-info__comment-text:before{position:absolute;top:15px;right:-8px;pointer-events:none;content:" ";height:0;width:0;border:4px solid transparent;border-left-color:#fff}.qcw-message-info__comment-time{font-size:10px;letter-spacing:.5px;color:#9d9d9d}.qcw-message-info__info{-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;overflow:hidden;overflow-y:auto;padding:25px;border-top:1px solid #e8e8e8}.qcw-message-info__info strong.qcw-message-info__info-header{color:#777;font-size:14px;line-height:25px;letter-spacing:.5px;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.qcw-message-info__info strong.qcw-message-info__info-header.read .qc-icon{width:22px;fill:#94ca62}.qcw-message-info__info strong.qcw-message-info__info-header.delivered .qc-icon{width:22px}.qcw-message-info__info ul{list-style:none;margin:0;padding:0;margin-bottom:20px}.qcw-message-info__info li{display:-webkit-box;display:-ms-flexbox;display:flex}.qcw-message-info__info li img{width:40px;height:40px;background:#c4c4c4;border-radius:50%;margin-right:15px}.qcw-message-info__user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qcw-message-info__user-info strong{color:#333;font-size:14px;line-height:25px}.qcw-message-info__user-info small{font-size:10px;color:#777}