.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0; }
.clearfix:after { clear: both; }
.hide-text { background-color: transparent; border: 0; color: transparent; font: 0/0 a; text-shadow: none; }
.input-block-level { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; min-height: 30px; width: 100%; }

.ticket-history { padding: 6px 15px 6px 15px; }
.ticket-history > .legend { margin: -16px 0 0 5px; }
.ticket-history p { margin-bottom: .5em; }
.ticket-history .fieldset { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; margin: 10px 0px; padding: 10px 20px; }
.ticket-history .fieldset .legend { font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
.ticket-history .fieldset.user { background-color: #fff; background-image: -moz-linear-gradient(top, #fdfffd, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfffd), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fdfffd, #ffffff); background-image: -o-linear-gradient(top, #fdfffd, #ffffff); background-image: linear-gradient(to bottom, #fdfffd, #ffffff); background-repeat: repeat-x; border: 1px solid #8eb589; border-left: 5px solid #8eb589; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfffd', endColorstr='#ffffffff', GradientType=0); }
.ticket-history .fieldset.customer { background-color: #fff; background-image: -moz-linear-gradient(top, #fafcff, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafcff), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fafcff, #ffffff); background-image: -o-linear-gradient(top, #fafcff, #ffffff); background-image: linear-gradient(to bottom, #fafcff, #ffffff); background-repeat: repeat-x; border: 1px solid #9cb4c5; border-left: 5px solid #9cb4c5; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafcff', endColorstr='#ffffffff', GradientType=0); }

form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list button.button { margin: 15px 0px 0px; }
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li .MultiFile-list { margin: 20px 0px 0px; }
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li .MultiFile-list .MultiFile-label { border: 1px solid #eaeaea; margin: 0px 0px 10px;padding: 10px 20px 10px;}
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li .MultiFile-list .MultiFile-label:last-child {margin: 0px;}
.MultiFile-wrap .MultiFile-list .MultiFile-label .MultiFile-remove { color: #f00; display: inline-block; font-size: var(--size-20); line-height: normal; margin-right: 5px; text-decoration: none; vertical-align: middle;}
.helpdesk-contact-form { background-color: #fff; border: 1px solid #ddd; color: #333; font-family: var(--default-font), "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--size-14); margin-inline: auto;  padding: 1rem; position: relative; width: min(600px, 90%); }

.helpdesk-contact-form:before, .helpdesk-contact-form:after { content: ""; display: table; line-height: 0; }
.helpdesk-contact-form:after { clear: both; }
.helpdesk-contact-form a { color: #1a6690; }
.helpdesk-contact-form .dropbox h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--size-20); font-weight: normal; line-height: 30px; margin: 0px 0px 5px 0px; padding: 0; }
.helpdesk-contact-form .dropbox .inside-form { background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 8px; padding: 15px; *zoom: 1; }
.helpdesk-contact-form .dropbox .inside-form:before, .helpdesk-contact-form .dropbox .inside-form:after { content: ""; display: table; line-height: 0; }
.helpdesk-contact-form .dropbox .inside-form:after { clear: both; }
.helpdesk-contact-form .dropbox .inside-form ul { list-style: none; margin: 0; padding: 0;}
.helpdesk-contact-form .dropbox .inside-form ul li { flex: 1; margin-bottom: 1rem; }
.helpdesk-contact-form .dropbox .inside-form ul .wide { margin-bottom: 15px; margin-top: 10px; }
.helpdesk-contact-form .dropbox .inside-form ul .customer-details { display: flex; gap: 1rem; }
.helpdesk-contact-form .dropbox .inside-form ul .fields { display: flex; }
.helpdesk-contact-form .dropbox .inside-form ul .fields li.field1, .helpdesk-contact-form .dropbox .inside-form ul .fields li.field2 { float: left; width: 50%; }
.helpdesk-contact-form .dropbox .inside-form ul .fields li.field1 select, .helpdesk-contact-form .dropbox .inside-form ul .fields li.field2 select { width: 262px; }
.helpdesk-contact-form .dropbox .inside-form ul .fields li.field1 { margin-right: 20px; }

.helpdesk-contact-form .dropbox .post-button { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #1a6690; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); float: right; font-size: var(--size-14); font-weight: bold; margin-top: 10px; padding: 7px 12px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }
.helpdesk-contact-form .dropbox .post-button:hover { background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff); background-image: -o-linear-gradient(top, #e6e6e6, #ffffff); background-image: linear-gradient(to bottom, #e6e6e6, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0); }
.helpdesk-contact-form .close { color: #666; cursor: pointer; filter: alpha(opacity=70); font-size: var(--size-23); font-weight: bold; opacity: 0.7; position: absolute; right: 10px; top: 5px; }
.helpdesk-contact-form .close:hover { filter: alpha(opacity=100); opacity: 1; }
.helpdesk-contact-form.success { height: 80px; }
.helpdesk-contact-form.success .dropbox { padding: 33px 0px; }
.helpdesk-contact-form.success .dropbox ul { color: #00BD00; font-weight: bold; list-style: none; margin: 0; padding: 0; text-align: center; }
.helpdesk-contact-form.form-kb .input-box input { width: 480px; }
.helpdesk-contact-form.form-kb .input-box button { margin-top: 0px; }
.helpdesk-contact-form.form-kb-result .article-item .detail { color: #777; font-size: var(--size-13); line-height: 18px; margin-top: 5px; }
.helpdesk-contact-form.form-kb-result a.more { float: right; }
.helpdesk-contact-form.form-kb-result a.back { float: left; }
.helpdesk-contact-form-overlay { background: rgba(0, 0, 0, 0.2); height: 10000000px; left: 0px; position: fixed; top: 0px; width: 100000px; z-index: 90000; }
.helpdesk-contact-form-button { cursor: pointer; }
.helpdesk-contact-form-button.left { font-weight: bold; left: -57px; margin-top: -75px; position: fixed; top: 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); width: 150px; z-index: 1000000; *zoom: 1; }
.helpdesk-contact-form-button.left:before, .helpdesk-contact-form-button.left:after { content: ""; display: table; line-height: 0; }
.helpdesk-contact-form-button.left:after { clear: both; }
.helpdesk-contact-form-button.left .button-text { color: #fff; font-size: 1rem !important; font-weight: normal; line-height: normal !important; padding: .5rem 1rem; text-align: center; }
.helpdesk-contact-form-button.right { font-weight: bold; position: fixed; right: -26px; top: 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); z-index: 1000000; *zoom: 1; }
.helpdesk-contact-form-button.right:before, .helpdesk-contact-form-button.right:after { content: ""; display: table; line-height: 0; }
.helpdesk-contact-form-button.right:after { clear: both; }
.helpdesk-contact-form-button.right .button-text { border: 1px solid #fff; color: #fff; margin: 1px; padding: 9px 10px; }
.helpdesk-contact-form-iframe { height: 660px; left: 50%; position: fixed; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 650px; z-index: 100000; *zoom: 1; }
.helpdesk-contact-form-iframe:before, .helpdesk-contact-form-iframe:after { content: ""; display: table; line-height: 0; }
.helpdesk-contact-form-iframe:after { clear: both; }
@media (max-width: 680px) {
  .helpdesk-contact-form-iframe { height: 84%; width: 80%; }
  .helpdesk-contact-form .dropbox .inside-form ul .customer-details { flex-direction: column; gap: 0; }

}

.helpdesk-box-tickets .box-head h2 { background-image: url(../../../images/mst_helpdesk/i_folder-table.gif); }
.helpdesk-box-tickets .data-table td { position: relative; }
.helpdesk-box-tickets .unread { background-image: url(../../../images/mst_helpdesk/i_unread2.png); background-position: 0px -8px; background-size: 20px 20px; display: inline-block; height: 11px; margin-left: 5px; width: 20px; }
iframe.helpdesk-contact-form-iframe { display: block; }
.helpdesk-custom-field .input-box.checkbox { clear: none; float: left; margin-left: 15px; width: 30px !important; }
li.checkbox { *zoom: 1; }
li.checkbox:before, li.checkbox:after { content: ""; display: table; line-height: 0; }
li.checkbox:after { clear: both; }
li.checkbox > label { float: left; }
.helpdesk-contacts-form ul { list-style: none; }
.helpdesk-ticket-view .fieldset table.helpdesk-ticket-information-table { max-width: 660px; width: 100%; }
.helpdesk-ticket-information-table td {padding: 5px 10px 5px 0px; text-align: left;}
.helpdesk-status { background-color: #c9c9c9; background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#aaaaaa)); background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa); background-image: -o-linear-gradient(top, #dddddd, #aaaaaa); background-image: linear-gradient(to bottom, #dddddd, #aaaaaa); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffaaaaaa', GradientType=0); font-size: var(--size-12); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
.helpdesk-status.open { background-color: #77da79; background-image: -moz-linear-gradient(top, #97e399, #47cd4a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97e399), to(#47cd4a)); background-image: -webkit-linear-gradient(top, #97e399, #47cd4a); background-image: -o-linear-gradient(top, #97e399, #47cd4a); background-image: linear-gradient(to bottom, #97e399, #47cd4a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff97e399', endColorstr='#ff47cd4a', GradientType=0); }
.helpdesk-status.in_progress { background-color: #ff6262; background-image: -moz-linear-gradient(top, #ff8b8b, #ff2525); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8b8b), to(#ff2525)); background-image: -webkit-linear-gradient(top, #ff8b8b, #ff2525); background-image: -o-linear-gradient(top, #ff8b8b, #ff2525); background-image: linear-gradient(to bottom, #ff8b8b, #ff2525); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff8b8b', endColorstr='#ffff2525', GradientType=0); }

/* @mirasvit for Magento 1.9.0.1 begin */
/*---------------- Create New Ticket in Account ------------------*/
h2.legend.create_new_ticket { font-size: var(--size-20); font-weight: 600; margin-top: 20px; }
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list { width: 100%;}
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li { margin: 0px 0px 15px; }
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li.wide div.input-box select { width: 100%; }
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li.wide div.input-box input { width: 100%; }
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list li.wide div.input-box textarea { width: 100%; }
form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list button.button { margin: 5px 0px 0px; }

/*---------------- Ticket Information in Account ------------------*/
h2.legend.ticket_information { font-size: var(--size-20); font-weight: 600; margin-top: 20px; }
h2.legend.post_replay { font-size: var(--size-18); font-weight: 600; margin-top: 30px; }
h2.legend.ticket_history { font-size: var(--size-18); font-weight: 600; margin-left: 0px; margin-top: 30px; }
h2.legend.ticket_history_log { font-size: var(--size-14); font-style: italic; margin-top: 20px; text-transform: none; }
.ticket-history { padding: 0px 0px 6px 0px; }

/*---------------- Contact Form ------------------*/
form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li { width: 600px; }
form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field { width: 100%; }
form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field div.input-box input { width: 95% !important; }
form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field div.input-box textarea { max-width: 95% !important; width: 95% !important; }
form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.fields div.field { width: 46.5%; }

/*---------------- Contact Form For Mobile ------------------*/
@media only screen and (max-width: 600px) {
  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li { width: 100%; }
  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.fields div.field { width: 100%; }
  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li div.field div.input-box input { width: 100% !important; }
  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field div.input-box input { width: 100% !important; }
  form#contactForm.helpdesk-contacts-form.MultiFile-intercepted div.fieldset ul.form-list li.wide div.field div.input-box textarea { max-width: 100% !important; width: 100% !important; }
}

/* @mirasvit for Magento 1.9.0.1 end */
.helpdesk-box-tickets { margin-bottom: 40px; }
#loading_mask_loader { background: #fdfffd; border: 5px solid #E0E0E0; color: #767676; font-weight: bold; left: 50%; margin-left: -62px; padding: 15px 30px; position: fixed; text-align: center; top: 45%; z-index: 1000; }

/* Extended status colors frontend support */
span.helpdesk-status.aqua { background-color: #72e7e2; background-image: -moz-linear-gradient(top, #9ffdfd, #2ec5b9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ffdfd), to(#2ec5b9)); background-image: -webkit-linear-gradient(top, #9ffdfd, #2ec5b9); background-image: -o-linear-gradient(top, #9ffdfd, #2ec5b9); background-image: linear-gradient(to bottom, #9ffdfd, #2ec5b9); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9ffdfd', endColorstr='#ff2ec5b9', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.grey { background-color: #6b6b6b; background-image: -moz-linear-gradient(top, #868686, #424242); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#868686), to(#424242)); background-image: -webkit-linear-gradient(top, #868686, #424242); background-image: -o-linear-gradient(top, #868686, #424242); background-image: linear-gradient(to bottom, #868686, #424242); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff868686', endColorstr='#ff424242', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.navy { background-color: #7387bf; background-image: -moz-linear-gradient(top, #8d8dc7, #4c7eb4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8d8dc7), to(#4c7eb4)); background-image: -webkit-linear-gradient(top, #8d8dc7, #4c7eb4); background-image: -o-linear-gradient(top, #8d8dc7, #4c7eb4); background-image: linear-gradient(to bottom, #8d8dc7, #4c7eb4); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d8dc7', endColorstr='#ff4c7eb4', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.silver { background-color: #ababab; background-image: -moz-linear-gradient(top, #c0c0c0, #8b8b8b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c0c0c0), to(#8b8b8b)); background-image: -webkit-linear-gradient(top, #c0c0c0, #8b8b8b); background-image: -o-linear-gradient(top, #c0c0c0, #8b8b8b); background-image: linear-gradient(to bottom, #c0c0c0, #8b8b8b); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc0c0c0', endColorstr='#ff8b8b8b', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.black { background-color: #000000; background-image: -moz-linear-gradient(top, #000000, #000000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000)); background-image: -webkit-linear-gradient(top, #000000, #000000); background-image: -o-linear-gradient(top, #000000, #000000); background-image: linear-gradient(to bottom, #000000, #000000); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.green { background-color: #77da79; background-image: -moz-linear-gradient(top, #97e399, #47cd4a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97e399), to(#47cd4a)); background-image: -webkit-linear-gradient(top, #97e399, #47cd4a); background-image: -o-linear-gradient(top, #97e399, #47cd4a); background-image: linear-gradient(to bottom, #97e399, #47cd4a); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff97e399', endColorstr='#ff47cd4a', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.olive { background-color: #95a051; background-image: -moz-linear-gradient(top, #b4b471, #668121); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b471), to(#668121)); background-image: -webkit-linear-gradient(top, #b4b471, #668121); background-image: -o-linear-gradient(top, #b4b471, #668121); background-image: linear-gradient(to bottom, #b4b471, #668121); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb4b471', endColorstr='#ff668121', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.teal { background-color: #49a6b0; background-image: -moz-linear-gradient(top, #59afaf, #3298b1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#59afaf), to(#3298b1)); background-image: -webkit-linear-gradient(top, #59afaf, #3298b1); background-image: -o-linear-gradient(top, #59afaf, #3298b1); background-image: linear-gradient(to bottom, #59afaf, #3298b1); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59afaf', endColorstr='#ff3298b1', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.blue { background-color: #8b90ff; background-image: -moz-linear-gradient(top, #a9a9ff, #5e6bff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a9a9ff), to(#5e6bff)); background-image: -webkit-linear-gradient(top, #a9a9ff, #5e6bff); background-image: -o-linear-gradient(top, #a9a9ff, #5e6bff); background-image: linear-gradient(to bottom, #a9a9ff, #5e6bff); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa9a9ff', endColorstr='#ff5e6bff', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.lime { background-color: #67ec59; background-image: -moz-linear-gradient(top, #67ff4a, #68cf70); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67ff4a), to(#68cf70)); background-image: -webkit-linear-gradient(top, #67ff4a, #68cf70); background-image: -o-linear-gradient(top, #67ff4a, #68cf70); background-image: linear-gradient(to bottom, #67ff4a, #68cf70); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff67ff4a', endColorstr='#ff68cf70', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.purple { background-color: #d13dd1; background-image: -moz-linear-gradient(top, #dd61dd, #c007bf); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd61dd), to(#c007bf)); background-image: -webkit-linear-gradient(top, #dd61dd, #c007bf); background-image: -o-linear-gradient(top, #dd61dd, #c007bf); background-image: linear-gradient(to bottom, #dd61dd, #c007bf); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd61dd', endColorstr='#ffc007bf', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.fuchsia { background-color: #ee8dee; background-image: -moz-linear-gradient(top, #ffaeff, #d55bd5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffaeff), to(#d55bd5)); background-image: -webkit-linear-gradient(top, #ffaeff, #d55bd5); background-image: -o-linear-gradient(top, #ffaeff, #d55bd5); background-image: linear-gradient(to bottom, #ffaeff, #d55bd5); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaeff', endColorstr='#ffd55bd5', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.maroon { background-color: #b26767; background-image: -moz-linear-gradient(top, #b47171, #af5959); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b47171), to(#af5959)); background-image: -webkit-linear-gradient(top, #b47171, #af5959); background-image: -o-linear-gradient(top, #b47171, #af5959); background-image: linear-gradient(to bottom, #b47171, #af5959); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb47171', endColorstr='#ffaf5959', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.red { background-color: #ff6262; background-image: -moz-linear-gradient(top, #ff8b8b, #ff2525); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8b8b), to(#ff2525)); background-image: -webkit-linear-gradient(top, #ff8b8b, #ff2525); background-image: -o-linear-gradient(top, #ff8b8b, #ff2525); background-image: linear-gradient(to bottom, #ff8b8b, #ff2525); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff8b8b', endColorstr='#ffff2525', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.orange { background-color: #ff8c00; background-image: -moz-linear-gradient(top, #ff8c00, #ff8c00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8c00), to(#ff8c00)); background-image: -webkit-linear-gradient(top, #ff8c00, #ff8c00); background-image: -o-linear-gradient(top, #ff8c00, #ff8c00); background-image: linear-gradient(to bottom, #ff8c00, #ff8c00); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff8c00', endColorstr='#ffff8c00', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }
span.helpdesk-status.yellow { background-color: #f9ca34; background-image: -moz-linear-gradient(top, #ffd757, #f0b700); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd757), to(#f0b700)); background-image: -webkit-linear-gradient(top, #ffd757, #f0b700); background-image: -o-linear-gradient(top, #ffd757, #f0b700); background-image: linear-gradient(to bottom, #ffd757, #f0b700); background-repeat: repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd757', endColorstr='#fff0b700', GradientType=0); font-size: var(--size-11); font-weight: bold; padding: 2px 15px; white-space: nowrap; }

.attachment.input-box { height: auto; }
.helpdesk-ticket-external .fieldset, .helpdesk-ticket-view .fieldset { border: 0; }
.helpdesk-ticket-external .fieldset h2, .helpdesk-ticket-view .fieldset h2 { float: none; }
@media screen and (max-width:991px){
    form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list, form#helpdesk-form-validate.MultiFile-intercepted div.fieldset ul.form-list, .helpdesk-ticket-view .fieldset table.helpdesk-ticket-information-table{max-width: 100%;}
}
@media screen and (max-width:770px){
    .helpdesk-box-tickets table#my-tickets-table { border:none; display: table; }
    .helpdesk-box-tickets table#my-tickets-table thead { display: none; }
    .helpdesk-box-tickets table#my-tickets-table tr { border: 1px solid #ebebeb; display: block; margin: 0px 0px 30px; padding: 10px 0px;text-align: center;}
    .helpdesk-box-tickets table#my-tickets-table td { display: block; padding: 5px 10px; text-align: center; }
    .helpdesk-box-tickets table#my-tickets-table td:before {content: attr(data-name);display: table;font-weight: bold;margin: 0px auto;}
}

/* for captcha purposes */

.helpdesk-contact-form-container { align-items: center; background-color: rgba(0 0 0 / .3); display: none; inset: 0; justify-content: center; position: fixed; z-index: 9999999; }
.helpdesk-contact-form-container.active { display: flex; }
.helpdesk-contact-form-content { width: 100%; }
#helpdesk-contact-form .email { display: none; }
.helpdesk-contact-form .dropbox .inside-form { border: 0; padding: 0;  }
.helpdesk-contact-form-content.success form { display: none; }
.helpdesk-contact-form-content.success { align-items: center; background: #fff; display: flex; font-size: 1rem; font-weight: 500; height: 15vh; justify-content: center; text-align: center; width: min(600px, 90%); }
.helpdesk-contact-form-content.loading .helpdesk-contact-form .btn {cursor: not-allowed;font-size: 0;opacity: .5;pointer-events: none;}
.helpdesk-contact-form-content.loading .helpdesk-contact-form { pointer-events: none; }