/*begin UICongKhaiNganSachMenu*/
.dgv-menu tr td {
        padding: 5px 5px;
        border-color: lightgray;
        border-top: none;
        border-bottom: none;
}
.dgv-menu tr:last-child td {
        border-bottom: solid 1px lightgray;
}
table.dgv-menu {
        width: 100%!important;
        margin-bottom: 10px;
        border: 1px solid #ddd;
}
.dgv-menu th {
        text-align: left;
        background: #336cb4;
        border-bottom: 3px solid #044987;
        height: 30px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        white-space: nowrap;
        padding-left: 20px;
        line-height: 26px;
}
.menu {
        text-decoration: none;
}
/*end UICongKhaiNganSachMenu*/
/*begin UICongKhaiNganSach*/
.UICongKhaiNganSach .dgv-main tr td:not(:nth-child(2)) a {
        text-decoration: underline !important;
        max-width: 200px;
        min-width: 100px;
        word-break: break-all;
        display: inline-block;
}
.UICongKhaiNganSach {
        padding-top: 0px;
        padding-bottom: 20px;
        padding-left: 6px;
        padding-right: 6px;
}
.lbl-menu {
        text-transform: uppercase;
        float: left;
        margin: 10px 5px;
        font-size: 13pt;
        font-weight: bold;
}
#search-box {
        float: left;
        margin: 10px 0px;
        padding: 20px 20px;
        background-color: #f1f1f1;
        border-radius: 10px;
}
#search-box div {
        display: inline-block;
        margin-right: 20px;
        float: left;
}
.btn-search {
        padding: 0px 10px;
        border-radius: 5px;
        background-color: #b7e0fe;
        padding: 3px 3px;
        border: 1px #b7e0fe solid;
}
.txt-search {
        margin-left: 5px;
        padding: 3px 3px;
        border-radius: 5px;
        border-style: solid;
}
.drp-search {
        margin-left: 5px;
        padding: 3px 3px;
        border-radius: 5px;
        border-style: solid;
}
.linkbutton-container {
        background-color: #b7e0fe;
        border-radius: 8px;
        padding: 8px 8px;
        /* margin: 2px 5px; */
        text-align: left;
}
.linkbutton {
        color: black;
        text-decoration: none;
}
.dgv-main tr td {
        padding: 5px 3px;
        text-align: center;
        border-color: lightgray;
}
.dgv-main th {
        padding: 8px 0px;
        background-color: #b7e0fe;
        border-color: lightgray;
}
/*end UICongKhaiNganSach*/
/*begin UICongKhaiNganSachDetail*/
.title-detail {
        text-transform: uppercase;
        padding-top: 10px;
        padding-left: 10px;
        font-size: 13pt;
        font-weight: bold;
}
#table-detail {
        border: solid 1px lightgray;
        border-radius: 10px;
        width: 98%;
        margin: 20px 5px;
}
#table-detail tr td {
        padding: 5px;
}
#table-detail tbody tr td {
        border-bottom: solid 1px lightgray;
}
#table-detail tbody tr:last-child td {
        border: none;
}
#table-detail tbody tr:nth-child(2n+1) td {
        background-color: #f7f7f7;
}
.dgv-file tr td {
        padding: 5px 10px;
}
.dgv-header {
        padding: 8px 10px;
        text-align: left;
        text-transform: uppercase;
}
.download {
        text-decoration: none;
}
/*end UICongKhaiNganSachDetail*/
table.dgv-main>tbody>tr>th {
        border: 1px solid #f9fafb;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
}
table.dgv-main>tbody>tr>td {
        border: 1px solid #dddddd87;
        padding: 5px;
        text-align: center;
}
#search-box>div:nth-child(3)>input:nth-child(2) {
        display: none;
}
td#search-box {
        width: 100%;
}
@media only screen and (max-width: 768px){
        .UICongKhaiNganSach {
                width: 100vw !important;
                padding: 10px;
        }
        .UICongKhaiNganSach  #search-box {
                width: 100%;
        }
        .UICongKhaiNganSach  #search-box div {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                width: 100%;
                margin-bottom: 10px;
        }
        .UICongKhaiNganSach  .txt-search {
                margin: 0;
                width: 100%;
        }
        .UICongKhaiNganSach  .drp-search {
                width: 100%;
                margin: 0;
        }
        .UIChiTiet th {
                display: none;
        }
        .UIChiTiet td, .UIChiTiet table{
                border: none !important;
        }
        .UIChiTiet tr{
                border-bottom: 1px dotted #e4e4e4;
        }
        .UIChiTiet td:last-child>table>tbody>tr{
                display: flex !important;
        }
        .dgv-main th {
                display: none;
        }
        .dgv-main>tbody>tr>td:nth-child(1) {
                display: none;
        }
        .dgv-main>tbody>tr>td {
                border: none;
                text-align: left;
                padding: 3px 0;
        }
        .dgv-main {
                border: none;
        }
        .dgv-main>tbody>tr{
        }
        .dgv-main tr td {
                padding: 0;
        }
        .dgv-main .linkbutton-container {
                margin: 0;
                margin-bottom: 10px;
        }
        .UICongKhaiNganSachDetail #table-detail {
                width: 100%;
                margin: 0;
                table-layout: fixed;
        }
        .UICongKhaiNganSachDetail {
                padding: 10px;
                width: 100vw;
        }
        .UICongKhaiNganSachDetail #table-detail>tbody>tr>td:nth-child(1) {
                font-weight: bold;
        }
        .UICongKhaiNganSachDetail #table-detail>tbody>tr>td{
                padding: 10px;
                font-size: 14px;
                color: #424242;
        }
        .UICongKhaiNganSachDetail .title-detail {
                padding: 5px;
                font-size: 14px;
        }
        .UICongKhaiNganSachDetail .dgv-header {
                font-size: 14px;
                color: #424242;
        }
        table.dgv-main>tbody>tr>td {
                border: none !important;
        }
}