.panel-heading .faq-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .faq-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

/* Transaction Details Dialog Styling - Bug #37249 */
/* Ensures dialog and content boxes work as one unified component */
/* Only affect transaction details dialogs */
.transaction-details-dialog.ui-dialog {
    max-width: none !important;
    max-height: none !important;
}

.transaction-details-dialog .ui-dialog-content {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    box-sizing: border-box;
    padding: 0 !important;
}

.summaryModal {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
    overflow: visible;
    padding: 0;
    margin: 0;
}

.summaryText {
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding: 10px;
}

.summaryModal table.tokens {
    width: 100%;
    table-layout: auto;
    box-sizing: border-box;
    word-wrap: break-word;
}

.summaryModal table.tokens th,
.summaryModal table.tokens td {
    padding: 8px;
    text-align: left;
    overflow-wrap: break-word;
    word-break: break-word;
}