.supportTickets_summary ul { display: flex; flex-wrap: wrap; }
.supportTickets_summary li { list-style: none; display:flex; align-items: center; }
.supportTickets_summary li:not(:last-child):after { content: "|"; margin: 0 12px; }
.supportTickets_summary li label { font-weight: 600; margin-right: 4px; }
.fieldset.hdmx__ticket-history { display: flex; flex-direction: column-reverse; }
.hdmx__tickets .action.create-button { float: none; margin: 0px 0 15px; line-height: 1.2; padding: 12px 18px; font-size: 14px;
 letter-spacing: 0.5px; }
.hdmx__ticket-history .hdmx__message { max-width: 70%; }
.hdmx__message.customer-chat { margin-left: auto; text-align: right; }
.hdmx__message.user-chat { margin-right: auto; }
.hdmx__ticket-history .hdmx__message .hdmx-message__header { font-size: 13px; line-height: 1.1; }
.hdmx__ticket-history .hdmx__message .hdmx-message__header strong { font-weight: 400; }
.hdmx__ticket-history .hdmx__message .hdmx-message__body { border: 0; padding: 10px 20px; border-radius: 10px 0px 10px 10px; 
min-width: 40%; width: 100%; }
.hdmx__ticket-history .hdmx__message .hdmx-message__body.user { border-radius: 0px 10px 10px 10px; }
.hdmx__ticket-view .back-link { float: right; margin: -53px 0 0; }
.hdmx__ticket-view .back-link a { background: #222; padding: 5px 10px; display: inline-block; border-radius: 5px; color: #fff;
 text-decoration: none; }
.hdmx__ticket-view .back-link a:hover { background: #37ae52; } 
.hdmx__ticket-summary { margin-top: 0; clear: both; } 
.reply-box { position: relative; }
.reply-box .actions-toolbar { position: absolute; bottom: 21px;
  width: auto; left: 1px; background: #fff; right: 1px; padding: 5px 0 0; }
.hdmx__ticket-view .hdmx__ticket-reply .actions-toolbar .primary-send { background: #fff !important;
  padding: 0;  border: 0; font-size: 26px; margin: 0px 2px 2px 0; padding-right: 5px; }
.hdmx__ticket-view .hdmx__ticket-reply .actions-toolbar .primary-send:before { color: #1fb155; }
.hdmx__ticket-view .hdmx__ticket-reply .actions-toolbar .primary-send:hover:before { color: #37ae52; }
.hdmx__ticket-view .hdmx__ticket-reply .actions-toolbar .primary-send span { font-size: 0; }  
.hdmx__ticket-reply .reply-box .actions-toolbar:after,
.hdmx__ticket-reply .reply-box .actions-toolbar:before { display: none; }
.hdmx__ticket-reply .reply-box .actions-toolbar { display: flex; align-items: flex-end; justify-content: space-between;  }
.hdmx__ticket-view .hdmx__ticket-reply .actions-toolbar .action.primary { padding: 6px 15px; font-size: 14px; height: auto; border-radius: 3px; letter-spacing: 1px; margin: 0 5px 5px; }
.reply-box textarea { height: 160px; }
.supportTickets_summary ul { padding: 0; }
.hdmx__contact-popup .fieldset :last-child, 
.hdmx__contact-form .fieldset :last-child, 
.hdmx__ticket-new .fieldset :last-child { margin-top: 0; }
.hdmx__ticket-reply div.mage-error { position: absolute; top: 100%; left: 0; }
.hdmx__ticket-reply .control { position: relative; }
.hdmx__ticket-view .reply-box p.max-attachment-size { margin: 0 0 1px; }
.hdmx__ticket-view .reply-box .field_attachment { position: absolute; left: 140px; bottom: 5px; }
.hdmx__ticket-view .hdmx__ticket-reply .actions-toolbar .primary-send svg { vertical-align: top; }