.uigopyhienke td {
        border: none;
}
.uigopyhienke .header {
        /* display: none; */
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-weight: 600;
        color: #ce0315;
}
.uigopyhienke {
        background: #fff;
        padding: 20px;
        margin-bottom: 36px;
}
.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;
}
.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 #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        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-top: 2px solid #DA251C;
        border-bottom: 1px solid #ddd;
}
.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;
}

@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: 20px;
                width: 100vw;
                background: #fff;
        }
        .uigopyhienke .table {
                padding: 20px 16px;
                display: table;
                background: #F9F9F9;
        }
        .uigopyhienke .table tr>td {
                padding: 5px 20px;
                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: 20px;
        }
        .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 20px !important;
}

div.uigopyhienke .table>tbody>tr:last-child>td{
    padding-bottom: 20px;
}

}
