div.clear, .clear {
    clear: both;
}

.component-content div.current {
    max-width: 95%;
}

form div {
    margin: 0;
}

tr, td {
    border: 0px;
}

.mgbt20 {
    margin-bottom: 20px;
}

.fllf {
    float: left;
}

.flrg {
    float: right;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.w100 {
    width: 100%;
}

.w50 {
    width: 50%;
}

.maqmahelpdesk .table th.tar,
.maqmahelpdesk .table td.tar,
.tar {
    text-align: right;
}

.maqmahelpdesk .table th.tal,
.maqmahelpdesk .table td.tal,
.tal {
    text-align: left;
}

.maqmahelpdesk .table th.tac,
.maqmahelpdesk .table td.tac,
.tac{
    text-align: center;
}

/* Ajax Rating */
#rating .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cpath fill='%23d5dbe1' d='M12.5 2.6 15.02 9.03 21.93 9.4 16.54 13.68 18.32 20.4 12.5 16.64 6.68 20.4 8.46 13.68 3.07 9.4 9.98 9.03Z'/%3E%3C/svg%3E") left -1000px repeat-x;
}

#rating .star-rating {
    position: relative;
    width: 125px;
    height: 25px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: left top;
}

.star-rating li {
    display: inline;
}

.star-rating a, .star-rating .current-rating {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    height: 25px;
    line-height: 25px;
    outline: none;
    overflow: hidden;
    border: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cpath fill='%23d98c0a' d='M12.5 2.6 15.02 9.03 21.93 9.4 16.54 13.68 18.32 20.4 12.5 16.64 6.68 20.4 8.46 13.68 3.07 9.4 9.98 9.03Z'/%3E%3C/svg%3E");
    background-position: left top;
}

.star-rating .current-rating {
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cpath fill='%23f2a521' d='M12.5 2.6 15.02 9.03 21.93 9.4 16.54 13.68 18.32 20.4 12.5 16.64 6.68 20.4 8.46 13.68 3.07 9.4 9.98 9.03Z'/%3E%3C/svg%3E");
    background-position: left top;
}

.inline-rating {
    display: -moz-inline-block;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}

.small-star {
    width: 50px;
    height: 10px;
}

.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
    background-image: url(../../../../../../media/com_maqmahelpdesk/images/rating/star_small.gif);
    line-height: 10px;
    height: 10px;
}

/* Dashboard */
.dashboard {
    margin-bottom: 20px;
    font-family: Arial;
    width: 100%;
    margin-top: 20px;
}

.dashboard ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dashboard ul li:first-child {
    margin: 0;
}

.dashboard ul li {
    display: block;
    float: left;
    margin-left: 40px;
    width: 27%;
    vertical-align: middle;
    background: transparent;
}

.dashboard a.grey {
    text-decoration: none;
    background: #EFEFEF;
    border: 1px solid #D5D5D5;
    color: #B55D5C;
    cursor: default;
}

.count {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    font-size: 26px;
    height: 40px;
    display: inline-block;
    float: left;
    line-height: 41px;
    padding: 0 10px;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    margin-right: 10px;
}

.dashboard ul li span {
    color: #424242;
    font-size: 16px;
    display: block;
    vertical-align: middle;
    white-space: normal;
    width: 150px;
}

/* Glossary */
.listNav {
    margin: 0 0 10px;
}

.ln-letters {
    overflow: hidden;
    margin-bottom: 20px;
}

.ln-letters a {
    font-size: 0.9em;
    display: block;
    float: left;
    padding: 2px 6px;
    border: 1px solid silver;
    border-right: none;
    text-decoration: none;
}

.ln-letters a.ln-last {
    border-right: 1px solid silver;
}

.ln-letters a:hover,
.ln-letters a.ln-selected {
    background-color: #eaeaea;
}

.ln-letters a.ln-disabled {
    color: #ccc;
}

.ln-letter-count {
    text-align: center;
    font-size: 0.8em;
    line-height: 1;
    margin-bottom: 3px;
    color: #336699;
    margin-top: -60px;
}

#myList li {
    list-style: none;
}

/* Subtitle with line */
h4 .divider {
    z-index: 0;
    background: url("../../../images/ui/divpixel.gif") repeat-x scroll center bottom transparent;
}

h4 span {
    background: none repeat scroll 0 0 white;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 32px;
    padding-right: 6px;
    position: relative;
    z-index: 2;
    text-align: right;
    width: 125px;
}

.clearfix {
    display: block;
}

h4 {
    color: #333333;
    margin: 0;
    padding: 0;
}

h4 span.downloads {
    width: auto;
}

/* Forms */
.form .field, .form .note {
    margin-bottom: 1.5em;
    width: 100%;
}

.form .field label.allfield, .form .field span.label.allfield {
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 20px;
    position: relative;
    text-align: right;
    width: 125px;
    font-size: 85%;
    line-height: 13px;
    margin-top: 5px;
}

.form .field input, .form .field input[type="textarea"], .form .field select {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC;
    padding: 4px;
}

.form .medium {
    width: 200px;
}

.form .large {
    width: 500px;
}

.form .fieldtip {
    color: #777777;
    font-size: 90%;
    margin-left: 145px;
    margin-top: 10px;
}

.controlset .controlset-pad {
    float: left;
    width: 300px;
}

.controlset {
    float: left;
    margin-bottom: 2.5em;
}

span.required {
    color: #ff0000;
    font-weight: bold;
    padding: 5px;
}

.buttonsbox {
    text-align: right;
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #555555;
    margin-bottom: 8px;
    padding: 8px;
    height: 28px;
}

#pdiv {
    padding-bottom: 20px;
}

.inputbox:focus {
    border: 1px solid #77B3D8;
    -moz-box-shadow: 0 0 7px #C8E0EF;
    -webkit-box-shadow: 0 0 7px #C8E0EF;
    -o-box-shadow: 0 0 7px #C8E0EF;
    box-shadow: 0 0 7px #C8E0EF;
}

#mqmbuttonsbox {
    text-align: right;
}

.form .field.mb5 {
    margin-bottom: 5px;
}

.form .field.pt20 {
    padding-top: 20px;
}

/* KB */
ul.kbbullet {
    margin: 5px 5px;
    list-style: none;
    padding: 0;
}

ul.kbbullet li {
    list-style-type: none;
    margin: 0px -5px;
    text-indent: 3px;
}

ul.kbbullet li a {
    text-decoration: none;
    padding-left: 1.5em;
    font-weight: normal;
}

/* FAQ */
.faq-answer {
    display: none;
}

/* Tables */
.contenttable {
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #bbb;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

.contenttable th {
    padding: 5px 5px 4px 5px;
}

.contenttable td {
    padding: 2px 2px 2px 2px;
}

.contenttable td.title {
    font-size: 100%;
}

.contenttable th {
    text-align: left;
    font-weight: normal;
}

.contenttable tr.even th,
.contenttable tr.even td {
    background: #f5f5f5;
}

.contenttable thead th {
    text-shadow: #fff 0 1px 0;
    border-bottom: 1px solid #bbb;
}

.contenttable thead td {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    text-shadow: #fff 0 1px 0;
}

/* f2f2f2 d5d5d5 */
.contenttable thead tr {
    background: #ddd url("../../../../../media/com_maqmahelpdesk/images/table/thead.gif") repeat-x;
}

.contenttable tbody tr.first th,
.contenttable tbody tr.first td {
    border-top: 1px solid #bbb;
}

.contenttable tbody {
    color: #333;
}

.contenttable tfoot th,
.contenttable tfoot td {
    border-top: 1px solid #ccc;
    background: #fff url("../../../../../media/com_maqmahelpdesk/images/table/tfoot.gif") repeat-x;
}

.contenttable tr.even th {
    background: #f5f5f5;
}

#tableoptions {
    text-align: right;
}

#tableoptiondesc {
    font-size: 10px;
    color: #c5c5c5;
}

#logs .contenttable {
    border: 0;
}

/* Workgroup list / Workgroup options / Download Categories / Download Products List - TO REMOVE/CHANGE */
div.depicon {
    text-align: left;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 49%;
    float: left;
}

div.depicon a {
    display: block;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 60px;
    width: 93%;
    color: #666;
    vertical-align: middle;
    text-decoration: none;
    padding: 10px;
}

div.depicon a:hover {
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f9f9f9;
    color: #000;
}

div.depicon a:hover img.imglogo {
    opacity: 1;
}

div.depicon img.imglogo {
    float: left;
    padding-right: 10px;
    margin: 0 auto;
    border: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    opacity: 0.75;
}

div.depicon img.imglogo:hover {
    opacity: 1.0;
}

div.depicon div.flag {
    position: absolute;
    border: 0;
    width: 50px;
    height: 18px;
    margin-top: 60px;
    margin-left: -2px;
}

div.depicon small {
    font-size: 11px;
    font-weight: normal;
}

/* Ticket Manager */
.noreply {
    background: #fae2e2;
}

#filters {
    display: none;
}

#filters-simple table, #filters table, #filters-simple table tr, #filters table tr, #filters-simple table td, #filters table td {
    border: 0;
}

#filters td {
    padding: 5px;
}

#filters span, #filters-simple {
    font-weight: bold;
    color: #444;
}

#filters input[type="text"], #filters-simple input[type="text"], #filters select, #filters-simple select {
    background: #fff;
    margin: 0;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

#filters select, #filters-simple select {
    height: 30px;
}

#filters-simple {
}

#filters-simple #filters2 {
    text-align: right;
}

#filters-simple #filters2 .customStyleSelectBoxInner {
    text-align: left;
}

a.filters-expand, a.filters-collapse {
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

a.filters-expand:hover, a.filters-collapse:hover {
    background-color: #f5f5f5;
}

#limitchange {
    width: 60px;
    margin-bottom: 31px;
    height: 36px;
    text-align: center;
}

/* Ticket details */
.ticket_body {
    padding: 10px;
}

.ticket_subject {
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 5px;
    color: #505050;
    text-shadow: 1px 1px 0 white;
}

.ticket_message {
    padding-left: 25px;
    font-size: 10pt;
}

.ticket_message img {
    padding: 5px;
}

.ticket_options {
    padding: 3px;
    margin-top: 4px;
    font-size: 10pt;
    text-align: right;
    height: 20px;
}

.ticket_options div {
    font-size: 10pt;
}

/*.js_status{
    background:url(../../../../../media/com_maqmahelpdesk/images/integrations/jomsocial.png) no-repeat 50% 50%;
}*/

/* Announcements */
#announcements {
    text-align: center;
}

#announcements .announce_left {
    float: left;
    margin-right: 14px;
    padding: 5px;
    width: 40px;
    border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    text-align: center;
    background: #e0e0e0 url("../../../images/ui/smooth-gradient-light.jpg") repeat-x scroll 0 0;
    border: 1px solid #C0C0C0;
    margin-bottom: 10px;
}

#announcements .announce_right {
    float: left;
}

#announcements .announce_right h3 {
    font-size: 22px;
    line-height: 20px;
    margin-top: 14px;
}

#announcements .date {
    color: #555;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-shadow: 0 1px white;
}

#announcements .month {
    color: #555;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-shadow: 0 1px white;
}

/* Logs */
.contenttable .log.date {
    background: #eeeeee;
    border-top: 2px solid #e0e0e0;
    width: 55px;
}

.contenttable .log.daterow {
    background: #fff;
    border-top: 2px solid #e0e0e0;
}

.contenttable .log.empty {
    background: #fff;
}

/* Auto complete */
.control-group .controls input[type="text"]#ac_me{
    width: 75%;
}

.ac_input {
    width: 200px;
}

.ac_results {
    padding: 0px;
    z-index: 9999999;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0 0 7px 7px;
    padding-bottom: 5px;
    overflow: auto;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    text-align: left;
    margin: 0px;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    width: 98%;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}

.ac_results li i {
    color: #666;
}

.ac_loading {
    background: url('../../../images/loading.gif') right center no-repeat;
}

.ac_select {
    background-color: #ddd;
    color: #666;
}

.ac_even {
}

.ac_odd {
    background: #f5f5f5;
}

.ac_over {
    background: #ddd;
}

/* CC and BCC */
#cc_emails, #bcc_emails {
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
    height: auto;
    min-height: 0;
}

#cc_emails div, #bcc_emails div {
    height: 20px;
    float: left;
    padding: 2px 4px;
    border: 1px solid #ccc;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#cc_emails div a, #bcc_emails div a {
    width: 7px;
    height: 7px;
    background: url("../../../images/close.gif") no-repeat top left;
    display: block;
    margin: -14px 4px 0 6px;
    float: right;
}

/* Discussions */
#discussions {
    margin-top: 15px;
}

#discussions .discussion-category {
    float: left;
    width: 45%;
    margin-right: 5px;
    padding: 10px 10px 20px 10px;
    background-color: #F5F5F5;
    border: 1px solid #EEE;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

#discussions .discussion-category h2 {
    margin: 0 0 10px 0;
}

#discussions .discussion-category .viewmore {
    text-align: right;
}

#discussions {
    border-top: 1px solid #DFE0E1;
    padding-top: 10px;
}

#discussions h3 {
    margin: 0 0 10px 0;
}

#discussions .tags span {
    padding: 3px;
    background: #ddd;
    color: #777;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 5px;
    margin-right: 5px;
    text-shadow: 0 1px white;
}

#discussions .votes {
    padding-top: 5px;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 0 1px white;
    text-align: center;
    border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    text-align: center;
    border: 1px solid #C0C0C0;
    float: left;
    margin-left: -86px;
    margin-top: 81px;
    width: 71px;
}

#discussions .nrvotes {
    padding-top: 12px;
    line-height: 16px;
    float: left;
    height: 50px;
    width: 50px;
}

#discussions .votes.normal {
    background: #e0e0e0 url("../../../images/ui/normal.jpg") repeat-x scroll 0 0;
}

#discussions .votes.selected {
    background: #e0e0e0 url("../../../images/ui/selected.jpg") repeat-x scroll 0 0;
}

#discussions .votes.answers {
    background: #e0e0e0 url("../../../images/ui/answers.jpg") repeat-x scroll 0 0;
}

#discussions .votes small {
    font-size: 10px;
}

/* Discussion detail */
#discussions .details {
    width: 100%;
    padding-top: 10px;
    text-align: right;
}

#discussions .tags {
    margin-top: 5px;
}

#discussions .discussion_left {
    float: left;
    margin-right: 14px;
    width: 10%;
}

#discussions .discussion_right {
    float: left;
    width: 85%;
}

#discussions .discussion_right h3 {
    font-size: 22px;
    line-height: 20px;
    margin-top: 0;
}

#discussions .discussion_right h3.selected {
    font-size: 22px;
    line-height: 20px;
    margin-top: 0;
    color: #87C457;
    text-shadow: 0 1px white;
    font-weight: bold;
}

#discussions .posted {
    color: #555;
    font-size: 10px;
    line-height: 13px;
    text-align: right;
    text-shadow: 0 1px white;
}

#discussions .votes .vote_up, #discussions .votes .vote_down {
    padding-left: 48px;
    margin-top: 5px;
}

#discussions .votes .vote_up a {
    display: block;
    height: 20px;
    background: url("../../../images/ui/plus_minus.png") no-repeat top left;
}

#discussions .votes .vote_down a {
    display: block;
    height: 20px;
    background: url("../../../images/ui/plus_minus.png") no-repeat bottom left;
}

#discussions .selected_answer {
    padding: 10px;
    border: 1px solid #87C457;
    background: #c5f0c5 url("../../../images/ui/selected.jpg") repeat-x scroll 0 0;
}

#discussions .answer {
    margin-top: 10px;
}

#discussions #answer_text {
    width: 100%;
    height: 150px;
}

.unpublished {
    color: #fff;
    font-size: 10px;
    font-family: Verdana;
    background: #f00000;
    padding: 3px;
    margin-left: 5px;
}

/* DataTable */
.dataTables_wrapper {
    position: relative;
    min-height: 302px;
    clear: both;
    _height: 302px;
    zoom: 1;
    border-bottom: 1px solid #ddd;
}

.dataTables_empty {
    font-size: 10px;
    height: 20px;
    text-align: center;
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: #fff;
}

.dataTables_length {
    width: 40%;
    float: left;
    padding-bottom: 5px;
}

#tickettable {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

#tickettable thead a:link, #tickettable thead a:visited, #tickettable thead a:hover {
    color: #666;
    text-decoration: none;
    background: transparent;
    display: block;
}

#tickettable thead a:hover {
    color: #666;
}

.sorting_ASC {
    background: url('../../../../../media/com_maqmahelpdesk/images/table/sort_asc.png') no-repeat center right;
    cursor: pointer;
}

.sorting_DESC {
    background: url('../../../../../media/com_maqmahelpdesk/images/table/sort_desc.png') no-repeat center right;
    cursor: pointer;
}

.sorting {
    background: url('../../../../../media/com_maqmahelpdesk/images/table/sort_both.png') no-repeat center right;
    cursor: pointer;
}

.sorting_asc_disabled {
    background: url('../../../../../media/com_maqmahelpdesk/images/table/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('../../../../../media/com_maqmahelpdesk/images/table/sort_desc_disabled.png') no-repeat center right;
}

/* kb_frontpage.php */
#kbsearch {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    border-bottom: 1px solid #EEE;
}

.artbycat {
    float: left;
    padding-bottom: 20px;
    margin-right: 3%;
}

.artbycat.pb5 {
    padding-bottom: 5px;
}

.artbycat.pb10 {
    padding-bottom: 10px;
}

.artbycat p {
    margin-top: 0;
}

#exact_phrase {
    width: 75%;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    height: 22px;
    font-weight: bold;
    font-size: 16px;
}

#kbrecent {
    width: 30%;
    float: right;
    padding: 3px;
}

/* Popover (user and client creation in ticket view for agents) */
.popin {
    display: none;
    background: #fff;
    border: 1px solid #D6D6D6;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin: 0 0 20px;
    padding: 21px 10px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#searchclient {
    display: none;
}

#cancelSearchClientBtn {
    display: none;
}

/* Ticket activities - messages and notes */
#messages h3{
    font-size:26px;
    border-bottom:4px solid #DDD;
    margin-bottom:25px;
}
ol.messagelist{
    margin-bottom:40px;
    list-style-type: none;
    padding: 0;
}
.message-body{
    margin-bottom:24px;
}
.maqmahelpdesk img.message-avatar{
    border:1px solid #CCC;
    float:left;
    margin-right:14px;
    padding: 5px;
}
.message-arrow{
    background: url(../../../../../media/com_maqmahelpdesk/images/ui/message_arrow.png) no-repeat;
    width: 8px;
    height: 20px;
    float: left;
    margin-top: 16px;
    margin-right: -1px;
}
.message-box{
    background: url(../../../../../media/com_maqmahelpdesk/images/ui/message_bg.png) repeat-x;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 14px;
    overflow: hidden;
}
.message-box.note{
    background: #FFFFAA;
}
.message-author{
    margin-bottom: 10px;
}
.message-author small{
    color: #888;
    float: right;
}
.message-text{
    line-height: 18px;
}
#messages .children{
    margin: 20px 0 0 83px;
}
#messages .children li.message{
    margin: 0 0 20px 0;
}
.message-author a{
    color: #3a3a3a;
}

.msgattach {
    background: url("attach.png") no-repeat 5px 50% #fff;
    margin-top: 10px;
    padding: 5px 5px 5px 25px;
    font-size: 11px;
    font-family: Verdana;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.msgattach a:link, .msgattach a:visited {
    text-decoration: none;
}

.msgattach a:hover {
    text-decoration: underline;
}

/* Shadow effect */
.curved:before {
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    -moz-border-radius: 10px / 100px;
    border-radius: 10px / 100px;
}

.curved-hz-1:before {
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.drop-shadow {
    position: relative;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before, .drop-shadow:after {
    content: "";
    position: absolute;
    z-index: -2;
}

/* Code */
.code {
    border: 1px solid #cbc8c2;
    background: #fefbf3;
    padding: 10px;
    color: #93a1a1;
    font-family: "Courier";
}

/* Time Picker */
.control-group .controls input[type="text"].timepicker,
.control-group .controls .span2,
.control-group .controls .timepicker,
.timepicker,
.maqmahelpdesk #time.timepicker,
.maqmahelpdesk .timepicker {
    width: 50px;
    text-align: center;
}

#timepicker {
    z-index: 9999;
    display: none;
    position: absolute;
    width: 184px;
    height: 80px;
    font-size: 9px;
    font-family: Verdana;
    color: #666;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0 0 7px 7px;
}

#timepicker #hours, #timepicker #mins {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#timepicker #mins {
    border-right: 1px solid #ddd;
}

#timepicker #hours a, #timepicker #mins a {
    width: 17px;
    height: 17px;
    float: left;
    display: block;
    padding: 3px 0 0 3px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#timepicker #hours a:link, #timepicker #hours a:visited, #timepicker #mins a:link, #timepicker #mins a:visited {
    color: #666;
}

#timepicker #hours a:hover, #timepicker #mins a:hover {
    background: #666;
    color: #fff;
}

#timepicker a.closepicker {
    display: block;
    width: 183px;
    height: 10px;
    clear: both;
    text-align: center;
    color: #fff;
    background: #666;
    cursor: pointer;
    font-weight: bold;
}

/* Modal alert message */
#alertMessage {
    display: none;
}

/* Toolbar */
.maqmahelpdesk .navbar-inner{
    padding-left: 0;
    padding-right: 0;
}

/* Avatar */
.mqmavatar {
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px 0px #bec0c4;
    -moz-box-shadow: 2px 2px 5px 0px #bec0c4;
    box-shadow: 2px 2px 5px 0px #bec0c4;
    width: 48px;
    height: 48px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Bug tracker */
.maqmahelpdesk table td.priority_1,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_1 {
    background-color: #ff3131;
    color: #fff;
}

.maqmahelpdesk table td.priority_2,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_2 {
    background-color: #ff563f;
    color: #fff;
}

.maqmahelpdesk table td.priority_3,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_3 {
    background-color: #ff884d;
}

.maqmahelpdesk table td.priority_4,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_4 {
    background-color: #ffad56;
}

.maqmahelpdesk table td.priority_5,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_5 {
    background-color: #ffd668;
}

.maqmahelpdesk table td.priority_1 a:link,
.maqmahelpdesk table td.priority_1 a:visited,
.maqmahelpdesk table td.priority_1 a:hover,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_1 a:link,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_1 a:visited,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_1 a:hover,
.maqmahelpdesk table td.priority_2 a:link,
.maqmahelpdesk table td.priority_2 a:visited,
.maqmahelpdesk table td.priority_2 a:hover,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_2 a:link,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_2 a:visited,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_2 a:hover,
.maqmahelpdesk table td.priority_3 a:link,
.maqmahelpdesk table td.priority_3 a:visited,
.maqmahelpdesk table td.priority_3 a:hover,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_3 a:link,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_3 a:visited,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_3 a:hover,
.maqmahelpdesk table td.priority_4 a:link,
.maqmahelpdesk table td.priority_4 a:visited,
.maqmahelpdesk table td.priority_4 a:hover,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_4 a:link,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_4 a:visited,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_4 a:hover,
.maqmahelpdesk table td.priority_5 a:link,
.maqmahelpdesk table td.priority_5 a:visited,
.maqmahelpdesk table td.priority_5 a:hover,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_5 a:link,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_5 a:visited,
.maqmahelpdesk .table-striped tbody tr:nth-child(odd) td.priority_5 a:hover {
    color: #ffffff;
    text-shadow: none;
}

#bugtracker {
    margin-top: 15px;
    padding-top: 10px;
}

#bugtracker h3 {
    margin: 0 0 10px 0;
}

#bugtracker .tags span {
    padding: 3px;
    background: #ddd;
    color: #777;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 5px;
    margin-right: 5px;
    text-shadow: 0 1px white;
}

/* Bug tracker detail */
#bugtracker .details {
    width: 100%;
    padding-top: 10px;
    text-align: right;
}

#bugtracker .tags {
    margin-top: 5px;
}

#bugtracker .posted {
    color: #555;
    font-size: 10px;
    line-height: 13px;
    text-align: right;
    text-shadow: 0 1px white;
}

#bugtracker .answer {
    margin-top: 10px;
}

#bugtracker #reply {
    width: 100%;
    height: 150px;
}

/* Highlight itens */
.highlight {
    background-color: #FDF3DC;
    border-radius: 2px;
    box-shadow: 0 0 0 2px #FDF3DC;
    font-weight: 600;
}

/* KB section in the Workgroup list and workgroup options - TO REMOVE/CHANGE */
#kb_details {
    width: 100%;
    margin-top: 15px;
}

.kb_title {
    border: 1px solid #f0f0f0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    color: #666;
}

.kb_link {
    margin-bottom: 10px;
}

#kb_featured a {
    font-size: 12px;
    font-weight: bold;
}

#kb_featured {
    padding-left: 5px;
}

#kb_viewed a {
    font-size: 12px;
    font-weight: bold;
}

#kb_viewed {
    padding-left: 5px;
}

/* KB All Categories Dropdown - TO REMOVE/CHANGE */
#category_header {
    width: 100%;
    height: 30px;
}

#category_title {
    width: 85%;
    height: 30px;
    padding: 5px;
    float: left;
}

#category_back {
    width: 10%;
    text-align: right;
    float: right;
    height: 30px;
    margin-top: 10px;
}

#allcategories {
    display: none;
    position: absolute;
    text-align: left;
    background-color: #fff;
    width: 600px;
    height: 250px;
}

#allcategories table {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #f0f0f0;
    width: 600px;
    height: 250px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Forms - TO REMOVE/CHANGE */
div.fieldsetform div label {
    width: 130px;
    display: block;
    float: left;
    cursor: pointer;
}

div.fieldsetform div input, div.fieldsetform div select, div.fieldsetform div textarea {
    padding: 2px 2px 3px;
}

div.fieldsetform fieldset {
    border: 0;
}

.submit_buttons {
    text-align: right;
    width: 100%;
}

.form_options {
    float: left;
    padding-left: 5px;
    margin-left: 15px;
    text-align: center;
}

.form_options_left {
    float: left;
    padding-right: 5px;
    margin-right: 15px;
    text-align: left;
}

/* KB sub categories - TO REMOVE/CHANGE */
.subcategory {
    float: left;
    width: 30%;
    padding: 5px;
    height: 15px;
}

/* KB Articles List - TO REMOVE/CHANGE */
#kbarticles {
    margin-top: 20px;
}

/* KB Details - TO REMOVE/CHANGE */
#kbtools {
    margin-bottom: 20px;
    float: left;
    margin-top: 5px;
}

#kbrating {
    text-align: right;
    margin-bottom: 20px;
    float: right;
    margin-left: 5px;
    margin-top: 5px;
}

#rating {
    float: right;
    margin-bottom: 20px;
}

#question {
    font-size: 12pt;
    font-weight: bold;
}

#resolution {
}

#comments div {
    margin-bottom: 5px;
}

#comments div div {
    float: left;
}

#comments div div img {
    padding: 10px;
    border: 3px solid #f0f0f0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#kbrelated a {
    font-size: 12pt;
    font-weight: bold;
}

.kbrelated_link {
    margin-bottom: 10px;
    margin-right: 20px;
    float: left;
}

/* Tickets - TO REMOVE/CHANGE */
#tickettools {
    text-align: right;
    margin-bottom: 20px;
    float: right;
    margin-top: 5px;
}

#ticket_history div {
    margin-bottom: 5px;
}

#ticket_history div div {
    float: left;
}

#ticket_history div div img.avatar {
    padding: 5px;
}

.activity_odd {
    width: 100%;
    padding-top: 5px;
}

.activity_even {
    width: 100%;
    padding-top: 5px;
}

.calendar_task{
    min-height: 50px;
    width: 12%;
}

.calendar_header{
    font-weight: bold;
    width: 12%;
}

/* RocketTheme */
#rt-main .maqmahelpdesk .navbar .nav > li > a {
    padding: 5px 10px 6px;
}
#rt-main .maqmahelpdesk .navbar .nav .dropdown-toggle .caret {
    margin-top: 11px;
}

/* JoomlArt */
#ja-container .badge {
    background-image: none;
    background-repeat: no-repeat;
    height: auto;
    position: inherit;
    right: auto;
    top: auto;
    width: auto;
}
#ja-container .maqmahelpdesk .navbar .nav > li {
    background: none;
    line-height: 100%;
    margin: 0;
    padding: 0;
    overflow: inherit;
}
.container-main ul li,
#ja-container .container-main ul li {
    background: transparent;
    padding-left: 0;
}

/* Joomla Editor Buttons */
#editor-xtd-buttons {
    padding: 5px;
}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
    float: left;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
    display: block;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #666;
    cursor: pointer;
}
.button2-left span,
.button2-right span {
    cursor: default;
    color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
    padding: 0 6px;
}
.button2-left a:hover,
.button2-right a:hover {
    text-decoration: none;
    color: #0B55C4;
}
.button2-left a,
.button2-left span {
    padding: 0 24px 0 6px;
}
.button2-right a,
.button2-right span {
    padding: 0 6px 0 24px;
}
.button2-left {
    background: url(../../../../../templates/system/images/j_button2_left.png) no-repeat;
    float: left;
    margin-left: 5px;
}
.button2-right {
    background: url(../../../../../templates/system/images/j_button2_right.png) 100% 0 no-repeat;
    float: left;
    margin-left: 5px;
}
.button2-left .image {
    background: url(../../../../../templates/system/images/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore,
.button2-left .article {
    background: url(../../../../../templates/system/images/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak {
    background: url(../../../../../templates/system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}
.button2-left .blank {
    background: url(../../../../../templates/system/images/j_button2_blank.png) 100% 0 no-repeat;
}

.maqmahelpdesk .control-group .controls textarea,
.maqmahelpdesk .control-group .controls input[type="text"],
.maqmahelpdesk .control-group .controls input[type="select"]{
    width: 90%;
}

.maqmahelpdesk .control-group .controls input[type="text"].timepicker{
    width: 75px;
}

#jsn-menu{z-index:1;}

.button,
button{
    background-image: none;
}

.control-group .controls textarea .redactor_user,
.control-group .controls textarea .redactor_agent
.maqmahelpdesk textarea.redactor_user,
.maqmahelpdesk textarea.redactor_agent{
    width: 100%;
    height: 300px;
}

.redactor_editor{
    height: 300px;
    color: #000;
}

#s5_component_wrap .maqmahelpdesk ul {
    list-style: none;
    margin-left: 0;
}

table th {
    background: none;
    color: #666;
}

table th a {
    color:  #666 !important;
}

.art-postcontent .maqmahelpdesk ul.redactor_toolbar > li,
.art-postcontent .maqmahelpdesk .navbar .nav > li {
    background-image: none;
    padding-left: 0;
    overflow-x: inherit;
    overflow-y: inherit;
}

.maqmahelpdesk .container {
    min-width: auto;
}
#ja-main #ja-content .maqmahelpdesk .navbar-inner {
    
padding-left: 0;
    
padding-right: 0;
    
padding: 8px;
}
#ja-container li a{
    
padding: 3px 5px;
}

.art-postcontent ul.redactor_toolbar>li:before,
.art-post ul.redactor_toolbar>li:before,
.art-textblock ul.redactor_toolbar>li:before{
    content:none;
}

.maqmahelpdesk .table-striped tbody tr.noreply:nth-child(odd) td,
.maqmahelpdesk .table-striped tbody tr.noreply:nth-child(odd) th{
    background: #fae2e2;
}

.maqmahelpdesk #maqmaSearchBugs select{
    width:100%;
}

.maqmahelpdesk .issection{
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    width: 100%;
}

.art-postcontent .maqmahelpdesk ul>li:before, 
.art-post .maqmahelpdesk ul>li:before, 
.art-textblock .maqmahelpdesk ul>li:before {
    content: none;
    margin-right: 0;
    bottom: 0;
}

.art-postcontent .maqmahelpdesk li, 
.art-post .maqmahelpdesk li, 
.art-textblock .maqmahelpdesk li {
    margin: 0;
}

.art-postcontent .maqmahelpdesk ul>li, 
.art-post .maqmahelpdesk ul>li, 
.art-textblock .maqmahelpdesk ul>li {
    padding-left: 0;
}

h4 span.badge {
    width: auto;
    float: none;
}

ul.kbbullet li a.editkb {
    padding-left: 0;
}

.maqmahelpdesk .btn-group .btn.btn-mini {
    padding-top: 5px;
    padding-bottom: 2px;
}

.maqmahelpdesk .btn.btn-mini {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*.maqmahelpdesk [class^=icon-]:before {
    content: "";
}*/

#redactor_modal header.redactor_modal_header {
    background: none;
    position: initial;
    height: auto;
}

#redactor_modal #redactor_modal_footer {
    margin-bottom: 10px;
}

.navbar .nav {
    width: auto !important;
}

.flexistrap .maqmahelpdesk a.btn.btn-mini.btn-success {
    background-color:#51a351 !important;
    padding: 5px 0 3px 6px;
}
.flexistrap .maqmahelpdesk a.btn.btn-mini.btn-danger {
    background-color:#a9302a !important;
    padding: 5px 0 3px 6px;
}
.flexistrap .maqmahelpdesk a.btn.btn-mini {
    padding: 5px 0 3px 6px;
}

.flexistrap .maqmahelpdesk a.btn i {
    min-width: 14px;
    padding: 4px 3px;
    font-size: 13px;
    text-shadow: none;
    background-color: transparent;
    border: none;
    color: #333;
}

.maqmahelpdesk .navbar {
    min-height: 40px;
    margin-bottom: 0;
    height: 40px;
    max-height: 40px;
}

#adminForm.form-horizontal label.control-label {
    width:160px;
}

.modal {
    z-index: 1000000;
}

.maqmahelpdesk .form-horizontal .controls {
    width: 65%;
}

.maqmahelpdesk .form-horizontal .control-group {
    margin-bottom: 10px;
    margin-top: 10px;
}


.tm-noblog .input-append button {
    margin-top: 10px;
}

.cfield .controls .help-block {
    clear: both;
}

.cfield .controls #editor-xtd-buttons {
    display: none;
}

.maqmahelpdesk .btn.js_status {
    background-repeat: none;
}

.maqmahelpdesk .btn.js_status img {
    margin-top: -7px;
}

@media(max-width:500px)
{
    .maqmahelpdesk .row-fluid .span2 {
        width: 43%;
    }
    .maqmahelpdesk .row-fluid .span4 {
        width: 95%;
    }
}
.modal {
    bottom: auto!important;
}

body.com_maqmahelpdesk .modal {
	top: 8vh;
	left: 50%;
	margin-left: 0;
	transform: translateX(-50%);
	max-width: calc(100vw - 32px);
	background: #fff;
	border: 0;
	border-radius: 8px;
	box-shadow: 0 16px 48px rgba(27, 36, 48, .22), 0 2px 8px rgba(27, 36, 48, .08);
}
body.com_maqmahelpdesk .modal.fade.in {
	top: 8vh;
}
body.com_maqmahelpdesk .modal .modal-header {
	padding: 15px 20px;
	border-bottom: 1px solid #E6EBF0;
}
body.com_maqmahelpdesk .modal .modal-header h3 {
	margin: 0;
	color: #1B2430;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	text-transform: none;
}
body.com_maqmahelpdesk .modal .modal-header .close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: -2px -6px 0 0;
	border-radius: 4px;
	color: #67737f;
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
	opacity: 1;
	text-shadow: none;
	text-decoration: none;
}
body.com_maqmahelpdesk .modal .modal-header .close:hover,
body.com_maqmahelpdesk .modal .modal-header .close:focus {
	background: #F0F3F6;
	color: #1B2430;
	opacity: 1;
}
body.com_maqmahelpdesk .modal .modal-body {
	max-height: calc(100vh - 260px);
	padding: 20px;
}
body.com_maqmahelpdesk .modal .modal-body .field,
body.com_maqmahelpdesk .modal .modal-body .control-group {
	margin: 0 0 14px;
}
body.com_maqmahelpdesk .modal .modal-body .field:last-child,
body.com_maqmahelpdesk .modal .modal-body .control-group:last-child {
	margin-bottom: 0;
}
body.com_maqmahelpdesk .modal .modal-body label {
	display: block;
	margin: 0 0 6px;
	color: #4d5a66;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}
body.com_maqmahelpdesk .modal .modal-body textarea,
body.com_maqmahelpdesk .modal .modal-body select,
body.com_maqmahelpdesk .modal .modal-body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="image"]) {
	box-sizing: border-box;
	width: 100%;
	min-height: 38px;
	margin: 0;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #DCE3EA;
	border-radius: 4px;
	color: #1B2430;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.45;
	box-shadow: none;
}
body.com_maqmahelpdesk .modal .modal-body textarea {
	min-height: 180px;
	resize: vertical;
}
body.com_maqmahelpdesk .modal .modal-body textarea:focus,
body.com_maqmahelpdesk .modal .modal-body select:focus,
body.com_maqmahelpdesk .modal .modal-body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="image"]):focus {
	border-color: #0B64B8;
	box-shadow: 0 0 0 3px rgba(11, 100, 184, .15);
	outline: 0;
}
body.com_maqmahelpdesk .modal .modal-body .mqm-choice {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	align-items: center;
}
body.com_maqmahelpdesk .modal .modal-body .mqm-choice label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	color: #1B2430;
	font-size: 14px;
	font-weight: 400;
}
body.com_maqmahelpdesk .modal .modal-body .mqm-choice input[type="radio"],
body.com_maqmahelpdesk .modal .modal-body .mqm-choice input[type="checkbox"] {
	width: auto;
	min-height: 0;
	margin: 0;
	accent-color: #0B64B8;
}
body.com_maqmahelpdesk .modal .modal-body input[type="radio"],
body.com_maqmahelpdesk .modal .modal-body input[type="checkbox"] {
	width: auto;
	min-height: 0;
	margin: 0 5px 0 0;
	accent-color: #0B64B8;
	vertical-align: middle;
}
body.com_maqmahelpdesk .modal .modal-footer {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	margin: 0;
	padding: 14px 20px;
	background: #fff;
	border-top: 1px solid #E6EBF0;
	border-radius: 0 0 8px 8px;
	box-shadow: none;
}
body.com_maqmahelpdesk .modal .modal-footer .btn {
	margin: 0;
}
@media (max-width: 640px) {
	body.com_maqmahelpdesk .modal {
		top: 16px;
		width: auto !important;
		left: 16px;
		right: 16px;
		margin: 0;
		transform: none;
		max-width: none;
	}
	body.com_maqmahelpdesk .modal.fade.in {
		top: 16px;
	}
}
.maqmahelpdesk .nav-collapse.collapse {
    display: block;
}

@media(max-width:500px) {
    .maqmahelpdesk .navbar .btn-navbar {
        display: block;
    }
}

.nav.mega-nav.level1 {
    padding-left: 20px;
}
.maqmahelpdesk .btn:hover, .maqmahelpdesk .btn:focus {
    background-position: 0;
}
.maqmahelpdesk .form-actions {
    padding: 19px 20px 20px;
}
.maqmahelpdesk .xo-button.hover, .maqmahelpdesk .xo-button:hover {
    color: #808080 !important;
}
.xo-postcontent .maqmahelpdesk li, .xo-post .maqmahelpdesk li, .xo-textblock .maqmahelpdesk li {
    margin: 0;
}
.maqmahelpdesk button [class^=icon-], .maqmahelpdesk button [class*=" icon-"] {
    margin-top: 1px;
}
.maqmahelpdesk a.xo-button, .maqmahelpdesk a.xo-button:link, .maqmahelpdesk a:link.xo-button:link, body .maqmahelpdesk a.xo-button:link, .maqmahelpdesk a.xo-button:visited, body .maqmahelpdesk a.xo-button:visited {
    padding-bottom: 0;
    padding-top: 1px;
    margin: 0!important;
}
.maqmahelpdesk button.btn {
    padding-top: 0px;
    padding-bottom: 1px;
}
.maqmahelpdesk a.xo-button, .maqmahelpdesk a.xo-button:link, .maqmahelpdesk a:link.xo-button:link, body .maqmahelpdesk a.xo-button:link, .maqmahelpdesk a.xo-button:visited, body .maqmahelpdesk a.xo-button:visited {
    line-height: 26px;
}
.maqmahelpdesk .btn .caret {
    margin-top: 11px;
    margin-left: 0;
}
.maqmahelpdesk h2 {
	padding-bottom: 15px;
}
.maqmahelpdesk .btn-success:hover {
	color: white !important;
}
/* The template gives every .module-title a 1px #dddddd rule (addons.css). It
   suits the article pages, where the heading is a section label; in the helpdesk
   it drew a line under every screen title and doubled up with the borders the
   tab bar, the ticket table and the filter row already carry. .mqhead had
   already opted out one header at a time -- do it for all of them. */
.maqmahelpdesk .module-title {
	margin-bottom: 16px;
	border-bottom: 0;
}
.maqmahelpdesk .module-title h1.title {
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
	color: #444;
	margin: 0;
	padding: 0;
	display: inline;
}
.maqmahelpdesk #kbsearch {
	float: none;
	margin: 0 0 18px;
	border-bottom: 0;
}
.maqmahelpdesk .mqhead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 26px;
	padding-bottom: 0;
	border-bottom: 0;
}
.maqmahelpdesk .mqhead .module-title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	border-bottom: 0;
}
.maqmahelpdesk .mqhead #kbsearch,
.maqmahelpdesk .mqhead #btsearch {
	flex: 0 1 400px;
	min-width: 240px;
	margin: 0;
}
.maqmahelpdesk .mqhead #kbsearch .input-append,
.maqmahelpdesk .mqhead #btsearch .input-append {
	max-width: none;
}
.maqmahelpdesk .mqhead .bt-create {
	flex: 0 0 auto;
	height: 38px;
	padding: 0 16px;
	line-height: 38px;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
}
.maqmahelpdesk .mqbtv-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin: 0 0 16px;
}
.maqmahelpdesk .mqbtv-actions .btn.btn-danger {
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	color: #B42318;
	background: #fff;
	background-image: none;
	border: 1px solid #E4B3AE;
	border-radius: 4px;
	text-shadow: none;
	box-shadow: none;
}
.maqmahelpdesk .mqbtv-actions .btn.btn-danger:hover,
.maqmahelpdesk .mqbtv-actions .btn.btn-danger:focus {
	color: #912018;
	background: #FCEBE9;
	border-color: #D6928B;
}
.maqmahelpdesk .kbgrid {
	clear: both;
}
.maqmahelpdesk #kbcontent img {
	max-width: 100%;
	height: auto;
}
.maqmahelpdesk #kbcontent .kbcode,
.maqmahelpdesk #kbcontent pre {
	background: #23272e;
	color: #eaeaea;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 13px;
	line-height: 1.65;
	padding: 12px 14px;
	margin: 14px 0;
	border: 0;
	border-radius: 4px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.maqmahelpdesk #kbcontent pre {
	white-space: pre-wrap;
}
.maqmahelpdesk #kbcontent {
	font-size: 15.5px;
	line-height: 1.65;
}
.maqmahelpdesk #kbcontent .kbcode,
.maqmahelpdesk #kbcontent pre,
.maqmahelpdesk #kbcontent table {
	max-width: 100%;
	overflow-x: auto;
}
.maqmahelpdesk #kbcontent table { display: block; }
.maqmahelpdesk ul.kbbullet {
	margin: 0 0 6px;
}
.maqmahelpdesk ul.kbbullet li {
	margin: 0;
	text-indent: 0;
	padding: 4px 0 4px 23px;
	line-height: 1.45;
}
.maqmahelpdesk ul.kbbullet li a {
	padding-left: 0;
}
.maqmahelpdesk ul.kbbullet li.article {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23949494' stroke-width='1.15' d='M4.1 1.9h5.2l2.6 2.6v9.6H4.1z'/%3E%3Cpath fill='none' stroke='%23949494' stroke-width='1.15' d='M6.3 7.4h3.4M6.3 9.9h3.4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 7px;
	background-size: 14px 14px;
}
.maqmahelpdesk ul.kbbullet li.category {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23949494' stroke-width='1.15' d='M1.9 3.4h4.3l1.3 1.7h6.6v7.5H1.9z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 7px;
	background-size: 14px 14px;
}
.maqmahelpdesk .kbgrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 22px 28px;
	align-items: start;
}
.maqmahelpdesk ul.kbbullet.kbgrid {
	row-gap: 4px;
}
.maqmahelpdesk .kbcat h4 {
	margin: 0 0 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #e4e4e4;
	color: #444;
}
.maqmahelpdesk .kbviewall {
	margin: 8px 0 0;
}
.maqmahelpdesk #kbsearch .input-append,
.maqmahelpdesk #btsearch .input-append {
	display: flex;
	max-width: 520px;
	margin: 0;
}
.maqmahelpdesk #kbsearch #exact_phrase,
.maqmahelpdesk #btsearch #searchinput {
	flex: 1 1 auto;
	min-width: 0;
	height: 40px;
	box-sizing: border-box;
	margin: 0;
	padding: 9px 11px;
	font-size: 15px;
	font-weight: normal;
	color: #1B2430;
	text-align: left;
	border: 1px solid #DCE3EA;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	box-shadow: none;
}
.maqmahelpdesk #kbsearch #exact_phrase:focus,
.maqmahelpdesk #btsearch #searchinput:focus {
	border-color: #0B64B8;
	box-shadow: 0 0 0 3px rgba(11, 100, 184, .15);
	outline: none;
}
.maqmahelpdesk #kbsearch .btn.kbsearch-btn,
.maqmahelpdesk #btsearch .btn.btsearch-btn {
	height: 40px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #0B64B8;
	border-radius: 0 4px 4px 0;
	background: #0B64B8;
	background-image: none;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
}
.maqmahelpdesk #kbsearch .btn.kbsearch-btn:hover,
.maqmahelpdesk #btsearch .btn.btsearch-btn:hover {
	background: #073E75;
	border-color: #073E75;
	color: #fff;
}
/* Category kicker above a KB article title. Same treatment as the Concept A
   .ha-eyebrow on the band pages; it carries the one fact the breadcrumb does not
   (the crumb goes Knowledge Base > article title, never the section). */
/* A KB article is the same shape as a blog post -- a title block over long-form body
   -- so it takes the same breathing room the post treatment uses instead of the 16px
   every other .module-title on the helpdesk gets. Scoped, so the ticket and index
   screens keep their tighter heads. */
.maqmahelpdesk .module-title.mq-kbhead {
	margin-bottom: 32px;
}
.maqmahelpdesk.mq-kbs .mq-kbs-main { display: flex; max-width: 560px; margin: 0; }
.maqmahelpdesk.mq-kbs .mq-kbs-main input[type="text"] {
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
	border-right: 0;
	border-radius: 4px 0 0 4px;
}
.maqmahelpdesk.mq-kbs .mq-kbs-main .mq-kbs-submit { border-radius: 0 4px 4px 0; }
.maqmahelpdesk.mq-kbs .mq-kbs-more { max-width: 560px; margin: 14px 0 0; }
.maqmahelpdesk.mq-kbs .mq-kbs-more > summary {
	display: inline-block;
	color: #0B64B8;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	list-style: none;
}
.maqmahelpdesk.mq-kbs .mq-kbs-more > summary::-webkit-details-marker { display: none; }
.maqmahelpdesk.mq-kbs .mq-kbs-more > summary::before {
	content: "\203A";
	display: inline-block;
	width: 12px;
	transition: transform .15s;
}
.maqmahelpdesk.mq-kbs .mq-kbs-more[open] > summary::before { transform: rotate(90deg); }
.maqmahelpdesk.mq-kbs .mq-kbs-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 14px 0 0; }
.maqmahelpdesk.mq-kbs .mq-kbs-grid > label {
	display: block;
	margin: 0 0 5px;
	color: #1B2430;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.maqmahelpdesk.mq-kbs input[type="text"], .maqmahelpdesk.mq-kbs select {
	height: 40px;
	box-sizing: border-box;
	width: 100%;
	max-width: 560px;
	margin: 0;
	padding: 9px 11px;
	border: 1px solid #DCE3EA;
	border-radius: 4px;
	background: #fff;
	box-shadow: none;
	color: #1B2430;
	font-size: 15px;
}
.maqmahelpdesk.mq-kbs input[type="text"]:focus, .maqmahelpdesk.mq-kbs select:focus {
	border-color: #0B64B8;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(11, 100, 184, .15);
}
.maqmahelpdesk.mq-kbs .mq-kbs-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	height: 40px;
	padding: 0 20px;
	border: 1px solid #0B64B8;
	border-radius: 4px;
	background: #0B64B8;
	background-image: none;
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-shadow: none;
	box-shadow: none;
	cursor: pointer;
}
.maqmahelpdesk.mq-kbs .mq-kbs-submit:hover { background: #073E75; border-color: #073E75; color: #fff; }
.maqmahelpdesk.mq-kbs .mq-kbs-count {
	margin: 26px 0 0;
	padding: 0 0 10px;
	border-bottom: 1px solid #DCE3EA;
	color: #586677;
	font-size: 14px;
	line-height: 20px;
	word-spacing: .1em;
}
.maqmahelpdesk.mq-kbs .mq-kbs-count strong { color: #1B2430; font-weight: 600; }
.maqmahelpdesk.mq-kbs .mq-kbs-results { margin-top: 0; border-top: 0; }
.maqmahelpdesk.mq-kbs .mq-kbs-item { padding: 18px 0; border-bottom: 1px solid #E7EDF3; }
.maqmahelpdesk.mq-kbs .mq-kbs-item:last-child { border-bottom: 0; }
.maqmahelpdesk.mq-kbs a.mq-kbs-title { font-size: 18px; font-weight: 600; letter-spacing: -.01em; line-height: 25px; }
.maqmahelpdesk.mq-kbs .mq-kbs-snippet { margin: 5px 0 0; color: #1B2430; font-size: 14.5px; line-height: 22px; }
.maqmahelpdesk.mq-kbs .mq-kbs-meta { margin-top: 5px; color: #8B9AAB; font-size: 13px; line-height: 18px; }
.maqmahelpdesk.mq-kbs .mq-kbs-pending { margin-left: 6px; color: #CC3737; font-size: 12px; font-weight: 700; }
.maqmahelpdesk.mq-kbs .mq-kbs-none {
	margin-top: 26px;
	padding: 22px;
	border: 1px solid #DCE3EA;
	border-radius: 8px;
	background: #F3F6FA;
	color: #586677;
	font-size: 14.5px;
	line-height: 22px;
}
@media (max-width: 600px) {
	.maqmahelpdesk.mq-kbs .mq-kbs-main, .maqmahelpdesk.mq-kbs .mq-kbs-more { max-width: none; }
	.maqmahelpdesk.mq-kbs input[type="text"] { font-size: 16px; max-width: none; }
	.maqmahelpdesk.mq-kbs a.mq-kbs-title { font-size: 17px; line-height: 24px; }
}

.maqmahelpdesk .mq-eyebrow {
	margin: 0 0 5px;
	color: #0B64B8;
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1.35;
	text-transform: uppercase;
}

.maqmahelpdesk #kbother.well {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px 18px;
	margin: 26px 0 0;
	padding: 14px 18px;
	background: #F3F6FA;
	border: 1px solid #DCE3EA;
	border-radius: 8px;
	box-shadow: none;
	font-size: 14px;
	color: #1B2430;
	text-align: center;
}
.maqmahelpdesk #kbother.well:before,
.maqmahelpdesk #kbother.well:after {
	display: none;
}
.maqmahelpdesk #kbother .span3 {
	float: none;
	width: auto;
	margin: 0;
}
.maqmahelpdesk #kbother b {
	display: block;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #586677;
}
@media (max-width: 767px) {
	.maqmahelpdesk .mqhead {
		display: block;
	}
	.maqmahelpdesk .mqhead .module-title {
		margin-bottom: 14px;
	}
	.maqmahelpdesk #kbsearch .input-append {
		max-width: none;
	}
	.maqmahelpdesk #kbother.well {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px 12px;
	}
}
.maqmahelpdesk .bttable-wrap {
	clear: both;
	overflow-x: auto;
}
.maqmahelpdesk #tickettable.bttable {
	width: 100%;
	margin: 0;
	background: none;
	border: 0;
	border-collapse: collapse;
	font-size: 15px;
}
.maqmahelpdesk #tickettable.bttable thead th {
	padding: 0 12px 8px !important;
	background: none;
	border: 0;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-align: left;
	white-space: nowrap;
}
.maqmahelpdesk #tickettable.bttable thead th a {
	display: inline-block;
	padding-right: 15px;
	color: #8a8a8a;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12'%3E%3Cpath fill='none' stroke='%23b4b4b4' stroke-width='1.3' d='M1.6 4.5 4.5 1.6l2.9 2.9M1.6 7.5l2.9 2.9 2.9-2.9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 9px 12px;
}
.maqmahelpdesk #tickettable.bttable thead th a:hover {
	color: #0B64B8;
}
.maqmahelpdesk #tickettable.bttable thead th.bt-sort-asc a {
	color: #444;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12'%3E%3Cpath fill='none' stroke='%230B64B8' stroke-width='1.4' d='M1.6 7.4 4.5 4.5l2.9 2.9'/%3E%3C/svg%3E");
}
.maqmahelpdesk #tickettable.bttable thead th.bt-sort-desc a {
	color: #444;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12'%3E%3Cpath fill='none' stroke='%230B64B8' stroke-width='1.4' d='M1.6 4.6 4.5 7.5l2.9-2.9'/%3E%3C/svg%3E");
}
.maqmahelpdesk #tickettable.bttable thead th.bt-col-date,
.maqmahelpdesk #tickettable.bttable td.bt-cell-date {
	text-align: right;
}
.maqmahelpdesk #tickettable.bttable tbody td {
	padding: 9px 12px !important;
	background: none;
	border: 0;
	border-bottom: 1px solid #ededed;
	vertical-align: top;
	color: #444;
}
.maqmahelpdesk #tickettable.bttable tbody tr:last-child td {
	border-bottom: 0;
}
.maqmahelpdesk #tickettable.bttable tbody tr:hover td {
	background-color: #f4f8fc;
}
.maqmahelpdesk #tickettable.bttable td.bt-cell-code {
	white-space: nowrap;
}
.maqmahelpdesk #tickettable.bttable td.bt-cell-code a {
	text-decoration: none;
}
.maqmahelpdesk .bt-badge {
	display: inline-block;
	position: relative;
	padding: 0 0 0 17px;
	background: none;
	border: 0;
	font-weight: 600;
	white-space: nowrap;
}
.maqmahelpdesk .bt-badge:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 9px;
	height: 9px;
	margin-top: -5px;
	border-radius: 50%;
}
.maqmahelpdesk .bt-p1:before {
	background-color: #ff3131;
}
.maqmahelpdesk .bt-p2:before {
	background-color: #ff563f;
}
.maqmahelpdesk .bt-p3:before {
	background-color: #ff884d;
}
.maqmahelpdesk .bt-p4:before {
	background-color: #ffad56;
}
.maqmahelpdesk .bt-p5:before {
	background-color: #ffd668;
}
.maqmahelpdesk .bt-pna:before {
	background-color: #c9c9c9;
}
.maqmahelpdesk .bt-badge[title] {
	cursor: help;
}
/* Marks an entry that is hidden from customers. Only agents are served these rows,
   so this never reaches a customer -- but without it an agent cannot tell why an
   entry is absent from the public list. Palette matches the site brand blue. */
.maqmahelpdesk .bt-hidden {
	display: inline-block;
	margin-left: 8px;
	padding: 1px 7px;
	border: 1px solid #d2e1ed;
	border-radius: 3px;
	background: #ebf0f5;
	color: #2e619d;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	vertical-align: middle;
}
.maqmahelpdesk #tickettable.bttable td.bt-cell-version {
	white-space: nowrap;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 14px;
	color: #555;
}
.maqmahelpdesk #tickettable.bttable td.bt-cell-text {
	width: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.maqmahelpdesk #tickettable.bttable td.bt-cell-date {
	white-space: nowrap;
	font-size: 14px;
	color: #8a8a8a;
}
.maqmahelpdesk .btpager {
	margin: 18px 0 0;
	text-align: right;
}
.maqmahelpdesk .btpager ul {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.maqmahelpdesk .btpager li {
	margin: 0;
	list-style: none;
}
.maqmahelpdesk .btpager a,
.maqmahelpdesk .btpager span {
	display: block;
	box-sizing: border-box;
	min-width: 32px;
	height: 32px;
	padding: 0 9px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	color: #555;
	text-decoration: none;
}
.maqmahelpdesk .btpager a:hover {
	border-color: #0B64B8;
	color: #0B64B8;
}
.maqmahelpdesk .btpager li.active a {
	background: #0B64B8;
	border-color: #0B64B8;
	color: #fff;
	cursor: default;
}
.maqmahelpdesk .btpager li.btpager-gap span {
	min-width: 0;
	padding: 0 2px;
	background: none;
	border-color: transparent;
	color: #aaa;
}
.maqmahelpdesk .bt-empty {
	margin: 0;
	padding: 18px;
	background: #f7f7f7;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	color: #555;
	text-align: center;
}
@media (max-width: 600px) {
	.maqmahelpdesk #tickettable.bttable thead {
		display: none;
	}
	.maqmahelpdesk #tickettable.bttable,
	.maqmahelpdesk #tickettable.bttable tbody,
	.maqmahelpdesk #tickettable.bttable tr,
	.maqmahelpdesk #tickettable.bttable td {
		display: block;
	}
	.maqmahelpdesk #tickettable.bttable tr {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 0 10px;
		box-sizing: border-box;
		margin-bottom: 10px;
		padding: 10px 12px;
		border: 1px solid #e6e6e6;
		border-radius: 4px;
	}
	.maqmahelpdesk #tickettable.bttable tbody td {
		padding: 0 !important;
		border: 0;
	}
	.maqmahelpdesk #tickettable.bttable tbody tr:hover td {
		background: none;
	}
	.maqmahelpdesk #tickettable.bttable td.bt-cell-code {
		grid-column: 1;
		grid-row: 1;
	}
	.maqmahelpdesk #tickettable.bttable td.bt-cell-date {
		grid-column: 2;
		grid-row: 1;
		line-height: 21px;
	}
	.maqmahelpdesk #tickettable.bttable td.bt-cell-text {
		grid-column: 1 / -1;
		grid-row: 2;
		width: auto;
		margin: 7px 0 3px;
	}
	.maqmahelpdesk #tickettable.bttable td.bt-cell-version {
		grid-column: 1 / -1;
		grid-row: 3;
	}
	.maqmahelpdesk #tickettable.bttable td.bt-cell-version:before {
		content: attr(data-label) " ";
		font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #8a8a8a;
	}
	.maqmahelpdesk .btpager {
		text-align: center;
	}
	.maqmahelpdesk .btpager ul {
		justify-content: center;
	}
}

.maqmahelpdesk.container-fluid {
	clear: both;
}
.maqmahelpdesk .navbar {
	height: auto;
	min-height: 0;
	max-height: none;
	margin-bottom: 22px;
}
.maqmahelpdesk .navbar .navbar-inner {
	min-height: 0;
	padding: 0;
	background: none;
	border: 0;
	border-bottom: 1px solid #e4e4e4;
	border-radius: 0;
	box-shadow: none;
	filter: none;
}
.maqmahelpdesk .navbar .btn-navbar {
	display: none;
}
.maqmahelpdesk .navbar .nav-collapse.collapse {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 4px 12px;
	height: auto !important;
	padding: 4px 0 8px;
	overflow: visible !important;
}
.maqmahelpdesk .navbar ul.nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	float: none;
	margin: 0;
}
.maqmahelpdesk .navbar ul.nav > li {
	float: none;
}
.maqmahelpdesk .navbar ul.nav > li > a {
	position: relative;
	padding: 7px 11px;
	border-radius: 3px;
	color: #444444;
	font-size: 14px;
	line-height: 20px;
	text-shadow: none;
}
.maqmahelpdesk .navbar ul.nav > li > a:hover,
.maqmahelpdesk .navbar ul.nav > li > a:focus,
.maqmahelpdesk .navbar ul.nav > li.open > a {
	background: #edf2f7;
	color: #0B64B8 !important;
}
.maqmahelpdesk .navbar ul.nav:not(.pull-right) > li > a:hover,
.maqmahelpdesk .navbar ul.nav:not(.pull-right) > li > a:focus,
.maqmahelpdesk .navbar ul.nav:not(.pull-right) > li.open > a {
	background: none;
	border-radius: 0;
}
.maqmahelpdesk .navbar ul.nav:not(.pull-right) > li > a:hover:after,
.maqmahelpdesk .navbar ul.nav:not(.pull-right) > li > a:focus:after,
.maqmahelpdesk .navbar ul.nav:not(.pull-right) > li.open > a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #2a98fa;
}
.maqmahelpdesk .navbar ul.nav > li > a > img {
	display: none;
}
.maqmahelpdesk .navbar ul.nav > li > a .caret {
	margin-left: 6px;
	border-top-color: #9aa7b4;
	opacity: 1;
}
.maqmahelpdesk .navbar ul.nav > li > a .label {
	margin-left: 5px;
	padding: 2px 6px;
	background: #d8e2ec;
	border-radius: 9px;
	color: #33475c;
	font-size: 13px;
	font-weight: bold;
	text-shadow: none;
}
.maqmahelpdesk .navbar .visible-phone {
	display: inline !important;
}
.maqmahelpdesk .navbar ul.nav.pull-right > li:last-child > a {
	height: 32px;
	padding: 0 16px;
	border: 1px solid #0B64B8;
	border-radius: 3px;
	background: #0B64B8;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .04em;
	line-height: 30px;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: none;
}
.maqmahelpdesk .navbar ul.nav.pull-right > li:last-child > a .caret {
	margin: 0 0 0 8px;
	border-top-color: #fff;
	vertical-align: middle;
	opacity: .8;
}
.maqmahelpdesk .navbar ul.nav.pull-right > li:last-child > a:before {
	content: "+";
	margin-right: 8px;
	font-size: 15px;
}
.maqmahelpdesk .navbar ul.nav.pull-right > li:last-child > a:hover,
.maqmahelpdesk .navbar ul.nav.pull-right > li:last-child > a:focus {
	background: #073E75;
	color: #fff !important;
}
.maqmahelpdesk .navbar ul.nav.pull-right > li:last-child > a:active {
	background: #073E75;
	box-shadow: none;
	color: #fff !important;
}
.maqmahelpdesk .navbar .dropdown-menu a img {
	display: none;
}
@media (max-width: 767px) {
	.maqmahelpdesk .navbar .nav-collapse.collapse {
		justify-content: flex-start;
		gap: 2px 6px;
	}
	.maqmahelpdesk .navbar ul.nav > li > a {
		padding: 6px 8px;
		font-size: 13px;
	}
}
.maqmahelpdesk.container-fluid {
	margin-bottom: 44px;
}
@media (min-width: 768px) {
	.maqmahelpdesk.container-fluid {
		min-height: calc(100vh - 432px);
	}
}
.maqmahelpdesk .mqportal-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin: 0 0 24px;
}
.maqmahelpdesk .mqportal-stat {
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	padding: 6px 14px;
	background: #eef2f6;
	border-radius: 14px;
	color: #55626d !important;
	font-size: 13px;
	text-decoration: none;
}
.maqmahelpdesk a.mqportal-stat:hover {
	background: #e2eaf2;
	color: #10456f !important;
	text-decoration: none;
}
.maqmahelpdesk .mqportal-stat b {
	color: #22384c;
	font-size: 15px;
}
.maqmahelpdesk .mqportal-stat.is-overdue {
	background: #fbf1e2;
	color: #7a5a25 !important;
}
.maqmahelpdesk .mqportal-stat.is-overdue b {
	color: #8a5f14;
}
.maqmahelpdesk .mqportal-stat.is-today {
	background: #e8f1ea;
	color: #35603f !important;
}
.maqmahelpdesk .mqportal-stat.is-today b {
	color: #276036;
}
.maqmahelpdesk .mqportal-ico.is-img {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #e2e8f0;
}
.maqmahelpdesk .mqportal-ico.is-img img {
	display: block;
	width: 30px;
	height: 30px;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.maqmahelpdesk .mqportal-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
.maqmahelpdesk a.mqportal-card {
	display: flex;
	align-items: center;
	gap: 15px;
	box-sizing: border-box;
	min-height: 86px;
	padding: 16px 18px;
	background: #fff;
	border: 1px solid #DCE3EA;
	border-radius: 4px;
	color: #1B2430;
	text-decoration: none;
	transition: border-color .15s, box-shadow .15s, background .15s;
}
.maqmahelpdesk a.mqportal-card:hover {
	background: #fff;
	border-color: #B9CFE6;
	box-shadow: 0 1px 3px rgba(27, 36, 48, .09);
	color: #073E75 !important;
	text-decoration: none;
}
.maqmahelpdesk .mqportal-ico {
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background-color: #F3F6FA;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
}
.maqmahelpdesk .mqportal-txt {
	min-width: 0;
}
.maqmahelpdesk .mqportal-card b {
	display: block;
	margin-bottom: 3px;
	color: #1B2430;
	font-size: 17px;
	line-height: 1.3;
	text-transform: none;
}
.maqmahelpdesk .mqportal-card:hover b {
	color: #073E75;
}
.maqmahelpdesk .mqportal-card small {
	display: block;
	color: #586677;
	font-size: 14px;
	line-height: 1.4;
	text-transform: none;
}
.maqmahelpdesk .mqportal-ico[data-ico] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%234a6b8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1'/%3E%3C/svg%3E");	background-color: #e9eff5;
}
.maqmahelpdesk .mqportal-ico[data-ico="tickets_add.png"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%232f7ec4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M12 11.5v6M9 14.5h6'/%3E%3C/svg%3E");	background-color: #e6f0fa;
}
.maqmahelpdesk .mqportal-ico[data-ico="tickets.png"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2312857a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E");	background-color: #e2f3f1;
}
.maqmahelpdesk .mqportal-ico[data-ico="kb.png"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23c07a12' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7c0-1.5-1.6-2.5-4-2.5H4v13h4.5c2 0 3.5.8 3.5 2M12 7c0-1.5 1.6-2.5 4-2.5h4v13h-4.5c-2 0-3.5.8-3.5 2M12 7v12.5'/%3E%3C/svg%3E");	background-color: #fbf1de;
}
.maqmahelpdesk .mqportal-ico[data-ico="bug.png"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%236b4fbb' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6v3H9z'/%3E%3Cpath d='M9 5.5H5.5v15h13v-15H15M8.5 11h7M8.5 15h4.5'/%3E%3C/svg%3E");	background-color: #eeeafb;
}
.maqmahelpdesk .mqportal-ico[data-ico="glossary.png"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23bf4a7d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 7V5h15v2M12 5v14M9 19h6'/%3E%3C/svg%3E");	background-color: #fbeaf2;
}
.maqmahelpdesk .mqportal-ico[data-ico="files.png"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%232f8a4d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v11M7.5 10.5 12 15l4.5-4.5M4.5 19.5h15'/%3E%3C/svg%3E");	background-color: #e6f4ea;
}
.maqmahelpdesk .mqportal-ico[data-ico="announcements.png"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%234a6b8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M8.5 13h7M8.5 17h4.5'/%3E%3C/svg%3E");	background-color: #e9eff5;
}
.maqmahelpdesk .mqportal-ico[data-ico="licenses.png"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23c2701a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='15.5' cy='8.5' r='4'/%3E%3Cpath d='M12.7 11.3 4.5 19.5M7.5 16.5l2 2M9.5 14.5l2 2'/%3E%3C/svg%3E");	background-color: #fbeedd;
}
.maqmahelpdesk .mqportal-ico[data-ico="clients.png"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%234f5d95' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3.5 19.5c0-3 2.5-5.2 5.5-5.2s5.5 2.2 5.5 5.2'/%3E%3Cpath d='M16.2 5.6a3.2 3.2 0 0 1 0 6.3M17.6 14.9c1.9.8 3 2.5 3 4.6'/%3E%3C/svg%3E");	background-color: #ecedf7;
}
.maqmahelpdesk .mqportal-ico[data-ico="folder"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23c9931f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 19V6a1 1 0 0 1 1-1h4.2l2 2.5h8.8a1 1 0 0 1 1 1V19a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");	background-color: #fbf3df;
}
.maqmahelpdesk .mqportal-ico[data-ico="file"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%234a6b8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M8.5 13h7M8.5 17h4.5'/%3E%3C/svg%3E");	background-color: #e9eff5;
}
.maqmahelpdesk .mqdl-flag {
	margin-left: auto;
	align-self: center;
}
.maqmahelpdesk .mqdl-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	margin: 20px 0 0;
	color: #77848f;
	font-size: 13px;
}
.maqmahelpdesk .mqdl-legend span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.maqmahelpdesk .mqdl-subs {
	margin: 26px 0 0;
	color: #77848f;
	font-size: 13px;
}
.maqmahelpdesk .mqdl-notice {
	margin: 0 0 20px;
	padding: 12px 16px;
	background: #fdf6e6;
	border: 1px solid #ecdcb0;
	border-radius: 3px;
	color: #6b5a2b;
	font-size: 14px;
}
.maqmahelpdesk .mqdl-head {
	margin: 0 0 30px;
	padding-bottom: 22px;
	border-bottom: 1px solid #e4e9ee;
}
.maqmahelpdesk .mqdl-shot {
	float: right;
	max-width: 220px;
	height: auto;
	margin: 0 0 12px 20px;
	border: 1px solid #d8e0e7;
	border-radius: 3px;
}
.maqmahelpdesk .mqdl-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
	margin: 0 0 18px;
	color: #77848f;
	font-size: 14px;
}
.maqmahelpdesk .mqdl-meta b {
	color: #33475c;
}
.maqmahelpdesk .mqdl-meta a {
	color: #10456f;
}
.maqmahelpdesk .mqdl-meta a:hover {
	color: #0B64B8 !important;
	text-decoration: underline;
}
.maqmahelpdesk .mqdl-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.maqmahelpdesk .mqdl-actions .btn {
	height: 40px;
	margin: 0;
	padding: 0 20px;
	border-radius: 3px;
	background-image: none;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .03em;
	line-height: 38px;
	text-transform: uppercase;
}
.maqmahelpdesk .mqdl-actions .btn-success {
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #0B64B8;
	background: #0B64B8;
	color: #fff;
	text-shadow: none;
}
.maqmahelpdesk .mqdl-actions .btn-success:hover,
.maqmahelpdesk .mqdl-actions .btn-success:focus {
	background: #073E75;
	color: #fff !important;
}
.maqmahelpdesk .mqdl-actions .btn-success:active {
	background: #073E75;
	color: #fff !important;
}
.maqmahelpdesk h3.mqdl-h {
	margin: 0 0 12px;
	color: #4d5a66;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .04em;
	line-height: 20px;
	text-transform: uppercase;
}
.maqmahelpdesk .mqdl-desc {
	margin: 0 0 30px;
	color: #333;
	font-size: 15px;
	line-height: 1.6;
}
.maqmahelpdesk .mqdl-desc p:last-child {
	margin-bottom: 0;
}
.maqmahelpdesk table.mqdl-versions {
	width: 100%;
	margin: 0;
	background: none;
	border: 0;
	border-collapse: collapse;
	font-size: 15px;
}
.maqmahelpdesk table.mqdl-versions thead th {
	padding: 0 12px 8px !important;
	background: none;
	border: 0;
	border-bottom: 2px solid #b9c6d1;
	color: #4d5a66;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .04em;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}
.maqmahelpdesk table.mqdl-versions tbody td {
	padding: 12px !important;
	background: none;
	border: 0;
	border-bottom: 1px solid #d8e0e7;
	color: #333;
	vertical-align: top;
}
.maqmahelpdesk table.mqdl-versions tbody tr:hover td {
	background: #e9f1fa;
}
.maqmahelpdesk table.mqdl-versions .mqdl-get {
	width: 1%;
	text-align: right;
	white-space: nowrap;
}
.maqmahelpdesk table.mqdl-versions .mqdl-get a {
	color: #10456f;
	font-weight: bold;
}
.maqmahelpdesk table.mqdl-versions .mqdl-get a:hover {
	color: #0B64B8 !important;
	text-decoration: underline;
}
@media (max-width: 600px) {
	.maqmahelpdesk .mqportal-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.maqmahelpdesk .mqdl-shot {
		float: none;
		display: block;
		margin: 0 0 16px;
	}
	.maqmahelpdesk .mqdl-actions .btn {
		flex: 1 1 100%;
		text-align: center;
	}
	.maqmahelpdesk table.mqdl-versions thead {
		display: none;
	}
	.maqmahelpdesk table.mqdl-versions,
	.maqmahelpdesk table.mqdl-versions tbody,
	.maqmahelpdesk table.mqdl-versions tr,
	.maqmahelpdesk table.mqdl-versions td {
		display: block;
		width: auto;
	}
	.maqmahelpdesk table.mqdl-versions tr {
		box-sizing: border-box;
		margin-bottom: 12px;
		padding: 12px 14px;
		border: 1px solid #ccd7e0;
		border-radius: 4px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	}
	.maqmahelpdesk table.mqdl-versions tbody td {
		padding: 0 !important;
		border: 0;
		white-space: normal;
	}
	.maqmahelpdesk table.mqdl-versions tbody td + td {
		margin-top: 8px;
	}
	.maqmahelpdesk table.mqdl-versions tbody td[data-label]:before {
		content: attr(data-label) ": ";
		color: #67737f;
		font-size: 12px;
	}
	.maqmahelpdesk table.mqdl-versions .mqdl-get {
		width: auto;
		text-align: left;
	}
	.maqmahelpdesk table.mqdl-versions tbody tr:hover td {
		background: none;
	}
}
.maqmahelpdesk .mqtfilters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px 16px;
	margin: 0 0 22px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
}
.maqmahelpdesk .mqtfilters label {
	display: block;
	margin: 0;
	font-size: 13px;
	font-weight: normal;
}
.maqmahelpdesk .mqtfilters label > span {
	display: block;
	margin-bottom: 5px;
	color: #5f6f80;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.maqmahelpdesk .mqtfilters .mqtf-search {
	flex: 1 1 160px;
	min-width: 0;
}
.maqmahelpdesk .mqtfilters input.inputbox,
.maqmahelpdesk .mqtfilters select {
	width: 100%;
	height: 38px;
	box-sizing: border-box;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	background: #fff;
	color: #333;
	font-family: inherit;
	font-size: 14px;
	box-shadow: none;
}
.maqmahelpdesk .mqtfilters .mqtf-status select,
.maqmahelpdesk .mqtfilters .mqtf-user select {
	width: 220px;
}
.maqmahelpdesk .mqtfilters .mqtf-user input.inputbox {
	width: 220px;
}
.maqmahelpdesk .mqtfilters input.inputbox:focus,
.maqmahelpdesk .mqtfilters select:focus {
	border-color: #0B64B8;
	box-shadow: 0 0 4px rgba(0, 91, 171, .4);
	outline: none;
}
.maqmahelpdesk .mqtfilters .mqtf-actions {
	display: flex;
	gap: 8px;
	margin-left: auto;
}
.maqmahelpdesk .mqtfilters .btn {
	height: 38px;
	margin: 0;
	padding: 0 20px;
	border-radius: 3px;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .04em;
	line-height: 36px;
	text-transform: uppercase;
}
/* Create Ticket sits with Reset and Search but is the primary action, so it gets
   the brand blue the other primary buttons use (.mqdl-actions, .mqlogin-actions).
   Without this it would fall through to Bootstrap 2's green, which appears
   nowhere else on the site. It is an <a>, so it needs the height/box-sizing the
   <button> siblings get for free. */
.maqmahelpdesk .mqtfilters .mqtf-actions .btn-success {
	border-radius: 4px;
	font-weight: 600;
	box-sizing: border-box;
	border: 1px solid #0B64B8;
	background: #0B64B8;
	color: #fff;
	text-shadow: none;
}
.maqmahelpdesk .mqtfilters .mqtf-actions .btn-success:hover,
.maqmahelpdesk .mqtfilters .mqtf-actions .btn-success:focus {
	background: #073E75;
	color: #fff !important;
}
.maqmahelpdesk .mqtfilters .mqtf-actions .btn-success:active {
	background: #073E75;
	color: #fff !important;
}
.maqmahelpdesk table.mqtickets {
	width: 100%;
	margin: 0;
	background: none;
	border: 0;
	border-collapse: collapse;
	font-size: 15px;
}
.maqmahelpdesk table.mqtickets thead th {
	padding: 0 12px 8px !important;
	background: none;
	border: 0;
	border-bottom: 1px solid #b9c6d1;
	color: #4d5a66;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .04em;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtickets thead th a {
	display: inline-block;
	padding-right: 15px;
	color: #4d5a66;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12'%3E%3Cpath fill='none' stroke='%238a97a3' stroke-width='1.3' d='M1.6 4.5 4.5 1.6l2.9 2.9M1.6 7.5l2.9 2.9 2.9-2.9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 9px 12px;
}
.maqmahelpdesk table.mqtickets thead th a:hover {
	color: #0B64B8 !important;
}
.maqmahelpdesk table.mqtickets thead th.sorting_ASC a {
	color: #1c3a52;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12'%3E%3Cpath fill='none' stroke='%230B64B8' stroke-width='1.4' d='M1.6 7.4 4.5 4.5l2.9 2.9'/%3E%3C/svg%3E");
}
.maqmahelpdesk table.mqtickets thead th.sorting_DESC a {
	color: #1c3a52;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12'%3E%3Cpath fill='none' stroke='%230B64B8' stroke-width='1.4' d='M1.6 4.6 4.5 7.5l2.9-2.9'/%3E%3C/svg%3E");
}
.maqmahelpdesk table.mqtickets tbody td {
	padding: 14px 12px !important;
	background: none;
	border: 0;
	border-bottom: 1px solid #d8e0e7;
	color: #333;
	vertical-align: top;
}
.maqmahelpdesk table.mqtickets tbody tr:hover td {
	background: #e9f1fa;
}
.maqmahelpdesk table.mqtickets .mqtid {
	display: inline-block;
	margin-right: 8px;
	padding: 2px 8px;
	background: #dbe4ec;
	border-radius: 3px;
	color: #22384c;
	font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
	font-size: 13px;
	font-weight: bold;
}
.maqmahelpdesk table.mqtickets tbody td a {
	color: #10456f;
}
.maqmahelpdesk table.mqtickets tbody td a:hover {
	color: #0B64B8 !important;
	text-decoration: underline;
}
/* Subject cell -- ticket text, so it takes the same face as the message bubbles
   (.post-box-wrapper .message-text, set in the template's custom CSS) rather than
   the site face used by the table furniture around it. */
.maqmahelpdesk table.mqtickets tbody td a b {
	color: #444;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif;
}
.maqmahelpdesk table.mqtickets tbody td a:hover b {
	color: #0B64B8;
}
.maqmahelpdesk table.mqtickets .mqtauthor {
	display: block;
	margin-top: 5px;
	color: #67737f;
	font-size: 13px;
}
.maqmahelpdesk table.mqtickets .mqtcell-activity {
	color: #47535f;
	font-size: 13px;
	line-height: 1.5;
}
.maqmahelpdesk table.mqtickets .mqtcell-activity .useravatar {
	display: none;
}
.maqmahelpdesk table.mqtickets .mqtcell-activity em {
	color: #67737f;
	font-style: normal;
}
.maqmahelpdesk table.mqtickets thead th:last-child,
.maqmahelpdesk table.mqtickets .mqtcell-status {
	width: 1%;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtickets .mqtcell-status > span,
.maqmahelpdesk table.mqtickets .mqtcell-status .btn {
	display: inline-block;
	margin: 0;
	padding: 3px 11px;
	border: 1px solid #c4d6e8;
	border-radius: 11px;
	background: #e4eef8;
	color: #14548c;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-shadow: none;
	text-transform: none;
	white-space: nowrap;
	box-shadow: none;
}
.maqmahelpdesk table.mqtickets .mqtcell-status .btn .caret {
	margin: 0 0 0 6px;
	border-top-color: currentColor;
	vertical-align: middle;
	opacity: .65;
}
.maqmahelpdesk table.mqtickets .mqtcell-status .dropdown-menu {
	left: auto;
	right: 0;
}
.maqmahelpdesk table.mqtickets .mqtcell-status .btn:hover,
.maqmahelpdesk table.mqtickets .mqtcell-status .btn:focus,
.maqmahelpdesk table.mqtickets .mqtcell-status .open > .btn {
	box-shadow: inset 0 0 0 40px rgba(0, 0, 0, .05);
}
.maqmahelpdesk table.mqtickets .mqtstatus-closed > span,
.maqmahelpdesk table.mqtickets .mqtstatus-closed .btn {
	border-color: #c6dfcb;
	background: #e6f3e8;
	color: #2c6b3c;
}
.maqmahelpdesk table.mqtickets tbody tr.mqtrow {
	cursor: pointer;
}
.maqmahelpdesk table.mqtickets tbody tr.mqtrow td:first-child {
	border-left: 3px solid #b9c6d1;
}
.maqmahelpdesk table.mqtickets tbody tr.mqtrow td:last-child {
	border-right: 3px solid #b9c6d1;
}
.maqmahelpdesk table.mqtickets tbody tr.mqtstatus-open td:first-child {
	border-left-color: #0B64B8;
}
.maqmahelpdesk table.mqtickets tbody tr.mqtstatus-open td:last-child {
	border-right-color: #0B64B8;
}
.maqmahelpdesk table.mqtickets tbody tr.mqtstatus-closed td:first-child {
	border-left-color: #3f9e5a;
}
.maqmahelpdesk table.mqtickets tbody tr.mqtstatus-closed td:last-child {
	border-right-color: #3f9e5a;
}
.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-client td:first-child {
	border-left-color: #d9a12b;
}
.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-client td:last-child {
	border-right-color: #d9a12b;
}
.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-3rd-party td:first-child {
	border-left-color: #6b4fbb;
}
.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-3rd-party td:last-child {
	border-right-color: #6b4fbb;
}
.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-client .mqtcell-status > span,
.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-client .mqtcell-status .btn {
	border-color: #ecdcb0;
	background: #fdf3e0;
	color: #8a6110;
}
.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-3rd-party .mqtcell-status > span,
.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-3rd-party .mqtcell-status .btn {
	border-color: #d8d2ee;
	background: #f0ecfb;
	color: #4b3b8f;
}
.maqmahelpdesk table.mqtickets tbody tr:focus-within td {
	background: #e9f1fa;
}
.maqmahelpdesk table.mqtickets .mqtcell-remove {
	width: 1%;
	text-align: center;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtickets .mqtcell-remove a {
	display: inline-block;
	padding: 4px;
	border-radius: 4px;
	line-height: 0;
	opacity: .55;
}
.maqmahelpdesk table.mqtickets .mqtcell-remove a:hover,
.maqmahelpdesk table.mqtickets .mqtcell-remove a:focus {
	background: #FDECEA;
	opacity: 1;
}
.maqmahelpdesk table.mqtickets .mqtcell-rating {
	width: 1%;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtickets.mqreport tbody tr.mqrep-head td {
	padding-bottom: 4px !important;
	border-bottom: 0;
}
.maqmahelpdesk table.mqtickets.mqreport tbody tr.mqrep-body td {
	padding-top: 4px !important;
	vertical-align: top;
}
.maqmahelpdesk table.mqtickets.mqreport tbody tr.mqrep-head:hover td,
.maqmahelpdesk table.mqtickets.mqreport tbody tr.mqrep-body:hover td {
	background: #e9f1fa;
}
.maqmahelpdesk table.mqtickets.mqreport small {
	color: #67737f;
	font-size: 12px;
}
@media (max-width: 600px) {
	.maqmahelpdesk table.mqtickets .mqtcell-remove {
		text-align: left;
	}
	.maqmahelpdesk table.mqtickets.mqreport tbody tr.mqrep-head {
		margin-bottom: 0;
		border-bottom: 0;
	}
}
.maqmahelpdesk .mqtempty {
	margin: 30px 0;
	padding: 26px;
	background: #f7f9fb;
	border: 1px solid #e6ebf0;
	border-radius: 4px;
	color: #77848f;
	font-size: 15px;
	text-align: center;
}
@media (max-width: 600px) {
	.maqmahelpdesk .mqtfilters label {
		flex: 1 1 100%;
	}
	.maqmahelpdesk .mqtfilters .mqtf-status select,
	.maqmahelpdesk .mqtfilters .mqtf-user select {
		width: 100%;
	}
	.maqmahelpdesk .mqtfilters .mqtf-actions {
		width: 100%;
		margin-left: 0;
	}
	.maqmahelpdesk .mqtfilters .mqtf-actions .btn {
		flex: 1 1 auto;
	}
	.maqmahelpdesk table.mqtickets thead {
		display: none;
	}
	.maqmahelpdesk table.mqtickets,
	.maqmahelpdesk table.mqtickets tbody,
	.maqmahelpdesk table.mqtickets tr,
	.maqmahelpdesk table.mqtickets td {
		display: block;
		width: auto;
	}
	.maqmahelpdesk table.mqtickets tr {
		box-sizing: border-box;
		margin-bottom: 12px;
		padding: 12px 14px;
		border: 1px solid #ccd7e0;
		border-radius: 4px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	}
	.maqmahelpdesk table.mqtickets tbody td {
		padding: 0 !important;
		border: 0;
		white-space: normal;
	}
	.maqmahelpdesk table.mqtickets tbody td + td {
		margin-top: 8px;
	}
	.maqmahelpdesk table.mqtickets tbody td[data-label]:before {
		content: attr(data-label) ": ";
		color: #67737f;
		font-size: 12px;
	}
	.maqmahelpdesk table.mqtickets tbody tr:hover td {
		background: none;
	}
	.maqmahelpdesk table.mqtickets tbody tr.noreply {
		background: #fdf2f2;
	}
	.maqmahelpdesk table.mqtickets .mqtcell-status .dropdown-menu {
		left: 0;
		right: auto;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqtrow td:first-child {
		border-left: 0;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqtrow td:last-child {
		border-right: 0;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqtstatus-open {
		border-left: 3px solid #0B64B8;
		border-right: 3px solid #0B64B8;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqtstatus-closed {
		border-left: 3px solid #3f9e5a;
		border-right: 3px solid #3f9e5a;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-client {
		border-left: 3px solid #d9a12b;
		border-right: 3px solid #d9a12b;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-3rd-party {
		border-left: 3px solid #6b4fbb;
		border-right: 3px solid #6b4fbb;
	}
}
@media (min-width: 601px) and (max-width: 979px) {
	.maqmahelpdesk table.mqtickets thead th,
	.maqmahelpdesk table.mqtickets tbody td,
	.maqmahelpdesk table.mqtickets .mqtcell-activity,
	.maqmahelpdesk table.mqtickets .mqtcell-status,
	.maqmahelpdesk table.mqtickets .mqtcell-status .btn {
		white-space: normal;
	}
}
@media (min-width: 601px) and (max-width: 767px) {
	.maqmahelpdesk table.mqtickets tbody tr.mqtrow .mqtcell-check + td {
		border-left: 3px solid #b9c6d1;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqtstatus-open .mqtcell-check + td {
		border-left-color: #0B64B8;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqtstatus-closed .mqtcell-check + td {
		border-left-color: #3f9e5a;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-client .mqtcell-check + td {
		border-left-color: #d9a12b;
	}
	.maqmahelpdesk table.mqtickets tbody tr.mqts-pending-3rd-party .mqtcell-check + td {
		border-left-color: #6b4fbb;
	}
}
.maqmahelpdesk.mqtmanager,
#content-area .maqmahelpdesk.mqtmanager {
	padding-bottom: 24px;
}
.maqmahelpdesk .mqtsfilters {
	margin: 0 0 22px;
	padding: 0 0 20px;
	background: none;
	border: 0;
	border-bottom: 1px solid #e4e4e4;
	border-radius: 0;
	box-shadow: none;
}
.maqmahelpdesk .mqtsfilters .row-fluid:before,
.maqmahelpdesk .mqtsfilters .row-fluid:after {
	display: none;
}
.maqmahelpdesk .mqtsfilters .row-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px 16px;
	margin: 0;
}
.maqmahelpdesk .mqtsfilters .row-fluid > [class*="span"] {
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
}
.maqmahelpdesk .mqtsfilters .row-fluid > .span4 {
	flex: 1 1 200px;
}
.maqmahelpdesk .mqtsfilters .row-fluid > .span6 {
	flex: 1 1 240px;
}
.maqmahelpdesk .mqtsfilters .row-fluid > .span12 {
	flex: 1 1 100%;
}
.maqmahelpdesk .mqtsfilters #filters > .row-fluid:first-child > .span12,
.maqmahelpdesk .mqtsfilters #filters-simple p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
}
.maqmahelpdesk .mqtsfilters #filters > .row-fluid:first-child > .span12 > span,
.maqmahelpdesk .mqtsfilters #filters-simple p > span,
.maqmahelpdesk .mqtsfilters #filters .mqtflabel {
	color: #5f6f80;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.maqmahelpdesk .mqtsfilters #filters .mqtflabel {
	display: block;
	margin: 0 0 5px;
}
.maqmahelpdesk .mqtsfilters a.filters-expand,
.maqmahelpdesk .mqtsfilters a.filters-collapse {
	order: 2;
	float: none;
	margin: 0;
	opacity: .55;
}
.maqmahelpdesk .mqtsfilters a.filters-expand:hover,
.maqmahelpdesk .mqtsfilters a.filters-collapse:hover {
	background-color: transparent;
	opacity: 1;
}
.maqmahelpdesk .mqtsfilters hr {
	width: 100%;
	height: 0;
	margin: 2px 0 0;
	border: 0;
	border-top: 1px solid #e9edf1;
}
.maqmahelpdesk .mqtsfilters #filters input[type="text"],
.maqmahelpdesk .mqtsfilters #filters select,
.maqmahelpdesk .mqtsfilters #filters-simple input[type="text"],
.maqmahelpdesk .mqtsfilters #filters-simple select {
	width: 100%;
	height: 38px;
	box-sizing: border-box;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	background: #fff;
	color: #333;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	box-shadow: none;
}
.maqmahelpdesk .mqtsfilters #filters input[type="text"]:focus,
.maqmahelpdesk .mqtsfilters #filters select:focus,
.maqmahelpdesk .mqtsfilters #filters-simple input[type="text"]:focus,
.maqmahelpdesk .mqtsfilters #filters-simple select:focus {
	border-color: #0B64B8;
	box-shadow: 0 0 4px rgba(0, 91, 171, .4);
	outline: none;
}
.maqmahelpdesk .mqtsfilters #filters-simple #filters2 select,
.maqmahelpdesk .mqtsfilters #adv-tview select {
	width: 220px;
}
.maqmahelpdesk .mqtsfilters #filters1 {
	display: flex;
	align-items: flex-end;
}
.maqmahelpdesk .mqtsfilters #filters2 {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 8px;
}
.maqmahelpdesk .mqtsfilters #filters2 > span {
	display: none;
}
.maqmahelpdesk .mqtsfilters #adv-buttons {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}
.maqmahelpdesk .mqtorder {
	display: flex;
	justify-content: flex-end;
	margin: 0;
}
.maqmahelpdesk .mqtlistfoot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	margin: 16px 0 0;
}
.maqmahelpdesk .mqtlistfoot > .mqtbulk,
.maqmahelpdesk .mqtlistfoot > .mqtorder {
	margin: 0;
}
.maqmahelpdesk .mqtbulk {
	margin: 16px 0 0;
}
.maqmahelpdesk .mqtbulk .btn-toolbar {
	display: flex;
	gap: 8px;
	margin: 0;
}
.maqmahelpdesk .mqtsfilters .btn,
.maqmahelpdesk .mqtorder .btn,
.maqmahelpdesk .mqtbulk .btn {
	height: 38px;
	margin: 0;
	padding: 0 18px;
	border-radius: 3px;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .04em;
	line-height: 36px;
	text-transform: uppercase;
	white-space: nowrap;
}
.maqmahelpdesk .mqtsfilters .btn-group > .btn,
.maqmahelpdesk .mqtorder .btn-group > .btn,
.maqmahelpdesk .mqtbulk .btn-group > .btn {
	border-radius: 0;
}
.maqmahelpdesk .mqtsfilters .btn-group > .btn:first-child,
.maqmahelpdesk .mqtorder .btn-group > .btn:first-child,
.maqmahelpdesk .mqtbulk .btn-group > .btn:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.maqmahelpdesk .mqtsfilters .btn-group > .btn:last-child,
.maqmahelpdesk .mqtorder .btn-group > .btn:last-child,
.maqmahelpdesk .mqtbulk .btn-group > .btn:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.maqmahelpdesk .mqtsfilters #adv-buttons > .btn {
	border-radius: 3px;
}
.maqmahelpdesk .mqtorder .btn .caret,
.maqmahelpdesk .mqtbulk .btn .caret {
	margin: 0 0 0 6px;
	vertical-align: middle;
}
.maqmahelpdesk .mqtsfilters .btn [class^="icon-"],
.maqmahelpdesk .mqtorder .btn [class^="icon-"],
.maqmahelpdesk .mqtbulk .btn [class^="icon-"] {
	margin: 0 4px 0 0;
	vertical-align: -3px;
}
.maqmahelpdesk table.mqtickets .mqtcell-check {
	width: 1%;
	padding-right: 0 !important;
}
.maqmahelpdesk table.mqtickets .mqtcell-check input {
	margin: 2px 0 0;
}
.maqmahelpdesk table.mqtickets .mqtdueicon {
	margin-right: 7px;
	vertical-align: -3px;
}
.maqmahelpdesk table.mqtickets .mqtflag {
	margin-right: 5px;
	vertical-align: -3px;
}
.maqmahelpdesk table.mqtickets .mqtid.mqtdue-important {
	background: #f6dcdc;
	color: #8d2222;
}
.maqmahelpdesk table.mqtickets .mqtid.mqtdue-warning {
	background: #fbecd0;
	color: #7c560c;
}
.maqmahelpdesk table.mqtickets .mqtid.mqtdue-success {
	background: #dcecdf;
	color: #276036;
}
.maqmahelpdesk table.mqtickets .mqtinternal {
	display: inline-block;
	margin-left: 8px;
	padding: 1px 7px;
	border-radius: 3px;
	background: #f6dcdc;
	color: #8d2222;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.maqmahelpdesk table.mqtickets tbody tr.noreply td {
	background: #fdf2f2;
}
.maqmahelpdesk table.mqtickets tbody tr.noreply:hover td {
	background: #f7e7ea;
}
.maqmahelpdesk .mqtvhead {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	margin: -6px 0 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e4e9ee;
}
.maqmahelpdesk .mqtvstate {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 18px;
}
.maqmahelpdesk .mqtvstate-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #77848f;
	font-size: 13px;
}
.maqmahelpdesk .mqtvstate-item label {
	margin: 0;
	line-height: 24px;
}
.maqmahelpdesk .mqtvstate-value {
	color: #33475c;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
}
.maqmahelpdesk .mqtvstate select {
	box-sizing: border-box;
	width: auto;
	height: 34px;
	margin: 0;
	padding: 4px 8px;
	background: #fff;
	border: 1px solid #c8d0d8;
	border-radius: 3px;
	box-shadow: none;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	line-height: 24px;
	transition: border-color .15s, box-shadow .15s;
}
.maqmahelpdesk .mqtvstate select:focus {
	border-color: #0B64B8;
	box-shadow: 0 0 0 3px rgba(0, 91, 171, .15);
	outline: none;
}
.maqmahelpdesk .mqtvstate #statuschange {
	height: 34px;
	margin: 0 0 0 8px;
	padding: 0 16px;
	border: 1px solid #0B64B8;
	border-radius: 3px;
	background: #0B64B8;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .04em;
	line-height: 32px;
	text-shadow: none;
	text-transform: uppercase;
}
.maqmahelpdesk .mqtvstate #statuschange:hover {
	background: #073E75;
	color: #fff !important;
}
.maqmahelpdesk .mqtvmeta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 14px;
	font-size: 14px;
	color: #77848f;
}
.maqmahelpdesk .mqtvid {
	padding: 3px 10px;
	background: #eef2f6;
	border-radius: 3px;
	color: #33475c;
	font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
	font-size: 13px;
	font-weight: bold;
}
.maqmahelpdesk .mqtvdate b {
	color: #444;
	font-weight: bold;
}
.maqmahelpdesk #tickettools {
	float: none;
	margin: 0;
}
.maqmahelpdesk .mqdenied-lead {
	max-width: 760px;
	margin: 0 0 22px;
	color: #55616d;
	font-size: 15px;
	line-height: 1.6;
}
.maqmahelpdesk .mqdenied-note {
	display: block;
	margin-top: 2px;
	color: #8a97a3;
	font-size: 14px;
}
.maqmahelpdesk .mqdenied-alt {
	margin: 22px 0 0;
	color: #77848f;
	font-size: 14px;
}
.maqmahelpdesk .mqdenied-alt .btn + .btn {
	margin-left: 8px;
}
.maqmahelpdesk form.mqlogin {
	box-sizing: border-box;
	max-width: 420px;
	margin: 0;
	padding: 22px 24px 24px;
	background: #fff;
	border: 1px solid #d8e0e7;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.maqmahelpdesk .mqlogin-field {
	margin-bottom: 16px;
}
.maqmahelpdesk .mqlogin-field label {
	display: block;
	margin-bottom: 5px;
	color: #4d5a66;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}
.maqmahelpdesk .mqlogin-field input {
	box-sizing: border-box;
	width: 100%;
	height: 38px;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid #c8d0d8;
	border-radius: 3px;
	background: #fff;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	box-shadow: none;
	transition: border-color .15s, box-shadow .15s;
}
.maqmahelpdesk .mqlogin-field input:focus {
	border-color: #0B64B8;
	box-shadow: 0 0 0 3px rgba(0, 91, 171, .15);
	outline: none;
}
.maqmahelpdesk .mqlogin-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
	margin-top: 20px;
}
.maqmahelpdesk .mqlogin-actions .btn {
	height: 38px;
	margin: 0;
	padding: 0 22px;
	border-radius: 3px;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .03em;
	line-height: 36px;
	text-transform: uppercase;
}
.maqmahelpdesk .mqlogin-actions .btn-success {
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #0B64B8;
	background: #0B64B8;
	color: #fff;
	text-shadow: none;
}
.maqmahelpdesk .mqlogin-actions .btn-success:hover,
.maqmahelpdesk .mqlogin-actions .btn-success:focus {
	background: #073E75;
	color: #fff !important;
}
.maqmahelpdesk .mqlogin-actions .btn-success:active {
	background: #073E75;
	color: #fff !important;
}
.maqmahelpdesk .mqlogin-help {
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-size: 13px;
	line-height: 18px;
}
.maqmahelpdesk .mqlogin-help a {
	color: #10456f;
}
.maqmahelpdesk .mqlogin-help a:hover {
	color: #0B64B8 !important;
	text-decoration: underline;
}
.maqmahelpdesk .mqlogin-register {
	margin: 16px 0 0;
	padding-top: 14px;
	border-top: 1px solid #DCE3EA;
	color: #586677;
	font-size: 14.5px;
	line-height: 1.5;
}
.maqmahelpdesk .mqlogin-register a {
	color: #0B64B8;
	font-weight: 600;
}
.maqmahelpdesk .mqlogin-register a:hover {
	text-decoration: underline;
}
.maqmahelpdesk .mqtvrate {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.maqmahelpdesk .mqtvrate-label {
	color: #77848f;
}
.maqmahelpdesk .mqtvrate #rating {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	float: none;
	margin: 0;
}
.maqmahelpdesk .mqtvclosed {
	margin: 0 0 22px;
	padding: 12px 16px;
	background: #f4f7fa;
	border: 1px solid #d8e0e7;
	border-left: 3px solid #8fa1b3;
	border-radius: 3px;
	color: #55616d;
	font-size: 14px;
	line-height: 1.55;
}
.maqmahelpdesk .mqtvclosed strong {
	margin-right: 4px;
	color: #22384c;
}
.maqmahelpdesk .mqticket.mqticketview {
	max-width: none;
}
.maqmahelpdesk .mqticketview .control-group .controls {
	padding-top: 0;
	color: #333;
	font-size: 14px;
	line-height: 30px;
}
.maqmahelpdesk .mqticketview .control-group {
	margin: 0;
}
.maqmahelpdesk .mqticketview > .control-group {
	float: left;
	width: auto;
	box-sizing: border-box;
	padding-right: 44px;
}
.maqmahelpdesk .mqticket.mqticketview .control-label {
	padding-top: 0;
	line-height: 30px;
}
.maqmahelpdesk .mqticketview #AddReply .control-group {
	display: block;
	margin: 0 0 16px;
}
.maqmahelpdesk .mqticketview #AddReply .control-label {
	padding-top: 9px;
	line-height: 20px;
}
/* The ticket subject h1 used to be a 16px Arial sub-heading here, on the reasoning
   that the subject is ticket text wherever else it appears. It is the page title,
   so it now takes the same 26px/600 Source Sans Pro as every other page title and
   this rule is gone -- #content-area h1 in styles/support.css already supplied the
   size, line-height and text-transform, leaving only the Arial to remove. */
.maqmahelpdesk #tab.nav-tabs {
	clear: both;
	margin: 26px 0 0;
	border-bottom: 1px solid #e0e0e0;
}
.maqmahelpdesk #tab.nav-tabs img {
	display: none;
}
.maqmahelpdesk #tab.nav-tabs > li > a {
	margin-right: 4px;
	padding: 8px 16px;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: none;
	color: #77848f;
	font-size: 14px;
}
.maqmahelpdesk #tab.nav-tabs > li > a:hover {
	background: #f2f5f8;
	color: #0B64B8 !important;
}
.maqmahelpdesk #tab.nav-tabs > li.active > a {
	border-bottom-color: #0B64B8;
	background: none;
	color: #24313d !important;
	font-weight: bold;
}
.maqmahelpdesk #tab.nav-tabs > li > a .caret {
	margin: 0 0 0 6px;
	border-top-color: currentColor;
	vertical-align: middle;
}
.maqmahelpdesk #tab.nav-tabs .badge {
	margin-left: 5px;
	padding: 2px 7px;
	background: #d8e2ec;
	border-radius: 9px;
	color: #33475c;
	font-size: 11px;
	text-shadow: none;
}
.maqmahelpdesk .tab-content {
	padding-top: 22px;
	overflow: visible;
}
.maqmahelpdesk .post-box-wrapper ol.messagelist {
	margin: 0;
	padding: 0;
	list-style: none;
}
.maqmahelpdesk .post-box-wrapper ol.messagelist > li {
	margin: 0 0 20px;
}
.maqmahelpdesk .post-box-wrapper .message-body {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}
.maqmahelpdesk img.message-avatar {
	padding: 0;
	border: 0;
	border-radius: 50%;
}
.maqmahelpdesk .post-box-wrapper .message-avatar {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #e8edf2;
	box-shadow: none;
}
.maqmahelpdesk .post-box-wrapper .message-arrow {
	display: none;
}
.maqmahelpdesk .post-box-wrapper .message-box {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 13px 16px;
	overflow: visible;
	background: linear-gradient(to bottom, #F3F6FA 0, #E9EFF6 1px, #F3F6FA 6px, #F7FAFD 20px, #FBFCFE 44px, rgba(255, 255, 255, 0) 94px);
	border: 1px solid #DCE3EA;
	border-radius: 4px;
	box-shadow: none;
}
.maqmahelpdesk .post-box-wrapper .message-box:before,
.maqmahelpdesk .post-box-wrapper .message-box:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}
.maqmahelpdesk .post-box-wrapper .message-box:before {
	top: 15px;
	left: -9px;
	border-width: 9px 9px 9px 0;
	border-color: transparent #DCE3EA transparent transparent;
}
.maqmahelpdesk .post-box-wrapper .message-box:after {
	top: 16px;
	left: -8px;
	border-width: 8px 8px 8px 0;
	border-color: transparent #F6F9FC transparent transparent;
}
.maqmahelpdesk .post-box-wrapper .message-box.note {
	background: #fdf9ec;
	border-color: #e3d3a4;
}
.maqmahelpdesk .post-box-wrapper .message-box.note:before {
	border-right-color: #e3d3a4;
}
.maqmahelpdesk .post-box-wrapper .message-box.note:after {
	border-right-color: #fdf9ec;
}
.maqmahelpdesk .post-box-wrapper .message-author {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 2px 12px;
	margin: 0 0 9px;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
}
.maqmahelpdesk .post-box-wrapper .message-author strong {
	color: #1c2733;
	font-size: 13px;
	font-weight: bold;
}
.maqmahelpdesk .post-box-wrapper .message-author small {
	color: #6b7885;
	font-size: 13px;
}
.maqmahelpdesk .post-box-wrapper .message-text {
	padding: 0;
	color: #2b3540;
	font-size: 15px;
	line-height: 1.6;
	overflow-wrap: anywhere;
}
.maqmahelpdesk .post-box-wrapper .message-text p:last-child {
	margin-bottom: 0;
}
.maqmahelpdesk .post-box-wrapper .message-text pre {
	display: block;
	margin: 10px 0;
	padding: 10px 12px;
	max-width: 100%;
	overflow-x: auto;
	background: #f4f5f7;
	border: 1px solid #e1e4e8;
	border-radius: 4px;
	color: #24292e;
	font-family: Consolas, Menlo, "DejaVu Sans Mono", "Courier New", monospace;
	font-size: 13px;
	line-height: 1.45;
	white-space: pre;
	overflow-wrap: normal;
	word-break: normal;
	word-wrap: normal;
	-moz-tab-size: 8;
	tab-size: 8;
}
.maqmahelpdesk .post-box-wrapper .message-text code {
	padding: 1px 5px;
	background: #f4f5f7;
	border: 1px solid #e1e4e8;
	border-radius: 3px;
	color: #24292e;
	font-family: Consolas, Menlo, "DejaVu Sans Mono", "Courier New", monospace;
	font-size: 13px;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}
.maqmahelpdesk .mqticketview #messages h3.mqtvreply {
	margin: 32px 0 18px;
	padding-bottom: 9px;
	border-bottom: 1px solid #e4e4e4;
	color: #5f6f80;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .06em;
	line-height: 20px;
	text-transform: uppercase;
}
.maqmahelpdesk .mqticketview .controls textarea#reply {
	height: 200px;
}
@media (max-width: 767px) {
	.maqmahelpdesk .mqticketview .control-group .controls {
		line-height: 1.5;
	}
	.maqmahelpdesk .mqticketview > .control-group {
		float: none;
		width: auto;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.maqmahelpdesk .post-box-wrapper .message-body {
		gap: 10px;
	}
	.maqmahelpdesk .post-box-wrapper .message-avatar {
		width: 32px;
		height: 32px;
	}
	.maqmahelpdesk .post-box-wrapper .message-box:before,
	.maqmahelpdesk .post-box-wrapper .message-box:after {
		display: none;
	}
	.maqmahelpdesk #tab.nav-tabs > li > a {
		padding: 7px 10px;
		font-size: 13px;
	}
}
.maqmahelpdesk #adminForm.mqticket.mqtvsup label.control-label,
.maqmahelpdesk #adminForm.mqticket.mqtvsup div.control-label {
	width: 170px;
}
.maqmahelpdesk .mqticket.mqtvsup .controls {
	margin-left: 190px;
}
.maqmahelpdesk #adminForm.mqticket.mqtvsup > .control-group,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #changesubject > .control-group,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #adduser > .control-group,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetails > .control-group {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 8px;
}
.maqmahelpdesk #adminForm.mqticket.mqtvsup > .control-group:before,
.maqmahelpdesk #adminForm.mqticket.mqtvsup > .control-group:after,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #changesubject > .control-group:before,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #changesubject > .control-group:after,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #adduser > .control-group:before,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #adduser > .control-group:after,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetails > .control-group:before,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetails > .control-group:after {
	display: none;
}
.maqmahelpdesk #adminForm.mqticket.mqtvsup > .control-group > .control-label,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #changesubject > .control-group > .control-label,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #adduser > .control-group > .control-label,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetails > .control-group > .control-label {
	flex: 0 0 150px;
	width: 150px;
	margin: 0;
	padding: 0;
	color: #67737f;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.maqmahelpdesk #adminForm.mqticket.mqtvsup > .control-group > .controls,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #changesubject > .control-group > .controls,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #adduser > .control-group > .controls,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetails > .control-group > .controls {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	color: #1c2733;
	line-height: 1.4;
}
.maqmahelpdesk .mqticket.mqtvsup .controls > .btn-group {
	margin-left: 10px;
}
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetailsShow,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetailsHide {
	margin: 14px 0 0 170px;
}
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetailsShow a,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetailsHide a {
	color: #10456f;
	font-size: 13px;
}
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetailsShow em,
.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetailsHide em {
	font-style: normal;
}
@media (max-width: 767px) {
	.maqmahelpdesk #adminForm.mqticket.mqtvsup > .control-group,
	.maqmahelpdesk #adminForm.mqticket.mqtvsup #changesubject > .control-group,
	.maqmahelpdesk #adminForm.mqticket.mqtvsup #adduser > .control-group,
	.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetails > .control-group {
		flex-direction: column;
		align-items: stretch;
		gap: 2px;
	}
	.maqmahelpdesk #adminForm.mqticket.mqtvsup > .control-group > .control-label,
	.maqmahelpdesk #adminForm.mqticket.mqtvsup #changesubject > .control-group > .control-label,
	.maqmahelpdesk #adminForm.mqticket.mqtvsup #adduser > .control-group > .control-label,
	.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetails > .control-group > .control-label {
		flex: 0 0 auto;
		width: auto;
		text-align: left;
	}
	.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetailsShow,
	.maqmahelpdesk #adminForm.mqticket.mqtvsup #ExtraDetailsHide {
		margin-left: 0;
	}
}
.maqmahelpdesk .mqticketview.mqtvsup > .control-group {
	float: none;
	width: auto;
	padding-right: 0;
}
.maqmahelpdesk .mqticket.mqtvsup .controls .field-calendar,
.maqmahelpdesk .mqticket.mqtvsup .controls .input-append {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	vertical-align: middle;
}
.maqmahelpdesk .mqticket.mqtvsup .controls .field-calendar input[type="text"],
.maqmahelpdesk .mqticket.mqtvsup .controls .input-append input[type="text"] {
	width: 150px;
}
.maqmahelpdesk .mqticket.mqtvsup .controls .field-calendar .btn,
.maqmahelpdesk .mqticket.mqtvsup .controls .input-append .btn {
	height: 38px;
	margin: 0;
	padding: 0 12px;
	border-radius: 3px;
	line-height: 36px;
}
.maqmahelpdesk .mqticket.mqtvsup .controls input.timepicker {
	width: 80px !important;
	margin-left: 6px;
	vertical-align: middle;
}
.maqmahelpdesk .mqtvactions .btn,
.maqmahelpdesk .mqticketview .mqtvnote .btn {
	height: 34px;
	margin: 0;
	padding: 0 16px;
	border-radius: 3px;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .04em;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
}
.maqmahelpdesk .mqtvactions .btn .caret {
	margin: 0 0 0 6px;
	vertical-align: middle;
}
.maqmahelpdesk .mqtvactions .dropdown-menu {
	text-transform: none;
}
.maqmahelpdesk .mqticketview .mqtvnote {
	display: flex;
	justify-content: flex-end;
	margin: 18px 0 0;
}
.maqmahelpdesk .mqticketview #messages h3.mqtvreply {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 4px 16px;
}
.maqmahelpdesk .mqticketview #ExtraDetailsShow,
.maqmahelpdesk .mqticketview #ExtraDetailsHide {
	clear: both;
	margin: 6px 0 0;
	font-size: 13px;
}
.maqmahelpdesk .mqticketview #ExtraDetailsShow em,
.maqmahelpdesk .mqticketview #ExtraDetailsHide em {
	font-style: normal;
}
.maqmahelpdesk .mqticketview #workgroup_change {
	clear: both;
	margin: 0 0 16px !important;
	padding: 12px 14px !important;
	background: #fdf9ec !important;
	border: 1px solid #e3d3a4;
	border-radius: 4px;
}
.maqmahelpdesk .mqticketview #workgroup_change table td {
	padding: 0 10px 0 0;
	border: 0;
}
.maqmahelpdesk .mqticketview .popin {
	clear: both;
	margin: 0 0 16px;
	padding: 14px 16px 0;
	background: #f7f9fb;
	border: 1px solid #e0e6ec;
	border-radius: 4px;
}
.maqmahelpdesk table.mqtvtable {
	width: 100%;
	margin: 0;
	background: none;
	border: 0;
	border-collapse: collapse;
	font-size: 14px;
}
.maqmahelpdesk table.mqtvtable thead th,
.maqmahelpdesk table.mqtvtable thead td {
	padding: 0 14px 8px !important;
	background: none;
	border: 0;
	border-bottom: 2px solid #b9c6d1;
	color: #4d5a66;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .04em;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtvtable tbody td {
	padding: 11px 14px !important;
	background: none;
	border: 0;
	border-bottom: 1px solid #e4e9ee;
	color: #333;
	vertical-align: top;
}
.maqmahelpdesk table.mqtvtable tbody tr:hover td {
	background: #f2f7fc;
}
.maqmahelpdesk table.mqtvtable tbody td a {
	color: #10456f;
}
.maqmahelpdesk table.mqtvtable tbody td a:hover {
	color: #0B64B8 !important;
	text-decoration: underline;
}
.maqmahelpdesk table.mqtvtable .mqtvt-date {
	width: 1%;
	color: #67737f;
	font-size: 13px;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtvtable .mqtvt-file {
	overflow-wrap: anywhere;
}
.maqmahelpdesk table.mqtvtable .mqtvt-tools {
	width: 1%;
	text-align: right;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtvtable .mqtvt-tools a {
	margin-left: 6px;
}
.maqmahelpdesk table.mqtvtable .mqtvt-tools img {
	vertical-align: middle;
}
.maqmahelpdesk table.mqtvtable tbody tr.total td {
	border-top: 2px solid #b9c6d1;
	border-bottom: 0;
	color: #22384c;
}
.maqmahelpdesk table.mqtvsplit,
.maqmahelpdesk table.mqtvsplit > tbody {
	display: block;
	width: 100%;
	margin: 0;
	background: none;
	border: 0;
}
.maqmahelpdesk table.mqtvsplit > tbody > tr {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 28px;
}
.maqmahelpdesk table.mqtvsplit > tbody > tr > td {
	flex: 1 1 320px;
	min-width: 0;
	padding: 0 !important;
	background: none;
	border: 0;
}
.maqmahelpdesk .mqtvtabact {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 16px;
}
.maqmahelpdesk .mqtvtabact .btn {
	height: 34px;
	margin: 0;
	padding: 0 16px;
	border-radius: 3px;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .04em;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtvlogs tbody td {
	border-bottom: 1px solid #eff2f5;
}
.maqmahelpdesk table.mqtvlogs tbody td.date,
.maqmahelpdesk table.mqtvlogs tbody td.daterow {
	border-top: 1px solid #d3dce4;
}
.maqmahelpdesk table.mqtvlogs tbody td:first-child {
	width: 1%;
	color: #55616d;
	font-weight: bold;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtvlogs tbody td:first-child + td {
	width: 1%;
	color: #77848f;
	font-size: 13px;
	white-space: nowrap;
}
.maqmahelpdesk table.mqtvlogs tbody td.log {
	color: #3a4652;
	line-height: 1.5;
}
.maqmahelpdesk table.mqtvlogs tbody td.log img {
	margin-right: 6px;
	vertical-align: -3px;
}
@media (min-width: 601px) and (max-width: 767px) {
	.maqmahelpdesk table.mqtvtable .mqtvt-date {
		white-space: normal;
	}
}
@media (max-width: 600px) {
	.maqmahelpdesk table.mqtvtable thead {
		display: none;
	}
	.maqmahelpdesk table.mqtvtable,
	.maqmahelpdesk table.mqtvtable tbody,
	.maqmahelpdesk table.mqtvtable tr,
	.maqmahelpdesk table.mqtvtable td {
		display: block;
		width: auto;
	}
	.maqmahelpdesk table.mqtvtable tbody tr {
		box-sizing: border-box;
		margin-bottom: 12px;
		padding: 12px 14px;
		border: 1px solid #ccd7e0;
		border-radius: 4px;
	}
	.maqmahelpdesk table.mqtvtable tbody td {
		padding: 0 !important;
		border: 0;
		text-align: left;
		white-space: normal;
	}
	.maqmahelpdesk table.mqtvtable tbody td + td {
		margin-top: 6px;
	}
	.maqmahelpdesk table.mqtvtable .mqtvt-date,
	.maqmahelpdesk table.mqtvtable .mqtvt-tools {
		width: auto;
		text-align: left;
	}
	.maqmahelpdesk table.mqtvtable .mqtvt-tools a {
		margin: 0 10px 0 0;
	}
	.maqmahelpdesk table.mqtvtable tbody tr:hover td {
		background: none;
	}
	.maqmahelpdesk table.mqtvlogs tbody tr {
		margin-bottom: 8px;
		padding: 10px 12px;
	}
	.maqmahelpdesk table.mqtvlogs tbody td:empty {
		display: none;
	}
	.maqmahelpdesk table.mqtvlogs tbody td.date,
	.maqmahelpdesk table.mqtvlogs tbody td.daterow {
		border-top: 0;
	}
}
@media (max-width: 767px) {
	.maqmahelpdesk #tab.nav-tabs {
		position: relative;
	}
	.maqmahelpdesk #tab.nav-tabs > li.dropdown {
		position: static;
	}
	.maqmahelpdesk #tab.nav-tabs > li.dropdown > .dropdown-menu {
		left: 0;
		right: auto;
		width: 100%;
		box-sizing: border-box;
	}
}
@media (max-width: 600px) {
	.maqmahelpdesk .mqtvhead {
		flex-direction: column;
		align-items: stretch;
	}
	.maqmahelpdesk .mqtvstate {
		justify-content: flex-start;
	}
	.maqmahelpdesk .mqtvactions .dropdown-menu {
		left: 0;
		right: auto;
	}
}
.maqmahelpdesk .mqticket-intro {
	margin: 0 0 24px;
	color: #666;
	font-size: 14px;
}
.maqmahelpdesk .mqticket {
	margin-bottom: 0;
}
.maqmahelpdesk .mqticket .control-group {
	margin: 0 0 16px;
}
.maqmahelpdesk #adminForm.mqticket label.control-label,
.maqmahelpdesk #adminForm.mqticket div.control-label {
	width: 96px;
}
.maqmahelpdesk .mqticket .control-label {
	padding-top: 9px;
	color: #444;
	font-size: 14px;
	font-weight: bold;
}
.maqmahelpdesk .mqticket .required {
	color: #c2382e;
}
.maqmahelpdesk .mqticket .controls {
	display: block;
	width: auto;
	margin-left: 116px;
	padding-left: 0;
}
.maqmahelpdesk .mqticket .controls input[type="text"],
.maqmahelpdesk .mqticket .controls input[type="file"],
.maqmahelpdesk .mqticket .controls select,
.maqmahelpdesk .mqticket .controls textarea {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	margin: 0;
	padding: 6px 10px;
	color: #333;
	font-family: inherit;
	font-size: 14px;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	box-shadow: none;
}
.maqmahelpdesk .mqticket .controls input[type="text"],
.maqmahelpdesk .mqticket .controls select {
	height: 38px;
}
.maqmahelpdesk .mqticket .controls input[type="file"] {
	height: auto;
	min-height: 38px;
	padding: 5px 8px;
	line-height: 26px;
}
.maqmahelpdesk .mqticket .controls select {
	width: 260px;
	max-width: 100%;
}
.maqmahelpdesk .mqticket .controls textarea {
	height: 96px;
	line-height: 1.5;
	resize: vertical;
}
.maqmahelpdesk .mqticket .controls textarea#problem {
	height: 260px;
	min-height: 120px;
}
.maqmahelpdesk .mqticket .controls input:focus,
.maqmahelpdesk .mqticket .controls select:focus,
.maqmahelpdesk .mqticket .controls textarea:focus {
	border-color: #0B64B8;
	box-shadow: 0 0 4px rgba(0, 91, 171, .4);
	outline: none;
}
.maqmahelpdesk .mqticket .controls .help-block {
	display: block;
	margin: 7px 0 0;
	color: #8a8a8a;
	font-size: 13px;
	line-height: 1.45;
}
.maqmahelpdesk .mqticket .controls .btn {
	height: 34px;
	padding: 0 16px;
	line-height: 32px;
}
.maqmahelpdesk .mqticket .controls a.mqattach-toggle {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	height: 38px;
	padding: 0 14px;
	background: #fff;
	border: 1px solid #c8d0d8;
	border-radius: 3px;
	box-shadow: none;
	color: #33475c;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 36px;
	text-shadow: none;
	text-transform: none;
}
.maqmahelpdesk .mqticket .controls a.mqattach-toggle:before {
	content: "";
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2333475c' d='M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z'/%3E%3C/svg%3E") no-repeat center;
	background-size: 16px 16px;
}
.maqmahelpdesk .mqticket .controls a.mqattach-toggle:after {
	content: "";
	width: 10px;
	height: 6px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%238a97a3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.4 5 5 9 1.4'/%3E%3C/svg%3E") no-repeat center;
	background-size: 10px 6px;
}
.maqmahelpdesk .mqticket .controls a.mqattach-toggle.is-open:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%238a97a3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 4.6 5 1 9 4.6'/%3E%3C/svg%3E");
}
.maqmahelpdesk .mqticket .controls a.mqattach-toggle:hover {
	background: #f2f7fc;
	border-color: #a9bccd;
	color: #10456f !important;
	text-decoration: none;
}
.maqmahelpdesk .mqticket .controls a.mqattach-toggle.is-open {
	background: #eef4fa;
	border-color: #a9bccd;
}
.maqmahelpdesk .mqticket #AddAttachment {
	box-sizing: border-box;
	max-width: 704px;
	margin: 0 0 16px 116px;
	padding: 16px 18px 6px;
	background: #f7f9fb;
	border: 1px solid #e1e8ee;
	border-radius: 4px;
}
.maqmahelpdesk .mqticket .mqattach-hint {
	margin: 0 0 14px;
	color: #77848f;
	font-size: 13px;
	line-height: 1.55;
	overflow-wrap: anywhere;
}
.maqmahelpdesk .mqticket .mqattach-hint b,
.maqmahelpdesk .mqticket .mqattach-hint span {
	color: #4d5a66;
}
.maqmahelpdesk .mqticket .mqattach-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.maqmahelpdesk .mqticket .mqattach-row input.mqattach-file,
.maqmahelpdesk .mqticket .mqattach-row input.mqattach-desc {
	box-sizing: border-box;
	min-width: 0;
	height: 38px;
	margin: 0;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #c8d0d8;
	border-radius: 3px;
	color: #333;
	font-size: 14px;
	line-height: 26px;
	box-shadow: none;
	transition: border-color .15s, box-shadow .15s;
}
.maqmahelpdesk .mqticket .mqattach-row input.mqattach-file {
	flex: 1 1 50%;
	padding-left: 5px;
}
.maqmahelpdesk .mqticket .mqattach-row input.mqattach-desc {
	flex: 1 1 50%;
}
.maqmahelpdesk .mqticket .mqattach-row input:focus {
	border-color: #0B64B8;
	box-shadow: 0 0 0 3px rgba(0, 91, 171, .15);
	outline: none;
}
.maqmahelpdesk .mqticket .mqattach-file::file-selector-button {
	height: 26px;
	margin: 0 10px 0 0;
	padding: 0 12px;
	background: #eef2f6;
	border: 1px solid #c8d0d8;
	border-radius: 3px;
	color: #33475c;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .03em;
	text-transform: uppercase;
	cursor: pointer;
}
.maqmahelpdesk .mqticket .mqattach-file::file-selector-button:hover {
	background: #e2eaf2;
	border-color: #a9bccd;
}
.maqmahelpdesk .mqticket .mqattach-remove {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	color: #8a97a3;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
}
.maqmahelpdesk .mqticket .mqattach-remove:hover {
	background: #e6ecf2;
	color: #33475c !important;
	text-decoration: none;
}
.maqmahelpdesk .mqticket .form-actions {
	margin: 26px 0 0;
	padding: 18px 0 0 116px;
	background: none;
	border-top: 1px solid #e4e4e4;
	border-radius: 0;
}
.maqmahelpdesk .mqticket .form-actions .btn {
	height: 38px;
	padding: 0 26px;
	line-height: 36px;
	border-radius: 3px;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	transition: none;
}
.maqmahelpdesk .mqticket .form-actions .btn + .btn {
	margin-left: 10px;
}
.maqmahelpdesk .mqticket .form-actions .btn-success {
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #0B64B8;
	background: #0B64B8;
	color: #fff;
	text-shadow: none;
	box-shadow: none;
}
.maqmahelpdesk .mqticket .form-actions .btn-success:hover,
.maqmahelpdesk .mqticket .form-actions .btn-success:focus {
	background: #073E75;
	background-position: 0 0;
	color: #fff;
}
.maqmahelpdesk .mqticket .form-actions .btn-success:active {
	background: #073E75;
	background-position: 0 0;
	box-shadow: none;
	color: #fff;
	outline: none;
}
.maqmahelpdesk .mqticket .form-actions .btn-link {
	padding: 0 20px;
	border: 1px solid #d5d5d5;
	background: #fff;
	color: #666;
	font-weight: normal;
	box-shadow: none;
	text-shadow: none;
}
.maqmahelpdesk .mqticket .form-actions .btn-link:hover,
.maqmahelpdesk .mqticket .form-actions .btn-link:focus {
	border-color: #b3b3b3;
	background: #f4f4f4;
	color: #333;
	text-decoration: none;
}
.maqmahelpdesk .mqticket .form-actions .btn-link:active {
	background: #e9e9e9;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	outline: none;
}
@media (max-width: 767px) {
	.maqmahelpdesk #adminForm.mqticket label.control-label,
	.maqmahelpdesk #adminForm.mqticket div.control-label {
		float: none;
		width: auto;
		text-align: left;
	}
	.maqmahelpdesk .mqticket .control-label {
		padding-top: 0;
		margin-bottom: 5px;
	}
	.maqmahelpdesk .mqticket .controls {
		margin-left: 0;
	}
	.maqmahelpdesk #adminForm.mqticket.mqtvsup label.control-label,
	.maqmahelpdesk #adminForm.mqticket.mqtvsup div.control-label {
		width: auto;
	}
	.maqmahelpdesk .mqticket.mqtvsup .controls {
		margin-left: 0;
	}
	.maqmahelpdesk .mqticket.mqtvsup .controls .field-calendar,
	.maqmahelpdesk .mqticket.mqtvsup .controls .input-append {
		display: flex;
		max-width: 100%;
	}
	.maqmahelpdesk .mqticket.mqtvsup .controls .field-calendar input[type="text"],
	.maqmahelpdesk .mqticket.mqtvsup .controls .input-append input[type="text"] {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}
	.maqmahelpdesk .mqticket .controls select {
		width: 100%;
	}
	.maqmahelpdesk .mqticket .controls textarea#problem {
		height: 200px;
	}
	.maqmahelpdesk .mqticket .form-actions {
		padding-left: 0;
		text-align: center;
	}
	.maqmahelpdesk .mqticket .form-actions .btn {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 8px;
	}
	.maqmahelpdesk .mqticket .form-actions .btn + .btn {
		margin-left: 0;
	}
	.maqmahelpdesk .mqticket #AddAttachment {
		max-width: none;
		margin-left: 0;
	}
}
@media (max-width: 600px) {
	.maqmahelpdesk .mqticket .mqattach-row {
		flex-wrap: wrap;
		padding-right: 40px;
		position: relative;
		margin-bottom: 16px;
	}
	.maqmahelpdesk .mqticket .mqattach-row input.mqattach-file,
	.maqmahelpdesk .mqticket .mqattach-row input.mqattach-desc {
		flex: 1 1 100%;
	}
	.maqmahelpdesk .mqticket .mqattach-remove {
		position: absolute;
		top: 4px;
		right: 0;
	}
}
.maqmahelpdesk .alert {
	position: relative;
	margin: 0 0 22px;
	padding: 13px 38px 13px 16px;
	background-color: #f4f7fa;
	border: 1px solid #d8e0e7;
	border-left: 3px solid #8fa1b3;
	border-radius: 3px;
	color: #44515e;
	font-size: 14px;
	line-height: 1.55;
	text-shadow: none;
}
.maqmahelpdesk .alert p {
	margin: 0;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
.maqmahelpdesk .alert p + p {
	margin-top: 10px;
}
.maqmahelpdesk .alert h4 {
	margin: 0 0 4px;
	color: inherit;
	font-size: 15px;
	font-weight: bold;
}
.maqmahelpdesk .alert small {
	display: block;
	margin-bottom: 2px;
	color: #8a97a3;
	font-size: 12px;
}
.maqmahelpdesk .alert a {
	color: #0B64B8;
	font-weight: normal;
	text-decoration: none;
}
.maqmahelpdesk .alert a b {
	font-weight: bold;
}
.maqmahelpdesk .alert a:hover,
.maqmahelpdesk .alert a:focus {
	color: #003f77 !important;
	text-decoration: underline;
}
.maqmahelpdesk .alert a.btn {
	margin-top: 10px;
}
.maqmahelpdesk .alert .close {
	position: absolute;
	top: 8px;
	right: 10px;
	float: none;
	color: #8a97a3;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	text-shadow: none;
	opacity: 1;
}
.maqmahelpdesk .alert .close:hover {
	color: #44515e !important;
	text-decoration: none;
}
.maqmahelpdesk .alert-info,
.maqmahelpdesk .alert-notice {
	background-color: #eef4fa;
	border-color: #cfe0ef;
	border-left-color: #0B64B8;
	color: #2f4a61;
}
.maqmahelpdesk .alert-success {
	background-color: #e9f5ec;
	border-color: #c6e3cf;
	border-left-color: #3f9e5a;
	color: #2c5638;
}
.maqmahelpdesk .alert-block,
.maqmahelpdesk .alert-warning {
	background-color: #fdf6e6;
	border-color: #ecdcb0;
	border-left-color: #d9a12b;
	color: #6b5a2b;
}
.maqmahelpdesk .alert-error,
.maqmahelpdesk .alert-danger {
	background-color: #fbeceb;
	border-color: #f0cbc8;
	border-left-color: #c2382e;
	color: #8a2f27;
}
.maqmahelpdesk .alert-info a,
.maqmahelpdesk .alert-success a,
.maqmahelpdesk .alert-block a,
.maqmahelpdesk .alert-warning a,
.maqmahelpdesk .alert-error a,
.maqmahelpdesk .alert-danger a {
	color: inherit;
	text-decoration: underline;
}
.maqmahelpdesk .alert-info a:hover,
.maqmahelpdesk .alert-success a:hover,
.maqmahelpdesk .alert-block a:hover,
.maqmahelpdesk .alert-warning a:hover,
.maqmahelpdesk .alert-error a:hover,
.maqmahelpdesk .alert-danger a:hover {
	color: #1c2733 !important;
}
.maqmahelpdesk .mqgloss-intro {
	margin: 0 0 22px;
	color: #666;
	font-size: 14px;
}
.maqmahelpdesk .mqgloss-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 20px;
	margin: 0 0 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e4e9ee;
}
.maqmahelpdesk .mqgloss-tools #myList-nav {
	flex: 1 1 auto;
}
.maqmahelpdesk .mqgloss-search {
	flex: 0 0 auto;
	margin: 0;
}
.maqmahelpdesk .mqgloss-search input {
	box-sizing: border-box;
	width: 220px;
	height: 32px;
	margin: 0;
	padding: 5px 10px 5px 30px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%238a97a3' stroke-width='1.6'%3E%3Ccircle cx='7' cy='7' r='4.4'/%3E%3Cpath d='M10.4 10.4 14 14'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 15px 15px;
	border: 1px solid #c8d0d8;
	border-radius: 3px;
	box-shadow: none;
	color: #333;
	font-size: 13px;
}
.maqmahelpdesk .mqgloss-search input:focus {
	border-color: #0B64B8;
	box-shadow: 0 0 0 3px rgba(0, 91, 171, .15);
	outline: none;
}
.maqmahelpdesk .ln-letters {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	overflow: visible;
	margin: 0;
}
.maqmahelpdesk .ln-letters a {
	display: block;
	float: none;
	min-width: 15px;
	padding: 5px 7px;
	background: #f2f5f8;
	border: 1px solid #dbe2e8;
	border-radius: 3px;
	color: #33475c;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}
.maqmahelpdesk .ln-letters a.ln-last {
	border-right: 1px solid #dbe2e8;
}
.maqmahelpdesk .ln-letters a:hover {
	background: #e4ecf4;
	border-color: #c2d1de;
	color: #0B64B8 !important;
}
.maqmahelpdesk .ln-letters a.ln-selected,
.maqmahelpdesk .ln-letters a.ln-selected:hover {
	background: #0B64B8;
	border-color: #0B64B8;
	color: #fff !important;
}
.maqmahelpdesk .ln-letters a.ln-disabled,
.maqmahelpdesk .ln-letters a.ln-disabled:hover {
	background: none;
	border-color: #edf0f3;
	color: #bfc8d1 !important;
	cursor: default;
}
.maqmahelpdesk .mqgloss-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.maqmahelpdesk .mqgloss-list > li {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 26px;
	margin: 0;
	padding: 16px 0;
	border-bottom: 1px solid #edf1f5;
	list-style: none;
}
.maqmahelpdesk .mqgloss-list > li:first-child {
	padding-top: 0;
}
.maqmahelpdesk .mqgloss-list > li > h3 {
	flex: 0 0 240px;
	margin: 0;
	color: #1c2733;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
}
.maqmahelpdesk .mqgloss-list .mqgloss-edit {
	opacity: .5;
}
.maqmahelpdesk .mqgloss-list .mqgloss-edit:hover {
	opacity: 1;
}
.maqmahelpdesk .mqgloss-def {
	flex: 1 1 380px;
	color: #44515e;
	font-size: 15px;
	line-height: 1.6;
}
.maqmahelpdesk .mqgloss-def p {
	margin: 0 0 10px;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
.maqmahelpdesk .mqgloss-def p:last-child {
	margin-bottom: 0;
}
.maqmahelpdesk .mqgloss-list > li.ln-no-match {
	display: block;
	padding: 24px 0;
	border: 0;
	color: #77848f;
	font-size: 15px;
}
@media (max-width: 600px) {
	.maqmahelpdesk .mqgloss-search input {
		width: 100%;
	}
	.maqmahelpdesk .mqgloss-search {
		flex: 1 1 100%;
	}
	.maqmahelpdesk .mqgloss-list > li > h3 {
		flex: 1 1 100%;
	}
}
.maqmahelpdesk .mqticketview #AddReply > .control-group > .control-label {
	display: block;
	float: none;
	width: auto;
	margin: 0 0 5px;
	padding: 0;
	color: #67737f;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: .04em;
	line-height: 1.4;
	text-align: left;
	text-transform: uppercase;
}
.maqmahelpdesk .mqticketview #AddReply > .control-group > .controls {
	margin: 0;
	padding: 0;
}
.maqmahelpdesk .pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	margin: 16px 0 0;
}
.maqmahelpdesk .pagination ul {
	display: flex;
	flex-wrap: wrap;
	order: 1;
	width: auto;
	height: auto;
	margin: 0;
}
.maqmahelpdesk .pagination ul > li {
	float: none;
}
.maqmahelpdesk .pagination #limitchange {
	order: 2;
	height: 38px;
	margin: 0;
}
.maqmahelpdesk .mqticketview #AddReply > .control-group > .control-label:empty {
	display: none;
}
.maqmahelpdesk .mqticketview #AddReply .controls:after {
	content: "";
	display: table;
	clear: both;
}
.maqmahelpdesk .mqticketview #AddReply .controls > .mqtvnote {
	float: left;
	margin: 17px 0 12px;
}
.maqmahelpdesk .mqticketview #AddReply {
	padding-left: 54px;
}
.maqmahelpdesk .mqticketview #AddAttachment {
	max-width: none;
	margin-left: 0;
}
/* .mqticket .form-actions indents Save/Cancel by 116px to clear the 96px label
   column the CREATE form lays out in. The ticket view has no such column -- its
   reply block is indented 54px by #AddReply above, and #AddAttachment already
   has the 116px undone for exactly that reason. .form-actions is a sibling of
   #AddReply, not a child, so it kept the create-form value and sat 62px right of
   everything above it. Same 54px, so the buttons line up with Add attachment and
   the reply box. Equal specificity to the .mqticket rule -- this must stay after
   it in source order. */
.maqmahelpdesk .mqticketview .form-actions {
	padding-left: 54px;
}
.maqmahelpdesk .mqticketview .mqattach-row {
	flex-wrap: wrap;
}
.maqmahelpdesk .mqticketview .mqattach-row input.mqattach-file,
.maqmahelpdesk .mqticketview .mqattach-row input.mqattach-desc {
	flex: 1 1 220px;
}
.maqmahelpdesk .mqticket .mqattach-row .mqattach-avail {
	flex: 1 1 100%;
	margin: -2px 0 2px;
	color: #67737f;
	font-size: 13px;
	line-height: 1.4;
}
.maqmahelpdesk .mqticket .mqattach-row .mqattach-avail em {
	font-style: normal;
}
.maqmahelpdesk .mqticket .mqattach-row .mqattach-avail input[type="radio"] {
	margin: 0 3px 0 10px;
	vertical-align: -2px;
}
@media (max-width: 767px) {
	.maqmahelpdesk .mqticketview #AddReply {
		padding-left: 0;
	}
	/* The 767px reset for .mqticket .form-actions lives higher up the file, so
	   the rule above would out-order it and re-indent the buttons on mobile. */
	.maqmahelpdesk .mqticketview .form-actions {
		padding-left: 0;
	}
}
.maqmahelpdesk .label,
.maqmahelpdesk .badge {
	font-size: 13px;
}
.maqmahelpdesk .mqshare {
	margin: 10px 0;
	padding: 16px 18px;
	border: 1px solid #dde3e8;
	border-radius: 4px;
	background: #f8fafb;
}
.maqmahelpdesk .mqshare-desc {
	margin: 0 0 10px;
	color: #67737f;
	font-size: 13px;
}
.maqmahelpdesk .mqshare-list {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}
.maqmahelpdesk .mqshare-list li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px;
	padding: 5px 0;
	border-bottom: 1px solid #e8edf1;
}
.maqmahelpdesk .mqshare-list li:last-child {
	border-bottom: 0;
}
.maqmahelpdesk .mqshare-role {
	color: #67737f;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.maqmahelpdesk .mqshare-mail {
	color: #67737f;
	font-size: 13px;
}
.maqmahelpdesk .mqshare-remove {
	margin-left: auto;
	font-size: 13px;
	color: #b3392f;
}
.maqmahelpdesk .mqshare-none {
	color: #67737f;
	font-size: 13px;
}
.maqmahelpdesk .mqshare-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}
.maqmahelpdesk .mqshare-form input[type="email"] {
	flex: 1 1 260px;
	margin: 0;
	height: auto;
	padding: 5px 8px;
}
.maqmahelpdesk .mqshare-form .btn {
	flex: 0 0 auto;
}
.popover {
	padding: 0;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.5;
	color: #1B2430;
	background-color: #fff;
	border: 1px solid #DCE3EA;
	border-radius: 8px;
	box-shadow: 0 6px 24px rgba(27, 36, 48, .12), 0 1px 3px rgba(27, 36, 48, .06);
}
.popover-title {
	padding: 9px 14px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #586677;
	background-color: #F7FAFD;
	border-bottom: 1px solid #E7EDF3;
	border-radius: 8px 8px 0 0;
}
.popover-content {
	padding: 12px 14px;
	font-size: 14px;
	line-height: 1.55;
	color: #1B2430;
}
.popover-content p:last-child {
	margin-bottom: 0;
}
.popover-content table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
.popover-content table td {
	padding: 2px 0;
	vertical-align: top;
	border: 0;
}
.popover-content table td:first-child {
	padding-right: 10px;
	color: #586677;
}
.popover-content table td b {
	font-weight: 600;
	color: #586677;
}
.popover.top .arrow {
	border-top-color: #DCE3EA;
}
.popover.right .arrow {
	border-right-color: #DCE3EA;
}
.popover.bottom .arrow {
	border-bottom-color: #DCE3EA;
}
.popover.left .arrow {
	border-left-color: #DCE3EA;
}
.popover.bottom .arrow:after {
	border-bottom-color: #F7FAFD;
}
.maqmahelpdesk .dropdown-menu {
	min-width: 180px;
	margin-top: 6px;
	padding: 6px;
	font-size: 14px;
	line-height: 1.5;
	background-color: #fff;
	border: 1px solid #DCE3EA;
	border-radius: 8px;
	box-shadow: 0 6px 24px rgba(27, 36, 48, .12), 0 1px 3px rgba(27, 36, 48, .06);
}
.maqmahelpdesk .dropdown-menu > li > a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 5px;
	color: #1B2430;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}
.maqmahelpdesk .dropdown-menu > li > a:hover,
.maqmahelpdesk .dropdown-menu > li > a:focus,
.maqmahelpdesk .dropdown-menu > .active > a,
.maqmahelpdesk .dropdown-menu > .active > a:hover,
.maqmahelpdesk .dropdown-menu > .active > a:focus {
	background-color: #E6F1FC;
	background-image: none;
	color: #073E75 !important;
	text-decoration: none;
	filter: none;
}
.maqmahelpdesk .dropdown-menu > li > a > [class^="icon-"],
.maqmahelpdesk .dropdown-menu > li > a > [class*=" icon-"] {
	flex: 0 0 16px;
	width: 16px;
	margin: 0;
	color: #586677;
	text-align: center;
}
.maqmahelpdesk .dropdown-menu > li > a:hover > [class^="icon-"],
.maqmahelpdesk .dropdown-menu > li > a:focus > [class^="icon-"],
.maqmahelpdesk .dropdown-menu > li > a:hover > [class*=" icon-"],
.maqmahelpdesk .dropdown-menu > li > a:focus > [class*=" icon-"] {
	color: inherit;
	background-image: none;
}
.maqmahelpdesk .dropdown-menu .divider {
	height: 1px;
	margin: 6px 0;
	background-color: #E7EDF3;
	border-bottom: 0;
}
.maqmahelpdesk .dropdown-menu > .mqtv-danger > a:hover,
.maqmahelpdesk .dropdown-menu > .mqtv-danger > a:focus {
	background-color: #FCEBEB;
	color: #A5252B !important;
}
.maqmahelpdesk .dropdown-toggle:hover,
.maqmahelpdesk .dropdown-toggle:focus {
	text-decoration: none;
}
.maqmahelpdesk .mqbt-req {
	margin: 0 0 14px;
	color: #586677;
	font-size: 13px;
}
.maqmahelpdesk .mqbt-req .required {
	margin-right: 2px;
	color: #C0392B;
}
.maqmahelpdesk .mqbtform {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 20px;
	align-items: start;
	max-width: 720px;
	margin: 0;
}
.maqmahelpdesk .mqbtform .control-group {
	display: block;
	margin: 0;
	float: none;
	width: auto;
}
.maqmahelpdesk .mqbtform .mqbt-wide,
.maqmahelpdesk .mqbtform .mqbt-actions {
	grid-column: 1 / -1;
}
.maqmahelpdesk .mqbtform .control-label {
	display: block;
	float: none;
	width: auto;
	margin: 0 0 4px;
	padding: 0;
	color: #1B2430;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	text-align: left;
}
.maqmahelpdesk .mqbtform .control-label .required {
	margin-left: 2px;
	color: #C0392B;
}
.maqmahelpdesk .mqbtform .controls {
	display: block;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.maqmahelpdesk .mqbtform .controls > input[type="text"],
.maqmahelpdesk .mqbtform .controls > input[type="date"],
.maqmahelpdesk .mqbtform .controls > select,
.maqmahelpdesk .mqbtform .controls > textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 34px;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid #DCE3EA;
	border-radius: 4px;
	background: #fff;
	color: #1B2430;
	font-family: inherit;
	font-size: 14px;
	line-height: 20px;
	box-shadow: none;
}
.maqmahelpdesk .mqbtform .controls > textarea {
	min-height: 190px;
	line-height: 1.55;
	resize: vertical;
}
.maqmahelpdesk .mqbtform .controls > input:focus,
.maqmahelpdesk .mqbtform .controls > select:focus,
.maqmahelpdesk .mqbtform .controls > textarea:focus {
	border-color: #0B64B8;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(11, 100, 184, .12);
}
.maqmahelpdesk .mqbt-actions {
	display: flex;
	gap: 10px;
	margin: 4px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid #E7EDF3;
	background: none;
	box-shadow: none;
}
.maqmahelpdesk .mqbt-actions .btn {
	height: 34px;
	margin: 0;
	padding: 0 18px;
	line-height: 32px;
}
@media (max-width: 600px) {
	.maqmahelpdesk .mqbtform {
		grid-template-columns: minmax(0, 1fr);
	}
}