.ticket-file-list .attachments,.view-ticket .attachments{flex-flow:wrap;gap:10px;margin-top:10px;display:flex}.ticket-file-list .delete-attachment,.ticket-file-list .attachment .btn.btn-link,.ticket-file-list .attachment a,.view-ticket .delete-attachment,.view-ticket .attachment .btn.btn-link,.view-ticket .attachment a{background-color:var(--background-color);border-radius:8px;flex-flow:row;align-items:center;gap:15px;padding:10px;display:flex}.ticket-file-list .delete-attachment .file-name,.ticket-file-list .attachment .btn.btn-link .file-name,.ticket-file-list .attachment a .file-name,.view-ticket .delete-attachment .file-name,.view-ticket .attachment .btn.btn-link .file-name,.view-ticket .attachment a .file-name{overflow-wrap:break-word;font-weight:550;overflow:hidden}@media only screen and (width<=576px){.ticket-file-list .delete-attachment .file-name,.ticket-file-list .attachment .btn.btn-link .file-name,.ticket-file-list .attachment a .file-name,.view-ticket .delete-attachment .file-name,.view-ticket .attachment .btn.btn-link .file-name,.view-ticket .attachment a .file-name{max-width:100px}}.ticket-file-list .delete-attachment .icon,.ticket-file-list .attachment .btn.btn-link .icon,.ticket-file-list .attachment a .icon,.view-ticket .delete-attachment .icon,.view-ticket .attachment .btn.btn-link .icon,.view-ticket .attachment a .icon{color:var(--color-1);font-size:30px}.dark-mode .attachment a{background-color:var(--box-content-alt-color)}.ticket-file-list{flex-wrap:wrap;gap:10px;display:flex}.message-block{width:80%}@media only screen and (width<=576px){.message-block{width:calc(100% - 40px)}}.message-block .date{margin:0 54px;padding:5px;font-size:13px}@media only screen and (width<=992px){.message-block .date{margin:0}}.message-block .message-content{box-shadow:var(--box-shadow);overflow-wrap:break-word;border-radius:8px;flex:1;padding:20px}.message-block .message-content img{max-width:90%}.message-block.left .message-content{background-color:var(--color-0)}.message-block.right{align-self:flex-end}.message-block.right .date{float:right}.message-block.right .main-block{flex-direction:row-reverse}.message-block.right .message-content{background-color:var(--color-7);color:var(--text-white-color);word-break:break-word;align-self:flex-end;overflow:hidden}.message-block.right .message-content .attachment .btn.btn-link,.message-block.right .message-content .attachment a{color:var(--text-white-color);background-color:#86b04980}.message-block.right .message-content .attachment .btn.btn-link svg,.message-block.right .message-content .attachment a svg,.message-block.right .message-content .attachment .btn.btn-link:hover,.message-block.right .message-content .attachment a:hover{color:var(--text-white-color)}.message-block .main-block{margin-top:20px;display:flex}.message-block .main-block .logo-user{box-shadow:var(--box-shadow);background:linear-gradient(90deg,#ffed00 0%,#7cbb4b 58%,#009c4d 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 8px;display:flex}@media only screen and (width<=576px){.message-block .main-block .logo-user{display:none}}.message-block .main-block .logo-user .image-spacing{background-color:var(--color-0);border:4px solid var(--color-0);border-radius:50%;justify-content:space-around;align-items:center;width:calc(100% - 2px);height:calc(100% - 2px);display:flex}.message-block .main-block .logo-user .letters{color:var(--color-1);text-transform:uppercase;font-size:17px;font-weight:700}.view-ticket{gap:25px;display:flex}@media only screen and (width<=992px){.view-ticket{flex-wrap:wrap-reverse}}.view-ticket .ticket{flex:1}.view-ticket .ticket .ticket-chat{background-color:#275e391a;flex-direction:column;padding:25px;display:flex}@media only screen and (width<=992px){.view-ticket .ticket .ticket-chat{padding:7px}}.view-ticket .ticket .new-message{border-top:1px solid var(--form-border-color);align-items:center;padding:20px 20px 10px;display:flex}@media only screen and (width<=992px){.view-ticket .ticket .new-message{flex-wrap:wrap}}.view-ticket .ticket .new-message .drop-container{display:none}.view-ticket .ticket .new-message .row{flex:1;margin-right:10px}.view-ticket .ticket .new-message .form-label{display:none}.view-ticket .ticket .new-message .custom-form-group-container{margin-bottom:0}.view-ticket .ticket .new-message .attachment-link{color:var(--color-1);cursor:pointer;align-items:center;padding-right:20px;font-size:20px;display:flex}.view-ticket .ticket .new-message .button-submit{align-items:center;display:flex}@media only screen and (width<=992px){.view-ticket .ticket .new-message .button-submit{flex:0 0 100%;justify-content:flex-end;margin-right:0}}.view-ticket .right-menu-panel{width:230px}@media only screen and (width<=992px){.view-ticket .right-menu-panel{width:100%}}.view-ticket .right-menu-panel .main-title{color:var(--text-dark-color);font-weight:600}.view-ticket .right-menu-panel .title{color:var(--text-light-color);padding-top:25px}.view-ticket .right-menu-panel .value{overflow-wrap:break-word;padding:5px 0}.view-ticket .right-menu-panel .ticket-operations{margin-top:25px}.dark-mode .view-ticket .ticket-chat{background-color:#000}.ticket-status{max-width:190px;font-size:13px;font-weight:600}.ticket-status.open{color:#3d86c3}.ticket-status.closed{color:var(--text-dark-color)}.ticket-status.siac-responded,.ticket-status.resolved{color:var(--color-101)}.ticket-status.pending,.ticket-status.pending-others,.ticket-status.pending-user{color:var(--color-100)}
