@media(min-width: 1600px){.col-xxl-7.col-xl-7{flex:0 0 auto;width:66.66666667%}.col-xxl-5.col-xl-5{flex:0 0 auto;width:33.33333333%}}@media(min-width: 1200px)and (max-width: 1439.98px){.md-detail-header .btn-primary,.md-detail-header .btn-secondary,.md-detail-header .btn-success,.md-detail-header .btn-warning,.md-detail-header .btn-danger{padding:1rem 1.2rem !important}.md-detail-header .btn-primary i,.md-detail-header .btn-secondary i,.md-detail-header .btn-success i,.md-detail-header .btn-warning i,.md-detail-header .btn-danger i{margin:0}.md-detail-header .btn-primary span,.md-detail-header .btn-secondary span,.md-detail-header .btn-success span,.md-detail-header .btn-warning span,.md-detail-header .btn-danger span{display:none}}@media(min-width: 999px)and (max-width: 1199.99px){.md-filter-wrapper .btn-primary i,.md-filter-wrapper .btn-secondary i,.md-filter-wrapper .btn-success i,.md-filter-wrapper .btn-warning i,.md-filter-wrapper .btn-danger i{margin:0}.md-filter-wrapper .btn-primary span,.md-filter-wrapper .btn-secondary span,.md-filter-wrapper .btn-success span,.md-filter-wrapper .btn-warning span,.md-filter-wrapper .btn-danger span{display:none}.md-table-wrapper div.dt-scroll-body{height:auto}.md-detail-header .btn-primary,.md-detail-header .btn-secondary,.md-detail-header .btn-success,.md-detail-header .btn-warning,.md-detail-header .btn-danger{padding:1rem 1.2rem !important}.md-detail-header .btn-primary i,.md-detail-header .btn-secondary i,.md-detail-header .btn-success i,.md-detail-header .btn-warning i,.md-detail-header .btn-danger i{margin:0}.md-detail-header .btn-primary span,.md-detail-header .btn-secondary span,.md-detail-header .btn-success span,.md-detail-header .btn-warning span,.md-detail-header .btn-danger span{display:none}}@media(min-width: 768px)and (max-width: 998.99px){.md-table-wrapper div.dt-scroll-body{height:auto}.md-detail-header .btn-primary,.md-detail-header .btn-secondary,.md-detail-header .btn-success,.md-detail-header .btn-warning,.md-detail-header .btn-danger{padding:1rem 1.2rem !important}.md-ticket-wrapper{overflow:auto;height:calc(100vh - 5.8rem)}.md-ticket-wrapper .md-lhs{position:absolute;left:-38rem;width:38rem;transition:all .3s ease;z-index:11;overflow:visible}.md-ticket-wrapper .md-lhs .md-ticket-details{height:calc(100vh - 5.5rem);overflow:auto}.md-ticket-wrapper .md-lhs.show{left:6.5rem;transition:all .3s ease}.md-ticket-wrapper .md-lhs .btn-left-toggle{position:absolute;right:-3.1rem;top:1rem;border:solid 1px var(--borderColor);border-top-left-radius:0;border-bottom-left-radius:0;color:#000;background:#fff;padding:.8rem 1rem !important}.md-ticket-wrapper .md-rhs{flex:0 0 100%;height:auto;overflow:visible}.md-ticket-wrapper .md-rhs .btn-left-toggle{margin-left:-3rem;border:solid 1px var(--borderColor);border-top-left-radius:0;border-bottom-left-radius:0;color:#000}.md-ticket-wrapper .md-status-flag{top:11px}}@media(min-width: 768px)and (max-width: 991.99px){.md-filter-wrapper .btn-primary i,.md-filter-wrapper .btn-secondary i,.md-filter-wrapper .btn-success i,.md-filter-wrapper .btn-warning i,.md-filter-wrapper .btn-danger i{margin:0}.md-filter-wrapper .btn-primary span,.md-filter-wrapper .btn-secondary span,.md-filter-wrapper .btn-success span,.md-filter-wrapper .btn-warning span,.md-filter-wrapper .btn-danger span{display:none}.md-customer h6{width:25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pending-chat{margin-top:1rem}#pending-chat .md-customer h6{width:15rem}.minh-50{padding-bottom:.5rem !important;height:auto;overflow-y:auto;overflow-x:auto}.chat-info{height:auto}.md-customer-item .md-customer h6{width:auto}}@media(max-width: 767.98px){.md-title-wrapper{padding:.5rem}.md-table-wrapper div.dt-scroll-body{height:auto}.md-filter-wrapper{flex-direction:column;align-items:unset;gap:1rem}.md-filter-wrapper .btn-primary i,.md-filter-wrapper .btn-secondary i,.md-filter-wrapper .btn-success i,.md-filter-wrapper .btn-warning i,.md-filter-wrapper .btn-danger i{margin:0}.md-filter-wrapper .btn-primary span,.md-filter-wrapper .btn-secondary span,.md-filter-wrapper .btn-success span,.md-filter-wrapper .btn-warning span,.md-filter-wrapper .btn-danger span{display:none}.editPanel.offcanvas.offcanvas-end{--bs-offcanvas-width: 100%;width:var(--bs-offcanvas-width);border:none}.md-customer h6{width:25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pending-chat{margin-top:1rem}#pending-chat .md-customer h6{width:15rem}.minh-50{padding-bottom:.5rem !important;height:auto;overflow-y:auto;overflow-x:auto}.chat-info{height:auto}.md-ticket-wrapper{overflow:auto;height:calc(100vh - 5.8rem)}.md-ticket-wrapper .md-lhs{position:absolute;left:-38rem;width:38rem;transition:all .3s ease;z-index:11;overflow:visible}.md-ticket-wrapper .md-lhs .md-ticket-details{height:calc(100vh - 5.5rem);overflow:auto}.md-ticket-wrapper .md-lhs.show{left:6.5rem;transition:all .3s ease}.md-ticket-wrapper .md-lhs .btn-left-toggle{position:absolute;right:-3.1rem;top:1rem;border:solid 1px var(--borderColor);border-top-left-radius:0;border-bottom-left-radius:0;color:#000;background:#fff;padding:.8rem 1rem !important}.md-ticket-wrapper .md-rhs{flex:0 0 100%;height:auto;overflow:visible}.md-ticket-wrapper .md-rhs .btn-left-toggle{margin-left:-3rem;border:solid 1px var(--borderColor);border-top-left-radius:0;border-bottom-left-radius:0;color:#000}.md-header-right .fa-laptop{display:none}.md-status-flag{top:11px}.md-customer-item .md-customer h6{width:auto}}@media(max-width: 580.99px){.md-msg .md-msg-body img{max-width:100% !important;height:auto}}