.image-preview{position:fixed;top:0;bottom:0;z-index:100000}[dir] .image-preview{background:rgba(0,0,0,.5333333333);padding:50px}[dir=ltr] .image-preview,[dir=rtl] .image-preview{right:0;left:0}.image-preview img{position:absolute;top:0;bottom:0;z-index:101000;max-width:80%;max-height:80vh;-o-object-fit:contain;object-fit:contain}[dir] .image-preview img{margin:auto}[dir=ltr] .image-preview img,[dir=rtl] .image-preview img{right:0;left:0}.image-preview .times-icon{position:absolute;top:30px}[dir] .image-preview .times-icon{cursor:pointer}[dir=ltr] .image-preview .times-icon{right:30px}[dir=rtl] .image-preview .times-icon{left:30px}.image-preview .image-preview-overlay{position:fixed;height:100%;width:100%;top:0;bottom:0}[dir] .image-preview .image-preview-overlay{cursor:pointer}[dir=ltr] .image-preview .image-preview-overlay,[dir=rtl] .image-preview .image-preview-overlay{right:0;left:0}.custom-file-input{position:relative}[dir] .custom-file-input{margin:15px 0 25px}.custom-file-input label{display:block;transition:all .3s ease}[dir] .custom-file-input label{border-radius:.5rem}[dir=ltr] .custom-file-input label{padding:6px 10px 6px 5px}[dir=rtl] .custom-file-input label{padding:6px 5px 6px 10px}.custom-file-input label.is-not-valid{color:#b00000}[dir] .custom-file-input label.is-not-valid{border-color:#b00000}.custom-file-input label.is-not-valid input{color:#b00000}.custom-file-input label span{transition:all .3s ease}[dir] .custom-file-input label span{padding:0 5px}.custom-file-input label input{width:100%;height:100%;outline:none!important;opacity:0}[dir] .custom-file-input label input{background:transparent;border:none}[dir=ltr] .custom-file-input label input{text-align:right}[dir=rtl] .custom-file-input label input{text-align:left}.custom-file-input label input.disabled{opacity:0}.custom-file-input label .upload-label{position:absolute;top:0;bottom:0;height:-moz-fit-content;height:fit-content;min-height:100%;width:100%}[dir] .custom-file-input label .upload-label{padding:7px}[dir=ltr] .custom-file-input label .upload-label,[dir=rtl] .custom-file-input label .upload-label{left:0;right:0}.custom-file-input label .upload-label .drag-drop-box{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}[dir] .custom-file-input label .upload-label .drag-drop-box{cursor:pointer;padding:20px 0}[dir] .custom-file-input label .upload-label .drag-drop-box .drag-drop-text{margin-top:10px}.custom-file-input label .upload-label .upload-btn{color:inherit;font-size:12px;width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .custom-file-input label .upload-label .upload-btn{background-color:#fff;border:0}[dir=ltr] .custom-file-input label .upload-label .upload-btn{text-align:left}[dir=rtl] .custom-file-input label .upload-label .upload-btn{text-align:right}.custom-file-input label .new-suggest-modal-button,.custom-file-input label .suggest-modal-button{position:absolute;bottom:0;top:20px;width:25px!important;height:25px!important;color:#197ed5}[dir] .custom-file-input label .new-suggest-modal-button,[dir] .custom-file-input label .suggest-modal-button{padding:5px;border:1px solid #197ed5;border-radius:.5rem;background:#fff;cursor:pointer}[dir=ltr] .custom-file-input label .new-suggest-modal-button,[dir=ltr] .custom-file-input label .suggest-modal-button{right:42px}[dir=rtl] .custom-file-input label .new-suggest-modal-button,[dir=rtl] .custom-file-input label .suggest-modal-button{left:42px}.custom-file-input label .new-suggest-modal-button{top:8px;color:#28c76f}[dir] .custom-file-input label .new-suggest-modal-button{border:1px solid #28c76f}[dir=ltr] .custom-file-input label .new-suggest-modal-button{right:5px}[dir=rtl] .custom-file-input label .new-suggest-modal-button{left:5px}.custom-file-input .close-btn{position:absolute;top:5px;height:25px;width:25px;display:flex;align-items:center;justify-content:center}[dir] .custom-file-input .close-btn{background-color:inherit;border:0}[dir=ltr] .custom-file-input .close-btn{right:5px}[dir=rtl] .custom-file-input .close-btn{left:5px}.custom-file-input .upload-text{position:absolute;top:10px}[dir=ltr] .custom-file-input .upload-text{left:5px}[dir=rtl] .custom-file-input .upload-text{right:5px}.custom-file-input .preview-image{height:100px;width:100%}.custom-file-input .preview-image input{height:100%}.custom-file-input .preview-image .new-suggest-modal-button{position:absolute;bottom:0;top:calc(50% - 20px);width:40px;height:40px;color:#197ed5}[dir] .custom-file-input .preview-image .new-suggest-modal-button{padding:5px;border:1px solid #197ed5;border-radius:.5rem;background:#fff;cursor:pointer}[dir=ltr] .custom-file-input .preview-image .new-suggest-modal-button{right:calc(50% - 20px)!important}[dir=rtl] .custom-file-input .preview-image .new-suggest-modal-button{left:calc(50% - 20px)!important}.custom-file-input .preview-image .profile-section{position:absolute;top:5px;width:calc(100% - 14px)!important;height:calc(100% - 10px)!important}.custom-file-input .preview-image .profile-section .mx-auto{height:100%}.custom-file-input .preview-image .profile-section .profile-avatar{max-width:100%;height:100%}.useral-answer-ticket-footer{width:100%}[dir] .useral-answer-ticket-footer{border-top:1px solid #cdcdcd;background-image:linear-gradient(#f0f0f0,#f5f5f5,#fff)}.useral-answer-ticket-footer .attaches-files-list{max-height:150px}[dir] .useral-answer-ticket-footer .attaches-files-list{padding:5px}.useral-answer-ticket-footer .attaches-files-list .attach-file-preview{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}[dir] .useral-answer-ticket-footer .attaches-files-list .attach-file-preview{padding:10px;margin-bottom:5px;border:1px solid #cdcdcd;border-radius:6px;background-color:#f8f8f8}[dir] .useral-answer-ticket-footer .attaches-files-list .attach-file-preview .clear-attach:hover{cursor:pointer}.useral-answer-ticket-footer .attaches-files-list .attach-file-preview:before{content:" ";position:absolute;top:0;bottom:0;height:100%;width:5px}[dir] .useral-answer-ticket-footer .attaches-files-list .attach-file-preview:before{background-color:#555}[dir=ltr] .useral-answer-ticket-footer .attaches-files-list .attach-file-preview:before{left:0}[dir=rtl] .useral-answer-ticket-footer .attaches-files-list .attach-file-preview:before{right:0}[dir] .useral-answer-ticket-footer .attaches-files-list .attach-file-preview:last-child{margin-bottom:0}.useral-answer-ticket-footer .answer-ticket-row{display:flex;align-items:flex-end;width:100%}[dir] .useral-answer-ticket-footer .answer-ticket-row{padding-bottom:5px}.useral-answer-ticket-footer .answer-ticket-row.dir-rtl{flex-direction:row}.useral-answer-ticket-footer .answer-ticket-row .send-answer{display:flex;align-items:center;justify-content:center;width:40px}[dir] .useral-answer-ticket-footer .answer-ticket-row .send-answer{margin-bottom:5px}[dir] .useral-answer-ticket-footer .answer-ticket-row .send-answer:hover{cursor:pointer}.useral-answer-ticket-footer .answer-ticket-row .message-input{width:calc(100% - 80px)}[dir] .useral-answer-ticket-footer .answer-ticket-row .message-input .custom-validate-input{margin:0}.useral-answer-ticket-footer .answer-ticket-row .message-input .custom-validate-input .u-input-box{display:flex;min-height:unset}[dir] .useral-answer-ticket-footer .answer-ticket-row .message-input .custom-validate-input .u-input-box{padding:0;background-color:transparent}[dir] .useral-answer-ticket-footer .answer-ticket-row .message-input .custom-validate-input .u-input-box .u-input-label-box>div{border-color:transparent}[dir] .useral-answer-ticket-footer .answer-ticket-row .message-input .custom-validate-input textarea{padding:6px 5px}.useral-answer-ticket-footer .answer-ticket-row .attach-btn{position:relative;width:40px;display:flex;align-items:center;justify-content:center}[dir] .useral-answer-ticket-footer .answer-ticket-row .attach-btn{margin-bottom:5px}[dir] .useral-answer-ticket-footer .answer-ticket-row .attach-btn:hover,[dir] .useral-answer-ticket-footer .answer-ticket-row .attach-btn>:hover{cursor:pointer}.useral-answer-ticket-footer .answer-ticket-row .attach-btn input[type=file]{position:absolute;top:0;bottom:0;height:100%;width:100%;opacity:0}[dir=ltr] .useral-answer-ticket-footer .answer-ticket-row .attach-btn input[type=file],[dir=rtl] .useral-answer-ticket-footer .answer-ticket-row .attach-btn input[type=file]{left:0;right:0}[dir] .useral-answer-ticket-footer .answer-ticket-row .attach-btn input[type=file]:hover{cursor:pointer}[dir] .custom-dialog-body{text-align:justify}.ticket-detail .vx-card__collapsible-content .vx-card__body{display:flex;flex-direction:column}[dir] .ticket-detail .vx-card__collapsible-content .vx-card__body{padding:0}.ticket-detail .ticket-detail-profile{flex-grow:1;overflow:auto;display:flex;flex-direction:column}.ticket-detail .ticket-detail-profile::-webkit-scrollbar{display:block;width:10px}[dir] .ticket-detail .ticket-detail-profile::-webkit-scrollbar{border-radius:.2rem;background:#f9f9fd}[dir=ltr] .ticket-detail .ticket-detail-profile::-webkit-scrollbar{right:10px}[dir=rtl] .ticket-detail .ticket-detail-profile::-webkit-scrollbar{left:10px}.ticket-detail .ticket-detail-profile::-webkit-scrollbar-thumb{display:block}[dir] .ticket-detail .ticket-detail-profile::-webkit-scrollbar-thumb{border-radius:.2rem;background:#cecece}.ticket-detail .general-info{display:flex}[dir] .ticket-detail .general-info{border-bottom:1px solid #cdcdcd;padding:15px 15px 0}.ticket-detail .general-info .general-info-items{width:50%}.ticket-detail .general-info .general-info-items.left .general-info-item{display:flex;justify-content:flex-end}.ticket-detail .general-info .general-info-items .general-info-item{display:flex;line-height:30px}[dir] .ticket-detail .general-info .general-info-items .general-info-item .label{margin:0 5px}.ticket-detail .general-info .general-info-items .general-info-item .content{color:#999}[dir=ltr] .ticket-detail .general-info .general-info-items .general-info-item .content.date{direction:rtl}[dir=rtl] .ticket-detail .general-info .general-info-items .general-info-item .content.date{direction:ltr}.ticket-detail .general-info .general-info-items .general-info-item .complete-btn{color:#fff}[dir] .ticket-detail .general-info .general-info-items .general-info-item .complete-btn{padding:5px 20px;margin-bottom:10px;background-color:#4e7fe0;border:1px solid #4e7fe0;border-radius:5px}[dir] .ticket-detail .general-info .general-info-items .general-info-item .complete-btn:hover{cursor:pointer;background-color:#444e9c;border:1px solid #444e9c}.ticket-detail .general-info .general-info-items .general-info-item .complete-btn:focus{outline:none}.ticket-detail .general-info .general-info-items .subject{font-size:17px;line-height:30px}.ticket-detail .general-info.is-mobile{flex-direction:row;flex-wrap:wrap}[dir] .ticket-detail .general-info.is-mobile{padding:5px 5px 0}.ticket-detail .general-info.is-mobile .general-info-items{flex:1;min-width:200px}.ticket-detail .general-info.is-mobile .general-info-items .general-info-item,.ticket-detail .general-info.is-mobile .general-info-items .subject{line-height:30px}[dir] .ticket-detail .general-info.is-mobile .general-info-items .general-info-item .complete-btn,[dir] .ticket-detail .general-info.is-mobile .general-info-items .subject .complete-btn{margin-bottom:0}.ticket-detail .general-info.is-mobile .general-info-items.left .general-info-item{justify-content:flex-start}.ticket-detail .general-info.is-mobile .general-info-items.left .general-info-item .complete-btn{width:100%}.ticket-detail .message-section{display:flex;flex-grow:1;min-height:130px;flex-direction:column-reverse;overflow-y:auto}[dir] .ticket-detail .message-section{padding:20px 15px}.ticket-detail .message-section .message{display:flex;flex-direction:row-reverse}[dir] .ticket-detail .message-section .message{margin-bottom:10px}.ticket-detail .message-section .message .user-avatar{height:40px;width:40px}.ticket-detail .message-section .message .user-avatar .user-image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}[dir] .ticket-detail .message-section .message .user-avatar .user-image{border-radius:50%}.ticket-detail .message-section .message .message-body{width:calc(100% - 110px);max-width:500px;color:#fff}[dir] .ticket-detail .message-section .message .message-body{margin:0 10px;padding:15px;background-color:#4e7fe0}[dir=ltr] .ticket-detail .message-section .message .message-body{border-radius:.5rem 0 .5rem .5rem}[dir=rtl] .ticket-detail .message-section .message .message-body{border-radius:0 .5rem .5rem .5rem}.ticket-detail .message-section .message .message-body .message-header{display:flex;flex-direction:row-reverse;justify-content:flex-start;font-size:15px;color:#fff}[dir] .ticket-detail .message-section .message .message-body .message-header{margin-bottom:20px}[dir] .ticket-detail .message-section .message .message-body .message-header .user-company,[dir] .ticket-detail .message-section .message .message-body .message-header .user-name{margin:0 5px}[dir] .ticket-detail .message-section .message .message-body .attach-list{margin-top:20px}.ticket-detail .message-section .message .message-body .attach-list .attach-link{display:flex;align-items:center;color:inherit}[dir] .ticket-detail .message-section .message .message-body .attach-list .attach-link .attach-name{margin:0 10px}.ticket-detail .message-section .message .message-date{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:70px}.ticket-detail .message-section .message .message-date .date,.ticket-detail .message-section .message .message-date .time{white-space:nowrap}.ticket-detail .message-section .message.client{flex-direction:row}.ticket-detail .message-section .message.client .message-body{color:#000}[dir] .ticket-detail .message-section .message.client .message-body{background-color:#eff0f7}[dir=ltr] .ticket-detail .message-section .message.client .message-body{border-radius:0 .5rem .5rem .5rem}[dir=rtl] .ticket-detail .message-section .message.client .message-body{border-radius:.5rem 0 .5rem .5rem}.ticket-detail .message-section .message.client .message-body .message-header{color:#000;flex-direction:row}[dir=ltr] .ticket-detail .message-section .message.client .message-body .message-header{text-align:left}[dir=rtl] .ticket-detail .message-section .message.client .message-body .message-header{text-align:right}.ticket-detail .message-section .message.client .message-date{align-items:flex-start}