tr.tr-pager table td *:not(i) {
        width: 40px;
        height: 40px;
        background-color: #f6f6f6;
        display: block;
        line-height: 30px;
        font-size: 15px;
        color: #666666;
        text-align: center;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 5px;
        border: 1px solid #E2E7ED;
}
tr.tr-pager table {
        width: unset !important;
        margin: 0 auto;
}
tr.tr-pager table td span {
        background: #2A58A0 !important;
        color: #FFFFFF !important;
}
tr.tr-pager table td {
        border-width: 0;
        border: none !important;
        width: 40px !important;
}
.feedback-list  table.tb-paging > tbody >tr:not(.tr-pager) {
        display: none;
}
.feedback-list .item-content .content-left .avatar {
        width: 64px;
        background: url(images/avatar.png) no-repeat center;
        height: 64px;
}
.feedback-list .item-content .content-right .hoidap-title a {
        font-family: "Merriweather";
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        text-align: left;
        color: #1259a0;
        margin-bottom: 10px;
}
.feedback-list .item-content .content-right .hoidap-viewdetail {
        margin: 20px 0;
        /* border-bottom: 1px solid #f1f3f4; */
        height: 60px;
        margin-bottom: 0;
}
.feedback-list .item-content .content-right {
        flex: 1;
        border-bottom: 0;
}
.feedback-list .item-content .content-right .hoidap-viewdetail a {
        width: 139px;
        padding: 10px 20px;
        gap: 6px;
        border-radius: 4px;
        background: #1259a0;
        font-family: "Roboto";
        font-size: 14px;
        font-weight: 700;
        line-height: 16.41px;
        text-align: left;
        color: #ffffff;
}
.feedback-list .item-content .content-right .hoidap-questioner, .feedback-list .item-content .content-right .hoidap-date {
        font-family: Arial;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: #606368;
        display: inline;
        margin-bottom: 10px;
        !;
}
.feedback-list .item-content .content-right .hoidap-question, .feedback-list .item-content .content-right .hoidap-question span {
        font-family: "Roboto" !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        text-align: left !important;
        color: #212529 !important;
        /*overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical; */
        margin-top: 10px;
}
.feedback-list .item-content {
        padding: 10px;
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
        background: #ffffff;
        border-radius: 4px;
        padding: 20px;
        box-shadow: rgb(0 0 0 / 11%) 0px 2px 5px 0px, rgb(0 0 0 / 4%) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.uigopyhienke td {
        border: none;
}
.uigopyhienke .header {
        display: none;
}
.uigopyhienke {
        background: #f6f6f6;
        padding: 39px 45px;
        margin-bottom: 36px;
        margin-top: 20px;
}
.uigopyhienke .required {
        color: red;
}
.uigopyhienke #fileUploadList {
        word-break: break-all;
        font-size: 14px;
}
.uigopyhienke .table tr>td:nth-child(1) {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        /* identical to box height, or 136% */
        text-transform: uppercase;
        /* Grey 3 */
        color: #3B4E68;
        vertical-align: top;
}
.uigopyhienke .table tr>td {
        padding: 10px 0;
}
.uigopyhienke .table tr>td:nth-child(2)>input {
        background: #FFFFFF;
        border: 1px solid #E9E9E9;
        box-sizing: border-box;
        border-radius: 6px;
        width: 100% !important;
        padding: 10px 16px;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #778294;
}
.uigopyhienke .VerifierValue>input {
        background: #FFFFFF;
        border: 1px solid #E9E9E9;
        box-sizing: border-box;
        border-radius: 6px;
        padding: 10px 16px;
        width: 35% !important;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        margin-right: 19px;
}
.uigopyhienke span.VerifierImg img {
        display: inline-block;
        width: 150px;
        border-radius: 5px;
}
.uigopyhienke a.lnkSubmit {
        background: #CC0000;
        border-radius: 3px;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 20px;
        /* identical to box height */
        text-align: center;
        color: #FFFFFF;
        padding: 10px 53px;
        margin: 24px;
        display: inline-block;
        text-decoration: none;
}
.uigopyhienke a.lnkReset {
        background: #C3D0E0;
        border-radius: 3px;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 20px;
        /* identical to box height */
        text-align: center;
        color: #FFFFFF;
        padding: 10px 20px;
        text-decoration: none;
}
.uigopyhienke .table tr>td:nth-child(2)>input[type='file']::-webkit-file-upload-button {
        visibility: hidden;
}
.uigopyhienke .table tr>td:nth-child(2)>input[type='file']::before {
        content: 'Chọn file';
        background: #FFFFFF;
        /* Grey 5 */
        border: 1px solid #7D92AE;
        box-sizing: border-box;
        border-radius: 6px;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 15px;
        text-transform: uppercase;
        /* Grey 5 */
        color: #7D92AE;
        padding: 10px 16px
}
.uigopyhienke .table tr>td:nth-child(2)>input[type='file']:hover::before {
        border-color: black;
}
.uigopyhienke .table tr>td:nth-child(2)>input[type='file']:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.uigopyhienke .table tr>td:nth-child(2)>input[type='file'] {
        padding: 10px 0;
        border: none;
        cursor: pointer;
}
.uigopyhienke .Office2007.RadEditor {
        background: white !important;
        border: none !important;
        border: 1px solid #ECEDF0 !important;
        padding: 10px 16px !important;
        box-sizing: border-box;
        border-radius: 6px;
        height: auto !important;
}
.uigopyhienke .Office2007 .reToolbar li, .Office2007 .reSpinBox a, .Office2007.reToolbar .reSeparator, .Office2007.reToolbar .reGrip, .Office2007 .reDialog .reTool, .Office2007 .reModule .reTool, .Office2007 .reDialog .reTool:hover, .Office2007 .reToolbar .reTool:hover, .Office2007 .reModule .reTool:hover, .Office2007 .reToolbar .reTool.reTool_selected, .Office2007 .reToolbar .reTool.reTool_selected:hover, .Office2007 .reToolbar .reTool_text:hover, .Office2007 .reToolbar .reTool_text.reTool_selected, .Office2007 .reToolbar .reTool_text.reTool_selected:hover, .Office2007 .reTool .split_arrow, .Office2007 .reSplitButton.reTool_text .split_arrow, .Office2007 .reToolbar .reTool_text .split_arrow, .Office2007 .reDialog .reTool.reSplitButton, .Office2007 .reModule .reTool.reSplitButton, .Office2007 .reDropdown, .Office2007 .reTool_disabled.reDropdown:hover, .Office2007 .reResizeCell div, .Office2007.reInsertTable .reToolbar li .reTool:hover, .Office2007.RadEditor.reRtl .reDropdown:hover {
        background: none !important;
}
.uigopyhienke .reLeftVerticalSide, .reRightVerticalSide {
        padding: 0 !important;
        display: none;
}
.uigopyhienke .Office2007.RadEditor td {
        padding: 0 !important;
}
.uigopyhienke .Office2007.RadEditor .reContentCell {
        overflow: hidden;
        display: block;
        width: 100% !important;
        background: #FFFFFF;
        border: none !important;
        box-sizing: border-box;
        border-radius: 6px;
}
.uigopyhienke td.reTlbVertical {
        display: none;
}
.uigopyhienke .Office2007.RadEditor .reNoBorder div.reContentArea{
        border: none !important;
}
.uigopyhienke .Office2007.RadEditor>table tr:first-child{
        display: none !important;
}
.uigopyhienke .extend-file {
        margin-top: 16px;
}
.feedback-details {
        display: none;
        position: relative;
}
.over-fade {
        background-color: rgba(41, 43, 44, 0.49);
        width: 100vw;
        height: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
}
.feedback-details .title {
        color: #031739;
        font-weight: bold;
        text-transform: uppercase;
        padding: 12px;
        border-top: 2px solid #DA251C;
        border-bottom: 1px solid #ddd;
}
.feedback-details .wrapper {
        position: fixed;
        z-index: 1000;
        background-color: #fff;
        top: 12px;
        left: 12px;
        width: calc(100vw - 24px);
}
.feedback-details .body {
        padding: 12px;
        border-bottom: 1px solid #ddd;
        font-size: 1rem !important;
}
.feedback-details .body * {
        font-size: 1rem !important;
        width: 100% !important;
}
.feedback-details .sperator {
        border-top: 1px dashed #ddd;
        margin: 12px 0;
}
.feedback-details .footer {
        padding: 12px;
}
.feedback-list {
        /* border-left: 1px solid #f4f4f4; */
        /* border-right: 1px solid #f4f4f4; */
        /* border-bottom: 1px solid #f4f4f4; */
        margin-bottom: 32px;
}
.feedback-list .item {
        border-bottom: 1px solid #ddd;
        margin: 0 12px;
        padding: 4px 16px;
}
.feedback-list .title {
        font-weight: bold;
        padding: 12px;
        color: #031739;
        text-transform: uppercase;
        border: 1px solid #e9e9e9;
        border-top: 2px solid #DA251C;
        margin-bottom: 10px;
}
.feedback-list .title span {
        font-size: 17px;
        font-family: 'Merriweather', serif;
}
.feedback-list .item .title {
        border: none;
        position: relative;
        padding-left: 20px;
}
.feedback-list .item .title:before {
        content: '\25A0';
        color: #99A5B5;
        font-size: 13px;
        display: block;
        position: absolute;
        top: 14px;
        left: 0;
}
.feedback-list .item .head {
        align-items: center;
}
.feedback-list .item .date {
        color: gray;
        font-size: 0.875rem;
        font-style: italic;
        font-weight: normal;
}
.feedback-list .pagination {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 12px;
}
.feedback-list .pagination .disabled a {
        pointer-events: none;
        color: gray;
}
.feedback-list .pagination .page-item {
        padding: 0.25rem 1rem;
        border: 1px solid #ddd;
        border-radius: 0.25rem;
}
.feedback-list .pagination .page-item .disabled {
        cursor: not-allowed;
}
.feedback-list .btn-cancel {
        border: 1px solid #ddd;
        padding: 0.25rem 1rem;
        background-color: #fff;
        border-radius: 0.25rem;
}
.feedback-list .btn-cancel:hover {
        background-color: #eee;
}
.feedback-list .entry-item .item {
        padding: 4px 0;
        margin: 0;
}
.feedback-list .footer {
        display: flex;
        justify-content: flex-end;
}
.feedback-list .question .item {
        border: 0;
}
.feedback-wrapper {
        display: flex;
        flex-direction: column;
}
.divInfo {
        font-size: 15px;
        color: red;
}
.divInfo b {
        font-size: 18px;
}
@media only screen and (max-width: 768px){
        .feedback-list {
                width: 100vw;
        }
        .feedback-list .item .date {
                display: none;
        }
        .feedback-list .title .total {
                display: none;
        }
        .feedback-list .over-fade {
                height: 100%;
        }
        .uigopyhienke {
                padding: 10px;
                width: 100vw;
                background: #fff;
        }
        .uigopyhienke .table {
                padding: 20px 16px;
                display: table;
                background: #F9F9F9;
        }
        .uigopyhienke .table tr>td {
                padding: 5px 10px;
                display: block !important;
                width: 100% !important;
        }
        .uigopyhienke .table tr>td:nth-child(2) {
                padding-bottom: 16px;
        }
        .uigopyhienke  .RadEditor {
        }
        .uigopyhienke  tr.button >td {
                display: flex !important;
                align-items: center;
                padding: 10px 0 !important;
                gap: 10px;
        }
        .uigopyhienke a.lnkSubmit {
                margin: 0;
                padding: 10px 0;
        }
        .uigopyhienke a.lnkReset {
                padding: 10px 0;
        }
        .uigopyhienke tr.button >td>a {
                flex: 1;
        }
        .uigopyhienke   .reIframeWrapperIOS {
                height: auto !important;
                padding: 0 !important;
        }
        .uigopyhienke .table tr>td:nth-child(1){
                padding-top: 20px;
        }
        div.uigopyhienke .table .button td{
                padding: 5px 10px !important;
        }
        div.uigopyhienke .table>tbody>tr:last-child>td{
                padding-bottom: 20px;
        }
}