/* Import Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
.QuestionControl {
        font-family: 'Roboto', sans-serif;
}
.QuestionControl .QuestionContent {
        background: #fff;
        border: 1px solid #dee2e6;
        border-radius: 12px;
        padding: 24px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.QuestionControl .QuestionContent .row{
        display:flex;
        flex-direction:column;
        gap:10px;
}
/* Labels */
.QuestionControl .SearchTitle,
.QuestionControl .Category-Header {
        display: flex;
        align-items: center;
        font-weight: 500;
        color: #212529;
        margin-bottom: 8px;
}
/* Input */
.QuestionControl .SearchContent,
.QuestionControl .Category-Content {
        width: 100% !important;
        padding: 0.375rem 0.75rem;
        height:30px;
        font-size: 1rem;
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
        padding: 0 14px;
        transition: all 0.2s ease;
        background: #fff;
        color: #212529;
}
.QuestionControl .SearchContent:focus,
.QuestionControl .Category-Content:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.2);
}
/* Search Button */
.QuestionControl .btnSearch {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        min-height: 30px;
        padding: 0 20px;
        border-radius: 8px;
        background: #f2751c;
        color: #fff;
        text-decoration: none;
        font-weight: 500;
        transition: all 0.2s ease;
}
.QuestionControl .btnSearch:hover {
        background: #0b5ed7;
        color: #fff;
}
/* Table wrapper */
.QuestionControl .tb-Content {
        margin-top: 24px;
        border: 1px solid #dee2e6;
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
}
/* Header */
.QuestionControl .tb-Content .Header {
        background: #f8f9fa;
        padding: 14px 18px;
        font-size: 16px;
        font-weight: 600;
        color: #212529;
        border-bottom: 1px solid #dee2e6;
}
.QuestionControl .tb-Content ul{
        list-style:none;
        border-top: 1px solid #ccc;
        padding-top: 10px;
}
.QuestionControl .tb-Content .Question-Title{
        font-weight:600;
}
.QuestionControl .tb-Content .td-QuestionContent{
        padding-left:30px;
}
.QuestionControl .tb-Content .QuestionAnswer{
        font-style:italic;
        color:#f2751c;
        font-weight:600;
}
.fv-QuestionDetail .Title, .fv-QuestionDetail .AnsTitle{
        font-size:18px;
        font-weight:600;
        text-transform:uppercase;
}
.fv-QuestionDetail .td-QuestionTitle{
        font-size:16px;
        font-weight:600;
}
.fv-QuestionDetail .td-QuestionContent, .td-CustomerName, .td-Email,
.td-DateCreate {
        padding-left:20px;
}