.UIDocumentCatalogControl {
        padding: 10px;
        display: flex;
        min-height: 600px;
        align-items: flex-start;
        margin-bottom: 10px;
        background: #fff;
}
.UIDocumentCatalogControl div#catalogTime {
        width: 280px;
        /* border: 1px solid #ddd; */
        border-radius: 0;
        padding: 10px;
        margin-right: 20px;
}
.UIDocumentCatalogControl div#catalogTime>div:nth-child(3)>table>tbody>tr>td>div{
        padding: 4px;
}
.UIDocumentCatalogControl div#catalogTime>div:nth-child(3)>table,
.UIDocumentCatalogControl div#catalogTime>div:nth-child(3)>table>tbody,
.UIDocumentCatalogControl div#catalogTime>div:nth-child(3)>table>tbody>tr,
.UIDocumentCatalogControl div#catalogTime>div:nth-child(3)>table>tbody>tr>td
{
        display: block;
        width: 100%;
}
div#catalogTime .header {
        display: inline-block;
        border-bottom: 1px solid;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5px 10px;
        color: var(--bg-blue-weight);
        display: inline-block;
        background: url(images/huyhieu.gif) no-repeat 5px 5px;
        padding-left: 40px;
        width: 100%;
        margin-bottom: 10px;
}
.UIDocumentCatalogControl div#catalogTime>div:nth-child(3)>table>tbody>tr>td>div a{
        font: bold 15px/30px arial;
        border-bottom: 1px dashed #ddd;
        display: block;
        width: 100%;
        color: var(--bg-blue-weight);
}
.UIDocumentCatalogControl .Detail {
        flex: 1;
}
.UIDocumentCatalogControl select {
        padding: 6px;
        width: 100%;
        border: 1px solid #ddd;
        margin-bottom: 10px;
        border-radius: 3px;
        font: bold 14px arial;
        background: whitesmoke
}
.UIDocumentCatalogControl select:hover{
        background: whitesmoke;
        cursor: pointer;
}
.UIDocumentCatalogControl .Detail .header {
        margin-bottom: 10px;
        padding: 10px;
        padding-top: 0px !important;
        font-size: 24px;
        text-transform: uppercase;
        padding: 10px;
        display: block;
        border-bottom: 1px solid #ddd;
}
.UIDocumentCatalogControl .Detail  .catalogDetail {
        padding: 10px;
}
.UIDocumentCatalogControl .Detail  .catalogDetail a{
        font: 15px/24px arial;
        color: var(--bg-blue-weight);
}
.UIDocumentCatalogControl .Detail  .catalogDetail a:hover,
.UIDocumentCatalogControl div#catalogTime>div:nth-child(3)>table>tbody>tr>td>div a:hover
{
        color: #dc3545;
}
@media only screen and (max-width: 1023px){
        .UIDocumentCatalogControl {
                flex-direction: column;
        }
        .UIDocumentCatalogControl div#catalogTime {
                min-width: 100%;
        }
}