.qna-container {
    overflow   : auto;
    min-height : 200px;
    max-height : 200px;
}

.qna-container tr.internal {
    background : rgba(0, 0, 0, .2);
}

.qna-table {
    width           : 100%;
    margin          : 6px 0;
    padding         : 5px 0;
    border-collapse : collapse;
}


.qna-table th:first-of-type {
    width : 90px;
}
.qna-table th:last-of-type {
    width : 75px;
}

.qna-table td {
    min-width      : 75px;
    padding-right  : 15px;
    padding-bottom : 15px;
    white-space    : normal;
    word-break     : break-word;
}
.qna-table tr td:last-of-type {
    padding-left : 5px;
}

.qna-buttons {
    padding : 5px 0;
}

.qna-thread td:first-of-type {
    border-top-left-radius    : var(--std-unit-x1);
    border-bottom-left-radius : var(--std-unit-x1);
}
.qna-thread td:last-of-type {
    border-top-right-radius    : var(--std-unit-x1);
    border-bottom-right-radius : var(--std-unit-x1);
}

.qna-thread td,
.qna-thread th {
    padding : 3px;
}

.qna-comment.answer > td {
    background-color : rgba(70, 165, 63, .9) !important;
}

.qna-view-pane {
    width : 600px;
}
.qna-view-pane .comments {
    width           : 100%;
    border-collapse : collapse;
}

.qna-view-pane .comments th:nth-child(3) {
    width : 65%;
}
.qna-view-pane .comments .qna-comment td:first-of-type {
    border-top-left-radius    : var(--std-unit-x1);
    border-bottom-left-radius : var(--std-unit-x1);
}
.qna-view-pane .comments .qna-comment td:last-of-type {
    border-top-right-radius    : var(--std-unit-x1);
    border-bottom-right-radius : var(--std-unit-x1);
}

.tab-btn[data-target='QandA'][data-has-unanswered] {
    background-color: var(--theme-error) !important;;
}
.tab-btn[data-target='QandA'][data-has-unanswered]:hover {
    background-color: var(--theme-error-dark) !important;;
}