.dtkh-container{
        width: 100%;
        height: auto;
        padding: 10px 0;
}
.dtkh-searchDiv{
        padding: 20px;
        border: 1px solid #E2E7ED;
        background: #f9f9f9;
        border-radius: 4px;
}
.dtkh-searchDiv table{
        height: auto;
        width: 100%;
        margin: auto;
        padding: 10px 0;
}
.dtkh-searchDiv table>tbody{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        padding: 20px;
}
.dtkh-searchDiv table>tbody>tr{
        display: flex;
        width: calc(50% - 10px);
}
.dtkh-searchDiv table>tbody>tr:first-child{
        width: 100%;
}
.dtkh-searchDiv tr{
        line-height: 2;
}
.dtkh-searchDiv tr td:nth-child(1) {
        box-sizing: border-box;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        color: #62748D;
        vertical-align: middle;
        padding: 10px 20px;
        width: 180px;
        flex-shrink: 0;
}
.dtkh-searchDiv tr td:nth-child(2) {
        /* width: 70%; */
        flex: 1;
}
.dtkh-searchDiv tr td{
        /* padding: 3px; */
}
.dtkh-searchDiv input {
        display: block;
        width: 100%;
        padding: 10px;
        border: 1px solid #F2F2F2;
        border-radius: 4px;
        color: #7D92AE;
        font-family: 'Roboto';
        height: 40px;
}
.dtkh-searchDiv select{
        display: block;
        width: 100%;
        padding: 10px;
        border: 1px solid #F2F2F2;
        border-radius: 4px;
        color: #7D92AE;
        font-family: 'Roboto';
}
.dtkh-searchDiv select option:nth-child(1){
        color: gray;
}
.dtkh-btn{
        display: flex;
        justify-content: center;
        width: 100%;
        /* margin-top: 20px; */
        margin-bottom: 5px;
}
.dtkh-btn .btn {
        background: var(--color-primary);
        padding: 12px 30px;
        border-radius: 200px;
        opacity: 0px;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 700;
        line-height: 23px;
        text-align: left;
        color: #ffffff;
        display: inline-block;
        width: 150px;
        text-align: center;
}
.dtkh-btn .btn:nth-child(2) {
        border: 1px solid #DADCE0;
        background: #FFFFFF;
        width: 150px;
        color: #3D4043;
        margin-left: 20px;
}
.dtkh-header{
        margin-top: 15px;
        font-size: 9pt;
        font-weight:bold;
        padding: 10px 0;
        margin: 10px 0;
}
.dtkh-main a {
        font-weight: 600;
        font-size: 16px;
        font-family: Roboto;
        line-height: 24px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: normal;
        line-height: 22px;
        text-align: justify;
        color: #031739;
}
.dtkh-main .search-item {
        /* padding: 10px; */
        /* border-bottom: 1px solid #d1d1d1; */
        /* background: #f9f9f9; */
        /* margin-bottom: 20px; */
        /* border-radius: 4px; */
        /* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
        /* display: flex; */
        flex-wrap: wrap;
        gap: 10px;
}
.dtkh-main .search-item img{
        height: 80px;
        width: 120px;
        object-fit: cover;
        float: left;
}
.dtkh-main .search-item img + .Title{
        width: calc(100% - 120px);
        float: right;
}
.dtkh-header span {
        font-family: "Merriweather";
        font-size: 17px;
        font-weight: 700;
        line-height: 21px;
        text-align: left;
        color: #031739;
        text-transform: uppercase;
        position: relative;
}
.dtkh-header span::after{
        width: 90px;
        height: 2px;
        content: '';
        position: absolute;
        background: var(--color-primary);
        bottom: -5px;
        left: 0;
}
.dtkh-header span::before{
        /* content: ""; */
        width: 7px;
        height: 7px;
        display:block;
        position: absolute;
        top: 13px;
        left:13px;
        transform: rotate(45deg);
        z-index: 999;
        background: white;
}
.lnkBtn{
        display: block;
        text-decoration: none;
        font-size: 9pt;
        color: gray;
        font-weight: bold;
}
.lnkBtn:hover{
        color: black;
}
.dtkh-result .dtkh-rs li {
        list-style: none;
        width: fit-content;
}
.dtkh-result .dtkh-rs li span, .dtkh-rs td{
        font-family: Roboto;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #212529;
}
.dtkh-rs td{
        font-weight: normal;
        color: #212529;
}
.dtkh-rs{
        /* margin: 0 10px; */
        /* border: 1px solid silver; */
        /* border-radius: 2px; */
}
.dtkh-result fieldset{
        border: 1px solid silver;
        border-radius: 2px;
        margin: 9px 0;
}
.dtkh-result fieldset td{
        padding: 3px !important;
}
.dtkh-result fieldset tr td:nth-child(1), .dtkh-rs table>tbody>tr:not(.tr-pager):nth-child(2n+1) td:nth-child(3):not(.pagePrevNextNumber):not(.pageCurrentNumber){
        width: 42%;
        /* padding-left: 20px !important; */
}
.dtkh-result fieldset tr td:nth-child(2), td:nth-child(4){
        /* width: 30%; */
        flex: 1;
}
.dtkh-wrap{
        /* padding: 10px; */
}
.dtkh-rs ul{
        margin: 9px 0;
}
.dtkh-detail{
        margin: 10px 0;
}
.dtkh-rs .dtkh-info{
        width: 100%;
        margin: auto;
        font-weight: bold;
}
.dtkh-rs .dtkh-info tr td:nth-child(1){
        width: 25%;
        background: whitesmoke;
}
.dtkh-rs table{
        font-size: 9pt !important;
        font-family: 'Roboto';
}
.dtkh-rs table>tbody>tr>th{
        text-align: center;
        vertical-align: center;
        font-family: Merriweather;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        color: #031739;
}
.dtkh-rs tr.tr-pager  td {
        padding: 0;
        width: unset !important;
        padding: 20px 0;
}
.dtkh-rs table>tbody>tr>th:first-child, .dtkh-rs table>tbody>tr:not(.tr-pager)>td:first-child{
        width: 30px !important;
        padding: 2;
        text-align: center;
}
.dtkh-rs table>tbody>tr>td[colspan='7'], .dtkh-rs>div>div>table>tbody>tr>td>table.pagerOuterTable>tbody>tr>td{
        padding: 0;
        width: 100%;
        background: #fff;
        /* text-align: center; */
}
.dtkh-rs table>tbody>tr>th:nth-child(3){
        width: 32%;
}
.dtkh-rs table tr.tr-pager tr{
        background: none !important;
}
.dtkh-rs table>tbody>tr:not(.tr-pager):nth-child(2n+1){
        background: #F3F6FB;
}
.dtkh-rs table>tbody>tr>th:nth-child(5){
        width: 18%;
}
.dtkh-rs table>tbody>tr>th:nth-child(2), .dtkh-rs table>tbody>tr>th:nth-child(4){
        width: 20%;
}
.dtkh-rs table>tbody>tr>th:nth-child(6){
        width: 12%;
}
.dtkh-rs   td, th{
        /* padding: 8px; */
        padding: 8px;
        border: 1px solid #E2E7ED;
}
.dtkh-rs th{
        background: whitesmoke;
}
.dtkh-table-center{
        text-align: center;
}
.dtkh-content{
        line-height: 2.1;
        text-align: justify;
        font-size: 10pt;
        padding: 5px;
}
.dtkh-file{
        padding: 10px;
}
.dtkh-file a{
        text-decoration: none;
        color: black;
        font-weight: bold;
        margin-left: 5px;
        line-height: 1.5;
}
.dtkh-file a:hover{
        color: red;
}
.dtkh-file span{
        text-decoration: none;
        color: black;
}
.dtkh-padding{
        padding: 5px 0;
}
.dtkh-message{
        margin-left: 10px;
        font-size: 8.5pt;
}
.dtkh-rs>div>div>table>tbody>tr>td>table.pagerOuterTable{
        text-align: center;
        width: 100%;
}
.dtkh-rs>div>div>table>tbody>tr>td>table.pagerOuterTable table[id*='pagerInnerTable'] .pageCounter{
        display: none;
}
.dtkh-rs>div>div>table>tbody>tr>td>table.pagerOuterTable tr td table[id *='pagerInnerTable'] tr td a{
        background: #d2d2d2;
        color: #212529;
        padding: 8px 0;
        border-radius: 4px;
        text-align: center;
        width: 40px;
        display: block;
        font-family: Inter;
}
.dtkh-rs>div>div>table>tbody>tr>td>table.pagerOuterTable  tr td table[id *='pagerInnerTable']{
        text-align: center;
        margin: 0 auto;
}
.dtkh-rs>div>div>table>tbody>tr>td>table.pagerOuterTable  tr td table[id *='pagerInnerTable'] tr td{
        background: #fff;
        border: 0;
        /* padding: 10px 5px; */
        !i;
        !;
}
.dtkh-rs>div>div>table>tbody>tr>td>table.pagerOuterTable  tr td table[id *='pagerInnerTable'] tr td a:hover{
        background: var(--color-primary);
        color: #fff;
}
.dtkh-rs>div>div>table>tbody>tr>td>table.pagerOuterTable tr td table[id *='pagerInnerTable'] tr td.pageCurrentNumber a{
        background: var(--color-primary);
        color: #fff;
}
tr.tr-pager table td span {
        background: #2A58A0 !important;
        color: #FFFFFF !important;
}
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 td {
        border-width: 0;
        border: none !important;
}
@media only screen and (max-width: 768px){
        .dtkh-rs>.dtkh-wrap>div>table>tbody>tr:not(.tr-pager)>td:first-child {
                display: none;
        }
        .dtkh-container{
                padding: 0;
        }
        .dtkh-header{
                padding: 0 16px;
                margin: 20px 0;
        }
        .dtkh-searchDiv{
                padding: 16px;
        }
        .dtkh-searchDiv table>tbody {
                width: 100%;
                padding: 0;
                flex-direction: column;
                flex-wrap: nowrap;
        }
        .dtkh-searchDiv table>tbody>tr{
                width: 100%;
                justify-content: space-between;
                gap: 10px;
        }
        .dtkh-searchDiv tr td:nth-child(1){
                padding: 10px 0;
                width: auto;
        }
        .dtkh-searchDiv tr td:nth-child(2){
                width: 70%;
                flex-shrink: 0;
                flex: unset;
        }
        .dtkh-btn{
                margin-top: 20px;
        }
        .dtkh-searchDiv select, .dtkh-searchDiv input {
                width: 100%;
        }
        .dtkh-rs{
                padding: 0 16px;
        }
        .dtkh-rs>.dtkh-wrap>div>table>tbody>tr:first-child {
                display: none !important;
        }
        .dtkh-rs table {
                border-color: #ececec;
        }
        .dtkh-rs>.dtkh-wrap>div>table>tbody>tr:not(.tr-pager) {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                flex-direction: column;
                border-bottom: 1px solid #ededed;
        }
        .dtkh-rs>.dtkh-wrap>div>table>tbody>tr>td{
                width: 100% !important;
                !i;
                !;
                border: 0;
                padding: 6px;
                /* font-weight: 500; */
        }
        .dtkh-main a{
                font-size: 17px;
        }
}