.DiSanTheoTrichYeu{
        display: flex;
        flex-direction: column;
        gap: 15px;
}
.DiSanTheoTrichYeu .filter .search{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
}
.DiSanTheoTrichYeu .search .search-box{
        padding: 0.375rem 0.75rem;
        /* same as Bootstrap */
        font-size: 1rem;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
        transition: 
                border-color .15s ease-in-out,
                box-shadow .15s ease-in-out;
        width: 70%;
}
.DiSanTheoTrichYeu .search .btn-search{
        display: inline-block;
        font-weight: 400;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        user-select: none;
        background: #cc0212;
        border: none;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.375rem;
        transition: 
                color .15s ease-in-out,
                background-color .15s ease-in-out,
                border-color .15s ease-in-out,
                box-shadow .15s ease-in-out;
        font-family: Roboto;
}
.DiSanTheoTrichYeu table .stt{
        text-align:center;
}