.badge-chat[data-v-0cf17cf7]{position:absolute;top:4px;right:4px}.orderitem{display:flex;flex-direction:column;align-items:flex-start;margin:10px 0;padding:15px 15px;border:1px solid #f7f7f7;border-radius:8px;overflow:hidden;box-shadow:0 0 1px 0 rgb(0 0 0/10%);position:relative;cursor:pointer}.orderitem span.time{color:#777;font-size:12px;margin:0;display:block}.orderitem h1{font-weight:400;font-size:20px;margin:0 0 5px;padding:0}.orderitem div.info{font-size:14px;font-weight:400;width:100%;margin:0 0 2px;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.orderitem div.info h4{font-weight:100;font-size:12px}.orderitem span.status{background:var(--f7-theme-color);color:#fff;padding:2px 10px;position:absolute;top:10px;right:0;font-size:12px;border-radius:4px 0 0 4px;box-shadow:0 0 5px 0 rgb(0 0 0/10%)}input[type=file]{opacity:0;position:fixed;bottom:0;z-index:-1}.chat-image-msg{max-width:80%;border-radius:5px;cursor:pointer}.with-tabs .tabs{height:calc(100% - 120px)}.with-tabs .tabs .tab{height:100%}.list-search-max-height{max-height:calc(100% - 80px);overflow:auto}.empty-msg-list{width:100%;display:flex;align-items:center;justify-content:center}.isRight{position:absolute;right:20px}.icon-file{padding:3px;background-color:#1b3d61;color:#fff;border-radius:50%}.icon-submit{padding:10px}.attachment-container{height:300px;padding:10px 10px}.product-card-chat{padding:30px 30px;height:300px;overflow-y:auto}.flex{display:flex;flex-direction:row}.list-wrap>.list.active{border-left:5px solid #122941}.container-chat{display:flex;height:calc(100vh - 180px);overflow:hidden!important}.chat-header{margin:0 30px}sidebar{width:300px;min-width:300px;display:flex;background:#fff;flex-direction:column;border-right:1px solid #ccc;transition:all .5s}sidebar .tabs{height:100%;overflow:auto}.logo{display:flex;padding:25px 10px 0;align-items:center;justify-content:flex-start;color:#000;font-size:1.5em}sidebar .list-wrap{width:100%;overflow:auto}sidebar .list-wrap .list{border-bottom:1px solid #ccc;background:#fff;display:flex;align-items:center;padding:5px;height:80px;cursor:pointer;width:285px}sidebar .list-wrap .list.active,sidebar .list-wrap .list:hover{background:#f2f3f5;border-left:5px solid #1b3d61}sidebar .list-wrap .list img{border-radius:50%;width:50px;height:50px;-o-object-fit:cover;object-fit:cover;margin-right:10px}sidebar .list-wrap .list .info{flex:1;width:calc(100% - 102px)}sidebar .list-wrap .list .info .user{font-weight:700}sidebar .list-wrap .list .info .text{display:flex;margin-top:3px;font-size:.85em}sidebar .list-wrap .list .time{margin-right:5px;margin-left:5px;font-size:.75em;color:#a9a9a9}sidebar .list-wrap .list .count{font-size:.75em;background:#1b3d61;box-shadow:0 5px 15px -5px rgba(0,0,0,.7);padding:3px;width:20px;height:20px;border-radius:50%;text-align:center;color:#fff}.content{flex:1;display:flex;flex-direction:column}.content header{height:70px;background:#f2f3f5;border-bottom:1px solid #ccc;display:flex;padding:10px;align-items:center}.content header img{border-radius:50%;width:50px;height:50px;-o-object-fit:cover;object-fit:cover;margin-right:10px;box-shadow:1px 2px 3px rgba(0,0,0,.5)}.content header .info{flex:1}.content header .info .user{font-weight:700}.content header .info .time{display:flex;margin-top:3px;font-size:.85em}.content header .open{display:none}.content header .open a{color:#000;letter-spacing:3px}.message-wrap{flex:1;display:flex;flex-direction:column;padding:15px;overflow:auto}.message-wrap:before{content:""}.message-wrap .message-list{align-self:flex-start;max-width:70%;display:flex}.message-wrap .message-list.me{align-self:flex-end}.message-wrap .message-list.me .msg{background:#122941;color:#fff}.message-wrap .message-list .msg{background:#e1e1e1;box-shadow:0 5px 15px -5px rgba(0,0,0,.1);padding:px 10px;margin:5px;border-radius:25px}.message-wrap .message-list .msg p{margin:5px 15px;padding:5px 0}.message-wrap .message-list .time{text-align:left;color:#999;font-size:.75em}.message-wrap .message-list .time-me{text-align:right;color:#999;font-size:.75em}.message-footer{padding:10px;display:flex;height:60px}.msg-image{width:50px;height:50px;border-radius:50%}.chat-images{padding-right:20px}.chat-images-me{padding-left:20px}.count-time{display:flex;align-content:flex-end;align-items:flex-end;justify-content:space-between;flex-direction:column;height:45px}.modal-chat-attach-backdrop{position:fixed;z-index:999999;background:rgba(0,0,0,.5);width:100%;height:100%}.modal-chat-attach{background:#fff;max-width:500px;width:80%}.chat-page .page-content{padding-bottom:0!important}.show-mobile{display:none!important}@media only screen and (max-width:767px){.hide-on-mobile{display:none}.show-mobile{display:block!important}sidebar{width:100%}sidebar .list-wrap .list{width:calc(100% - 10px)!important}}